Cara Membuat Tombol Share Floating / Melayang.button atau tombol share memang sangat wajib atau penting di dalam sebuah blog atau website,karna dengan tombol share kita bisa mempromosikan apa yang ada di dalam blog atau website kita kepada orang yang lebih banyak, dan gratis pula,tapi kita hanya bisa berharap klo setiap pengunjung yang datang kesini untuk menshare postingan dari blog yang mereka kunjungi. khusus nya pada blog ini...hhee..!
ini adalah code untuk membuat tombol share melayang.
ada 4 trombol share,facebook,twitter,google plus,sama tombol share dari addthis.
tampilan nya seperti gambar di samping,cuman yang ini tombol twitter nya saya hapus.
klo code yang di bawah masih komplit tombol share nya
cara pasang nya juga hanya tinggal di simpan di widget,tak perlu meng edit html.
dan posisi nya juga bisa di sesuaikan dengan keinginan.
<!-- floating page sharers Start-->
<style type="text/css">
#pageshare {position:fixed; bottom:50%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#F2F2F2;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>
<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 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>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='rw'>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4d764bd843e747be"></script>
<a href="http://skocikita.blogspot.com/2012/02/menjaring-visitor-dengan-tombol-share.html"/><span style="font-size: xx-small;"><span style="background-color: #eeeeee; color: #eeeeee; font-family: inherit;"> Get This</span></span></a>
<!-- floating page sharers End --></div></div>
untuk yang di kasih warna merah itu adalah posisi widget tersebut,jadi bisa anda rubah sesuka anda, mau di letakan sebelah mana. tombol ini mengikuti masing masing entry,jadi setiap entry berbeda beda jumlah share nya. jadi tidak hanya halaman depan saja yang di share.
9 out of 10 based on 10 ratings. 9 user reviews.