Cara Membuat Share Button Dibawah Postingan

Kamis, 28 Maret 2013

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 akun 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 == "item"'><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.