» » » Cara Memasang Tombol Share Botton Melayang Di Blog

Cara Memasang Tombol Share Botton Melayang Di Blog

,
Cara mudah memasang tombol share botton melayang di blog. Dimana tombol share ini mempermudahkan pengujung blog anda untuk membagikan setiap postingan yang mereka baca, dengan begitu akan baik untuk perkembangan blog kedepan. Sebagai gambaran bisa dilihat gambar dibawah ini.


Buat anda yang mau memasang tombol share botton di blog anda bisa mengikuti langkah demi langkah dibawah ini agar terpasang, caranya cukup mudah jadi ikuti saja.

1. Masuk ke blogger anda.
2. Masuk ke dosbar dan masuk kelaman tata letak.
3. Tambahkan gadget dan pilih gadget HTML/JavaScript.


4. Masukkan kode dibawah ini dan simpan pada gadget HTML/JavaScript.

Klik
<!--Widget Share Button Melayang Start--> <style> #pageshare {position:fixed; bottom:15%; right: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="bagikan ke teman anda"> <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='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: 9px;text-align:center;"><a href=http://kangtora.blogspot.com/2015/06/cara-memasang-tombol-share-botton.html" target="blank" title="cara memasang widget share button"><font color="blue">[Get Widget]<font></font></font></a></div></div> <!--Widget Share Button Melayang End-->


5. Simpan dan selsesai.

Setelah selesai menyimpan maka refress blog anda dan lihat hasilnya, tombol share botton melayang akan sudah terpasang di blog anda. Semoga tulisan sederhana ini bermanfaat untuk kita semua.

Sekian dan salam jabat tangan.

Subscribe to receive free email updates: