Tombol Share melayang di blog

Tombol Share

Tombol share melayang di Blog- Ini adalah sala satu pulgin yang digunakan oleh para blogger untuk bisa berbagi dengan cepat di media sosial. cara memasang tolbar share melayang ini cukup mudah. bagi pemula pun pasti sudah tahu. Namun, artikell ini hanya untuk mereka yang belum tahu cara pasangnya. yang udah tahu, nga usah lanjutin bacaanya. karena itu hanya akan membuang-buang waktunya sobat sekalian. langsung yuk!  kita Olah TKP. 

1. Masuk  akun blogger > Dasbor, > klik design/rancangan > Tata Letak
2. Klik Tambah Gadget,
3. Pilih HTML/Javascript,  masukkan kode di bawah ini:

<!--Widget Share Button Melayang Start-->
<style>
#pageshare {position:fixed; bottom:10%; right:8px; float:left; border: 1px solid white; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#000000;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="Update status di facebook">

<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='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='fb'><a name="Bagikan Ke Teman Anda" 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://gorontalo-education.blogspot.com/2012/09/tombol-share-melayang-di-blog.html " target="Pasang Widget"><font color="red">PASANG<font></font></font></a></div></div>
<!--Widget Share Button Melayang End-->

Mungkin sesingkat itu cara pasang tombol share di blog. Eh, sampai lupa nih ada pengaturan tambahan. 

Catatan :  lihat kode-kode warna merah:

Angka 15% : Posisi dari bawah

Angka 10 pixel adalah posisi  kanan blog

Border: 1px solid white, adalah ukuran ketebalan batas kotak share button 

Demikinan sedikit tips memasang tombol share melayang di blog. semoga tulisan ini bermanfaat. Salam sahabt dari Mata Pena Gorontalo. Wassalam. 

Tweet