Cara Buat Tombol Share Di Post

jumpa lagi di postingan ane tetang bloging...Pada postingan kali ini ane akan share tetang Cara Buat Tombol Share Di Post. Lantas apa kegunaanya gan??????? tobol share berguna untuk mepublise kan ke media lain seperti di Facebook,twiter digg,dan lain-lain.Mungkin judulnya cuman Cara Buat Tombol Share Di Post tapi kali ini ane akan  baik hati :D jadi ane tambahin tombol like fb sekalian biar lengkap seperti digambar,untuk demonya kalian bisa lihat di setiap postingan blog ini..Gimana ada yang tertarik membuatnya.

Ya udah langsung aja ane kasih tutorialnya secara gratis...:D

Langkah-langkah pemasangan:

1. Yang jelas log in ke akun blogger aganyang mau di pasang tombol share nya.karana tanpa login anda mau pasang di mana nih css nya.masak di pasang di jidat.wkwkwkwkwk..
2. Pilih "Rancangan" atau dalam bahasa inggris disebut juga "Design", pada halaman selanjutnya sobat blogger akan berada di halaman "Elemen Laman" atau dalam bahasa inggris bisa disebut juga "Page Elements", tapi jangan pilih "Elemen Halaman" tapi pilihlah "Edit HTML".
3. Setelah itu beri tanda centang di "Expand Widget Template".Ane tulisa besar tuh biar gak keluapaan ..:P
4. Jika sobat blogger ingin meletakannya diatas post carilah kode <div class='post-body entry-content'> dan jika ingin menaruhnya dibawah posting silahkan cari kode <data:post.body/> dan pilihlah kode <data:post.body/> yang kedua
5. Kemudian copas kode ini dibawah <data:post.body/> atau dibawah <div class='post-body entry-content'> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='background:#f9f9f9;border-top:3px solid #bbb;border-bottom:1px solid #bbb; padding:10px 0px;margin:30px 0px 8px 0px;width:100%;float:left;height:20px;'>

<div style='float:left;padding-left:5px;'>

<div style='float:left;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#666'>

<strong>Share this article</strong> : 

<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>

<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>

</div>

<div style='float:left;padding-left:10px;'>

<a class='DiggThisButton DiggCompact'/>

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

</div>

<div style='float:left;padding-left:10px;'><a name='fb_share' type='button_count'/><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

<div style='float:left;padding-left:10px;'>

<a class='twitter-share-button' data-count='horizontal' data-via='wildankafi' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</div>

<div style='float:left;padding-left:0px;'>

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

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

<a class='addthis_button_preferred_4 addthis_button_print at300b' href='#' title='Print'><span class='at300bs at15nc at15t_print'/></a>

</div>

</div>

</div>

</b:if>
6. Tulisan "wildankafi" silahkan di ganti dengan user twiter sobat
7.  Selesai dan simpan template.kemudian lihat hasilnya..

Alhamdulilah selesai sudah ane share Cara Buat Tombol Share Di Post .kalau masih bingung bisa di tanyakan ditanyakan dan di tulis di kotak komentar di bawah ini.