membuat tombol share di bawah postingan yang keren :

Tombol share di bawah posting

demo nya kaya gini:

ok..gan, to the point aaja,...!!tutorial blog nya :

Tombol memiliki jaringan sosial utama dan situs bookamark sosial termasuk:

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

Mari kita lakukan saja :
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 :


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


  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 :

<span style="color: lime;"><b:if cond='data:blog.pageType == "item"'></span><br /> <span style="color: lime;"><style></span><br /> <span style="color: lime;">.doncaprio-share-buttons</span><br /> <span style="color: lime;">{</span><br /> <span style="color: lime;">-webkit-border-radius: 5px;</span><br /> <span style="color: lime;">-moz-border-radius: 5px;</span><br /> <span style="color: lime;">border-radius: 5px;</span><br /> <span style="color: lime;">border:1px solid #BBBBBB;</span><br /> <span style="color: lime;">background-color</span><span style="color: red;">:#FFFFF;</span><br /> <span style="color: lime;">-webkit-box-shadow: #B3B3B3 5px 5px 5px;</span><br /> <span style="color: lime;">-moz-box-shadow: #B3B3B3 5px 5px 5px;</span><br /> <span style="color: lime;">box-shadow: #B3B3B3 5px 5px 5px;</span><br /> <span style="color: lime;">padding: 5px;</span><br /> <span style="color: lime;">margin: 10px;</span><br /> <span style="color: lime;">}</span><br /> <span style="color: lime;"></style></span><br /> <span style="color: lime;"><p align='center' class='doncaprio-share-buttons'> </span><br /> <span style="color: lime;"><span class='st_facebook_hcount' displayText='Facebook'/></span><br /> <span style="color: lime;"><span class='st_plusone_hcount' displayText='Google +1'/></span><br /> <span style="color: lime;"><span class='st_twitter_hcount' displayText='Tweet'/></span><br /> <span style="color: lime;"><span class='st_pinterest_hcount' displayText='Pinterest'/></span><br /> <span style="color: lime;"><span class='st_digg_hcount' displayText='Digg'/></span><br /> <span style="color: lime;"><span class='st_stumbleupon_hcount' displayText='StumbleUpon'/></span><br /> <span style="color: lime;"><span class='st_fblike_hcount' displayText='Facebook Like'/></span><br /> <span style="color: lime;"></p> </span><br /> <span style="color: lime;"></b:if></span>

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

    7.  Save Template Anda.

Sekian, semoga bermanfaat...


Share this article :

Artikel Terkait