Membuat tombol share facebook dan twitter melayang

Berikut ini adalah tombol share (Facebook Like, Twitter Tweet, Google Plus One, dan Lintas Berita) berupa bentuk VERTICAL (bentuk tegak dengan tombol share kotak-kotak).


Silahkan pasang kode HTML berikut ini di halaman web anda:

<!-- zSCbutton Vertical BEGIN --> <div id="zscbverdiv" style="position:fixed; top:200px; margin-left:-100px;"> <div id="zscbvercntr"> <ul id="zscbver" style="list-style-type:none;"> <li id="zscbverfb"><script type="text/javascript">(function() { var zlt=unescape('%3C'); var zgt=unescape('%3E'); var zq=unescape('%22'); var zloc=encodeURI(document.location.href); document.write(zlt+'iframe src='+zq+'http://www.facebook.com/plugins/like.php?href='+zloc+'&send=false&layout=box_count&width=45&show_faces=false&action=like&colorscheme=light&font&height=60'+zq+' scrolling='+zq+'no'+zq+' frameborder='+zq+'0'+zq+' style='+zq+'border:none; overflow:hidden; width:45px; height:60px;'+zq+' allowTransparency='+zq+'true'+zq+''+zgt+''+zlt+'/iframe'+zgt); }) ();</script></li> <li id="zscbvertw"><a href="http://twitter.com/share" class="twitter-share-button" rel="nofollow" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><a id="zscbverc" href="http://inimu.com/widget/zscbutton/" title="Share Counter Buttons">i</a></li> <li id="zscbvergg"><g:plusone size="tall"></g:plusone><script type="text/javascript">(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();</script></li> <li id="zscbverlb"><script type="text/javascript">lb_skin = 'mode2';</script><script src="http://www.lintasberita.com/widget_vote/lintasberita.js" type="text/javascript"></script></li> </ul> <script type="text/javascript" src="http://zscbutton.googlecode.com/svn/trunk/js/zscbutton-ver.js"></script></div> </div> <!-- zSCbutton Vertical END --> Anda hanya perlu menambahkan kode ini di Gadget HTML/Script pada Rancangan blogger anda.

Ini adalah penempatan pada posisi fixed (melayang) di sebelah kiri luar area utama blog. Kira-kira widget ini seperti widget share a la situs Mashable.com yang penempatannya berada di luar konten.

Untuk penempatan melayang di luar area utama, gunakan kode style position:fixed; top:200px; margin-left:-100px;.