Cara Singkat Memasang Tombol Share Di Bawah Posting Blog

Sahabat Blog Syeftiandro malam ini saya akan menjelaskan secara singkat memasang tombol share di bawah postingan blog. Tombol share pada sebuah website atau bloggger sangat sekali dibutuhkan, karena dengan adanya tombol share pada blogger atau wabsite membuat para pengunjung dipermudah mensharekan berita atau informasi yang mereka baca di blog tersebut.

Mungjkin saya rasa kalian sudah cukup paham manfaat dari memasang tombol share dibawah postingan. Berikut gambar penampakan nya :

Langsung saja saya akan menjelaskan bagaimana caranya :
1.  Buka Blogger anda, kemudian masuk ke Template, lalu klik Edit HTML.
2.  Tekan Ctrl + F
3.  Cari kode </head> jika sudah ketemu letakan kode dibawah ini tepat diatas kode </head>

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

4.  Selanjutnya cari lagi kode <data:post.body/> kode ini biasanya lebih dari 1 (ada banyak), namun pilih kode yang kedua. Copy kode berikut ini (dibawah ini) tepat dibawah kode <data:post.body/> (kode ke dua).

<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>

5.  Klik simpan dan lihat hasilnya.

Catatan :
Apabila ingin terlihat keren tombol share nya pindahkan kode pada step 4 kode <data:post.body/> yang lain. Anda dapat menghapus kode yang tidak penting dengan cara menghapus kode yang berwarna merah sesuai dengan keingingan anda.


Jangan lupa coment ya
 

== Semoga Bermanfaat ==

 == Terima Kasih ==