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 == "item"'>
<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('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
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
