Cara Membuat Tombol Share di Bawah Postingan Blog

Halo Semuaaaa~ ^^
Post lagi nih :D
Hari ini aku membahas tentang "Cara Membuat Tombol Share di Bawah Postingan Blog"

Pertama...

~ Login ke Blogger
~ Dashboard > Template > Edit HTML
~ Cari Kode </head> menggunakan Ctrl + F
~ Letakan Kode Berikut di atas </head>

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

~ Lalu Cari <data:post.body/>
~ Pasang Kode berikut di Bawah <data:post.body/>

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

NB: Kode Merah adalah Tombol Share nya

Simpan Dan

SELESAI

Semoga bermanfaat :D
Enjoy Blogging!!!~ ^^