Widget Facebook & Twitter

Sebenarnya, Twitter atau Facebook sudah menyediakan kode tombol tersebut di situsnya. Tapi apabila ketiga tombol itu digabungkan, maka akan terlihat berantakan. Oleh karena itulah kode widget ini dibuat, agar pemasangan ketiga tombol tersebut terlihat rapi dalam satu baris sejajar.


1. Copy - Paste ke dalam Widget Blog Anda
#### Copy - Paste baris script dibawah ini ####

<!-- zscb BEGIN -->
<div id="zscbCntnr"><ul style="list-style:none; margin:0; padding:0;">
<li style="display:inline; list-style:none; margin:0; padding:0;"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" rel="nofollow">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></li>
<li style="display:inline; list-style:none; margin:0; padding:0;"><a href="http://www.facebook.com/sharer.php" title="Share on Facebook" name="fb_share" type="button_count" style="margin:0 17px 0 0;" rel="nofollow">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></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)+'&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;colorscheme=light&amp;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 target="_blank" title="Share Counters and Buttons Widget" id="zscbAL" name="zscbAL" href="http://bit.ly/hQSUI9"><b>[i]</b></a></li>
</ul></div>
<script type="text/javascript" src="https://zscbutton.googlecode.com/svn/trunk/js/zscbutton.js"></script>
<!-- zscb END -->

################# Selesai #############

Read more: TambelanBlog: Cara Pasang Widget Facebook - Twitter pada Blog dengan zSCbutton Share Counters and Buttons Widget http://www.tambelanblog.com/2011/03/cara-pasang-widget-facebook-twitter.html#ixzz207VonCuD
Under Creative Commons License: Attribution Non-Commercial