Cara Membuat Tombol Share Melayang - Floating Share Button

Cara Membuat Tombol Share Melayang - Floating Share Button.  Tombol Share Facebook,Twitter Dan Google+ melayang sebenarnya tidak beda dengan tombol share lainnya, yaitu berfungsi untuk membagi/share konten blog ke berbagai jejaring sosial yang ada di internet. Bedanya, tombol yang satu ini posisinya melayang di blog kita, jadi walau pengunjung melakukan scrolling, tombol share tersebut akan tetap kelihatan di samping blog kita. Tentu dengan posisinya yang melayang itu, kesempatan untuk diklik oleh para pengunjung dengan tujuan sharing akan semakin besar.

Dalam Tombol Share Facebook,Twitter Dan Google+ melayang tersebut mencakup tiga layanan, yaitu: Google+, facebook, sama twitter/retwit. 

Bagi sobat Blogger yang tertarik untuk menampilkannya ke dalam blog sobat silahkan gunakan kode berikut, caranya:

login ke blogger 

Pilih Rancangan 

Lalu "add gadget" 

Pilih HTML/Javascript 
isikan dengan kode berikut di dalamnya

<style type="text/css"> #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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;/*bs-fsmsb*/-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> <br /> <div id="pageshare" title="Share to Your Friends"> <div style="clear: both; font-size: 16px; text-align: center;"> </div> <div class="sbutton" id="gplusone"> <script src="https://apis.google.com/js/plusone.js" type="text/javascript"> </script> <g:plusone size="tall"></g:plusone> </div> <div class="sbutton" id="fb"> <a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"> </script> </div> <div class="sbutton" id="rt"> <script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript"> </script> </div> </div>

Klik simpan Silahkan lihat hasilnya! Menarik bukan?
Semoga bermanfaat Jika ada pertanyaan silahkan ditinggal di kotak komentar
NB : Kode Warna Merah itu warna latar Bisa Anda Ganti sesuai selera ,Atau Bila ingin transparan di hapus saja