Cara Membuat Tombol Share Fb, Buzz, Digg, Twitter Di Blogspot

Bagaimana cara membuat tombol share seperti ini :

Membuat Tombol Share

Langkah 1

1. Langsung saja silakan copy kodenya terlebih dahulu:

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

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

<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>

Share this history on : 

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

</script></div>

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

<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 class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</div>

</div>

</b:if>*

perhatikan pada kode diatas, ada tulisan user name twitter, ganti dengan milik Anda

Langkah 2

• Login ke Blogger » Rancangan » Edit HTML » Centang Expend Widget 
• Cari Kode lah <div class='post-body entry-content'>Tips mencari cepat: tekan ctrl+f dan masukan kode di atas, atau jika tidak ketemu musukan saja post-body kemudian cari kode yang mirip dengan yang saya sebutkan tadi di atas!
• Jika sudah ketemu pastekan code yang telah Anda copy tadi tepat di atasnya <div class='post-body entry-content'>
• Simpan Template dan Lihat hasilnya !

Oke sob cukupkan sekian dulu ya.. mudah-mudahan dengan update kali ini anda dapat menikmatinya dengan puas, dan semoga bermanfaat!

Kasih link back ya klo copy-paste hehe... selamat memebuat tombol share

Anda baru saja membaca artikel yang berkategori trik blogger dengan judul Cara Membuat Tombol Share Fb, Buzz, Digg, Twitter Di Blogspot. Anda bisa bookmark halaman ini dengan URL https://blogberkah.blogspot.com/2012/10/cara-membuat-tombol-share-fb-buzz-digg.html. Terima kasih!

Ditulis oleh: Unknown - Rabu, 10 Oktober 2012