Today Quotes : “Rasakan semua, demikian pinta sang hati. Amarah atau asmara, kasih atau pedih, segalanya indah jika memang tepat pada waktunya. Dan inilah hatiku, pada dini hari yang hening. Bening. Apa adanya.” #Rectoverso

Selasa, 05 Februari 2013

Bikin Floating Share Button Melayang Di Blog

1.Masuk ke blogger kamu.
2.Klik Tata Letak
3.Tambah gadget, pilih HTML/Javascript
4.Terus copy paste kode di bawah ini


<style type="text/css">*{margin:0;padding:0}* html #z33sHare{position: absolute}#z33sHare{left:6%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;position:fixed;bottom: 20%}#z33sHare div{padding:6px 6px 6px 5px}#stw{margin-left:-2px}#sfs{margin-left:-5px}</style><div id="z33sHare"><div id="ssl-box"><div id="stw"><div class='floatbutton' id='facebook'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count"show_faces="false"font=""></fb:like></div><a href="http://twitter.com/share"class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div><a title="Post to Google Buzz"class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script></div><div><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><a class="DiggThisButton DiggMedium"></a></div></div><div><a name="fb_share"type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div class='sbutton' id='gplusone'><script type="text/javascript"src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div style="clear:both;"></div></div>


5.Terus kalo udah di copy paste klik save/simpan, klik lihat blog (lihat perubahannya)

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...