Cara Membuat Tombol Share Di Bawah Postingan

Cara Membuat Tombol Share Di Bawah Postingan-Kemaren ada teman saya bagaimana cara membuat tombol share ( share Button ) di bawah Blog. sebenarnya cara membuat tombol share ini sangat mudah dan gak ribet tapi kalau masih newbie seperti saya juga agak sedikit kesulitan , tapi lama-kelamaan nanti kita sudah terbiasa , akan menjadi sangat mudah , dengan memasang share button , atau tombol share di bawah postingan blog maka para pengunjung dapat menge-share atau membagikan artikel blog kita kepada orang lain. semakin banyak artikel blog kita yang di share akan berdampak positif bagi  blog kita.


cara membuat tombol share di bawah postingan

Berikut trick Cara Membuat dan menapilkan Tombol Share Di Bawah Postingan :

1. Seperti biasa anda harus login/ masuk dulu ke akun Blooger anda
2. Kemudian Pilih Menu Template
3. Setelah memilih menu template kemudian Cari dan Klik EDIT HTML
4. Cari kode <data:post.body/> biasanya terdapat banyak kode tersebut , pilihlah kode yang ter-akhir
5. Copy dan pastekan kode di bawah ini setelah ( di bawah ) kode tersebut

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

6. Setelah itu cari kode </head>
7. Kemudian salin dan tempel kode di bawah ini tepat diatas kode tersebut

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

8. Langkah yang terakhir Simpan Template dan Lihat Hasilnya ( gimana ...? mudahkan ..)
jika anda berhasil screen shotnya akan seperti di bawah ini :

contoh-share-button


Demikian artikel cara  Cara Membuat dan menapilkan Tombol Share Button Di Bawah Postingan semoga arrtikel Cara Membuat Tombol Share Di Bawah Postingan bermanfaat bagi anda . apabila anda mengalami kesulitan silahkan bertanya kepada saya melalui kotak komentar