Cara Membuat Tombol Share Melayang

Cara Membuat Tombol Share Melayang - Halo kawan-kawan semua....Pada kali ini saya akan memberikan Cara Membuat Tombol Share Melayang ,Tombol Share sangat berguna untuk blog kita karna bisa meningkatkan visitor pada tombol share ini tidak hanya tombol share Facebook dan Twitter saja ! tetapi ada juga tombol share seperti digg,share twitter,stumbleupon,like facebook,tombol share facebook,tombol G+.Bagaimana sangat lengkap sekalikan tombol sharenya ? Nah bagi anda yang ingin membuat tombol share seperti itu,kita langsung aja lihat tutorialnya !

  1.Masuk ke akun blogger anda
  2.Klik menu Tata Letak
  3.Klik Tambah Gadget  lalu pilih HTML/JavaScript
  4.Copy Paste kode di bawah ini lalu taruh di HTML/JavaScript
<!--Tombol Share Melayang by Alfadlys--> <style> #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id='pageshare' title="Share This With Your Friends"> <div class='sbutton' id='gb'> <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> <div class='sbutton' id='rt'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' 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 class='sbutton' id='su'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'> <script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div> <div class='sbutton' id='fb'> <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> <br/><div style="clear: both;font-size: 12px;text-align:center;"> <a href="http://alfadlys.blogspot.com/" target="blank"><font color="black">[Cara Buat]<font></font></font></a></div> </div>   5.Simpan dan Lihat Hasilnya !!!