Cara Membuat Tombol Share dan Like Facebook dan Tweet

Sekarang lagi jamannya jejaring sosial seperti Facebook dan twitter,jadi tidak salah apabila kita mencoba untuk menambahkan featur yang bisa menshare posting kita ke jejaring sosial tersebut.Oke berikut cara membuat tombol share FB dan Twitter plus like FB :

1. Login Ke Blogger
2. Pilih Rancangan => Edit HTML => Expand Template
3. Cari Kode <data:post.body/>
4. Copy Script di bawah ini setelah kode tersebut

<b:if cond='data:blog.pageType != "index"'><br /> <b:if cond='data:blog.pageType != "archive"'><br /> <div id='zscbCntnr'><ul style='list-style:none; margin:0; padding:0;'><li style='display:inline; list-style:none; margin:0; padding:0;'><a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share' rel='nofollow'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></li> <li style='display:inline; list-style:none; margin:0; padding:0;'><a href='http://www.facebook.com/sharer.php' name='fb_share' rel='nofollow' style='margin:0 17px 0 0;' title='Share on Facebook' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></li> <li style='display:inline; list-style:none; margin:0; padding:0;'><script type='text/javascript'>/* <![CDATA[ */ var zUTDQ = unescape('%22'); var zUTLT = unescape('%3C'); var zUTGT = unescape('%3E'); document.write(zUTLT+'ifr'+'ame src='+zUTDQ+'http://www.facebook.com/plugins/like.php?href='+escape(location.href)+'&layout=button_count&show_faces=true&width=100&action=like&colorscheme=light&height=20'+zUTDQ+' scrolling='+zUTDQ+'no'+zUTDQ+' frameborder='+zUTDQ+'0'+zUTDQ+' style='+zUTDQ+'display:inline; border:none; overflow:hidden; width:100px; height:20px;'+zUTDQ+' allowTransparency='+zUTDQ+'true'+zUTDQ+zUTGT+zUTLT+'/ifr'+'ame'+zUTGT); /* ]]> */</script></li> <li style='display:inline; list-style:none; margin:0; padding:0;'><input name='zscbLC' type='hidden'/><a href='http://dytofree.blogspot.com/2011/11/cara-membuat-tombol-share-dan-like.html' id='zscbAL' name='zscbAL' target='_blank' title='Share Counters and Buttons Widget'><b>[i]</b></a></li> </ul></div><script src='http://zamalsblog.googlecode.com/files/Zamal%27s%20Blog%20Button%20and%20counter.js' type='text/javascript'/> </b:if> </b:if>

     5.  Simpan Template

Posted in: Tips and Trik, Tips Blogger