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.
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 :
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.
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.
Mungkin sekian dulu, Terima Kasih Anda telah membaca artikel dari kami yang berjudul cara membuat share this keren di blog , , mudah-mudahan artikel dari GUDINATION berguna dan bisa memberi manfaat untuk anda dan pembaca semua. Terimakasih sudah klik iklan kami demi untuk kemajuan dan berkembangnya website gudination.
loading...
