cara membuat share this keren di blog

  Postingan kali kita ini kita akan membahas bagaimana cara buat share buttons keren di atas postingan blogger, widget ini memang betul-betul keren untuk Anda coba di akkun Blogger Anda.

Seperti yang Anda lihat, tombol memiliki jaringan sosial utama dan situs bookamarking sosial termasuk:

• Facebook Share Button
• Tombil Tweet
• Google+
• Pinterest tombol
• Digg tombol
• Tombol Stumbleupon

Yuk mari kita lakukan :

1.Buka akun Blogger Anda

2.Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget

3.Cari kode dibawah ini :

</head>

4.  Pastekan kode dibawah ini, diatas pada kode diatas :


<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-47c9cca-cf33-f245-f3f6-43ed7a58f34f"}); </script>


  5.  Cari kode diawah ini :

<data:post.body/>

 6.  Mungkin kode diatas ada 3 sampai 4, tempatkan kode dibawah ini pada kode pertama atau kedua :

<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:#FFFFF;
-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>

Ket: Kode warna merah adalah warna background,sesuaikan dengan kebutuhan anda.

    7.  Save Template Anda.