Cara Membuat Tombol Share di Bawah Postingan Blog

Cara Membuat Tombol Share di Bawah Postingan Blog - Dengan memasang tombol berbagi ini, akan membawa manfaat bagi blog kita. Semakin banyak artikel yang di share pengunjung ke media jejaring social, maka semakin banyak pula pengunjung yang datang ke blog kita. Sebetulnya untuk tamplate asli bawaan dari blogger sudah tersedia, tapi untuk tamplate hasil download mungkin banyak yang belum menyediakan.  Bagi sobat yang berminat untuk memasangnya, silakan ikuti langkah - langkah cara memasang tombol share di bawah postingan blog berikut ini.

Cara Memasang Tombol Berbagi Ke facebook, twitter, google+ di blog

1. Loggin ke blogger dengan akun blog sobat.

2. Klik menu Tata Letak > Edit HTML > Expand Template Widget

3. Copy kode di bawah ini tepat di atas ]]></b:skin> 
 .fbshare {line-height: 20px; color: #fff !important; background: #3b5998; text-decoration: none !important; border: 1px solid #313c7d; padding: 3px;  font-family: Tahoma, verdana, sans-serif; font-size: 12px; border-radius: 2px;}
.twshare {color: #fff !important; background: #4099FF; text-decoration: none !important; border: 1px solid #3a8be8; padding: 3px;  font-family: Tahoma, verdana, sans-serif; font-size: 12px; line-height: 20px; border-radius: 2px;}
.sharebutton {background: #cccccc;border: 1px solid #999;padding: 5px;}

4. Copy kode di bawah ini tepat di bawah <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='sharebutton'>
Share This Article To: 
<a class='fbshare' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'>Facebook</a> 
<a class='twshare' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Twitter</a> 
<a class='plshare' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Google+</a>
</div>
</b:if>
5. Save dan lihat hasilnya
selamat mencoba dan semoga bermanfaat !

Share this post