Cara Membuat Tombol Share Di Blogspot

 " Gimana cara bikin share diatas postingan yg ada FB,twitter,digg,dan interest it " ? Itulah Sebuah Pertanyaan Yang di ajukan Sobat @ Gelora Sriwijaya Kepada Facewoman.Tapi memang untuk tombol share yang mirip

dengan Blog Facewoman Memang Belum saya Jadikan Artikel Pada waktu itu.Jadi untuk Gelora Sriwijaya saya beri rekomendasi Cara Membuat Tombol Share Mirip Inilah.com Di blog .Coba Lihat Screenshot di bawah Ini ;

Inilah gambar screenshot komentar

 Untuk caranya sendiri juga hampir sama dengan cara postingan tersebut yang membedakan ini tidak melalui pihak ke Tiga.Jika anda tertarik untuk mencobanya ikuti langkah - langkah di bawah ini :

1.Pertama-tama Login Blogger.
2.Langkah kedua Dashboard - Template - Centang Expand Widget Template - Kemudian Cari Kode  <data:post.body/> untuk memepercepat Proses pencarian Kode gunaan Ctrl + F kemudian Masukkan Kode <data:post.body/> Jika sudah anda ketemukan ,Lalu masukkan kode di bawah ini, Tepat di atas Kode <data:post.body/> :
Note : " Jika di template sobat diketemukan Kode yang sama dengan   <data:post.body/> Facewoman sarankan anda gnakan kde yang paling atas kode <data:post.body/> "

<div style='background:#f2f2f2;margin:0;padding:0;-moz-box-shadow:inset 0 0 5px #ccc;border-top:0px solid #ccc;border-bottom:0px solid #ccc; padding:5px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>

<table border='0'><tbody><tr>



<td>

<div style='margin-right:5px;'>

<a class='twitter-share-button' href='https://twitter.com/share'>Tweet</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>

</div>

</td>





<td>

<div style='margin-right:5px;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;'/>

</div>

</td>





<td>

<div style='margin-right:5px;'>

<g:plusone expr:href='data:post.url' size='medium'/>

</div>

</td>





<td>

<div style='margin-right:5px;'>

<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img border='0' src='//assets.pinterest.com/images/PinExt.png' title='Pin It'/></a>

<script src='//assets.pinterest.com/js/pinit.js' type='text/javascript'/>

</div>

</td>





<td>

<div style='margin-right:5px;'>

<script type='text/javascript'>



(function() {



var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];



s.type = &#39;text/javascript&#39;;



s.async = true;



s.src = &#39;http://widgets.digg.com/buttons.js&#39;;



s1.parentNode.insertBefore(s, s1);



})();



</script>

<a class='DiggThisButton  DiggCompact' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'/>

</div>

</td>



</tr></tbody></table>

</div>

3.Langkah Terhakhir Simpan Template.

 Itulah Cara Membuat Tombol Share Di Blog.Semoga cara di atas bisa bermanfaat bagi anda yang sedang membutuhkan.Jika ada kesalahan dalam praktek,anda bisa meninggalkan  komentar di Facewoman.

Note :

 Memasang Tombol share Di Blog dapat Menyebabkan Blog anda menjadi Berat saat Loading Di Bagian Posting.!. Tapi semua itu bisa tertutupi dengan banyaknya manfaat yang di peroleh dari tombol share tersebut.