Blogroll

Cara Memasang Tombol Share Di Bawah Postingan

Cara Memasang Tombol Share Di Bawah Postingan - Pada artikel ini saya akan memberikan penjelasan atau Cara Memasang Tombol Share Di Bawah Postingan  pemasangan ini sangat berguna bagi kelangsungan blog anda karena bagi pengunjung yang baik hati akan meng share artikel yang dibacanya ketika iya tau itu bermanfaat.
 
Pemasanganya tidak begitu sulit kita hanyalah perlu sedikit menambah kode yang sudah saya siapkan di postingan ini anda tinggal menambahkanya saja di Template anda penjelasan tentang cara pemasanganya pus sudah lengkap. 
 

 

Cara Memasang Tombol Share Di Bawah Postingan


Langkah-langkahnya adalah sebagai berikut:
1. Login ke akun blog Anda
2. Pilih menu Template => Edit HTML 3. Cari kode script </head> (gunakan Ctrl + F untuk mempermudah pencarian)
4. Copy dan pastekan kode di bawah ini tepat di atas kode tadi !!

<script src="http://w.sharethis.com/button/buttons.js" type="text/javascript"></script>
<script type="text/javascript">stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>

5. Lalu cari kode <data:post.body/>, jika Anda menemukan banyak kode tersebut, gunakan kode yang ke-2
6. Copy-paste kode berikut ini tepat di bawahnya:

<b:if cond='data:blog.pageType == &quot;item&quot;'><style>
.doncaprio-share-buttons{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #BBBBBB;background-color:#FFFFFF;-webkit-box-shadow: #B3B3B3 5px 5px 5px;-moz-box-shadow: #B3B3B3 5px 5px 5px;box-shadow: #B3B3B3 5px 5px 5px;padding: 5px;margin: 10px;}
</style>
<p align='center' class='doncaprio-share-buttons'>
<span class='st_facebook_hcount' displayText='Facebook'/>
<span class='st_plusone_hcount' displayText='Google +1'/>
<span class='st_twitter_hcount' displayText='Tweet'/>
<span class='st_pinterest_hcount' displayText='Pinterest'/>
<span class='st_digg_hcount' displayText='Digg'/>
<span class='st_stumbleupon_hcount' displayText='StumbleUpon'/>
<span class='st_fblike_hcount' displayText='Facebook Like'/>
</p></b:if>

Keterangan:
Huruf yang berwarna hijau di atas adalah kode pemanggil tombol share, Anda dapat menghapus tombol share yang tidak diinginkan. Anda tinggal membaca kata terakhirnya seperti “facebook” atau “tweet” atau “pinterest”.

7. Selesai, lihat blog Anda !!

0 komentar:

Posting Komentar