Cara Membuat Share Button (Di Atas Post Blog)

5:48 AM

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

Langkah-langkahnya adalah sebagai berikut :

-Buka akun Blogger Anda
-Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget
-Cari kode dibawah ini :

</head>

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>

Cari kode diawah ini :

<data:post.body/>

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