Tombol Share Facebook Mengambang

Membuat Tombol Share Facebook Mengambang

Tidak bisa di pungkiri bahwa Facebook sekarang sudah merebak di seluruh dunia, dan di kabarkan facebook telah melampaui Google dalam pencapain jumlah traffic perhari. bisa di katakan itu sangat wajar bila kita perhatikan bahwa facebook menyediakan ruang untuk curhat, berdoa, berkenalan dengan siapa saja dan kapanpun dengan mudah dan gratis. jadi sangat masuk akal jika Facebook mendapatkan simpati dari masyarakat.

Hal itu jika di lihat dari prespektif seorang blogger/ penulis blog tentu sangat menguntungkan, karena bisa turut meramaikan facebook dengan men-share apa yang telah di tulis di blognya. karena semakin banyak tautan share yang di lakukan maka akan mempengaruhi jumlah pengunjung suatu blog. dan bilamana blog di baca oleh orang lain, tentunya penulis blog, atau pemilik blog akan sangat bangga dan bahagia.

Terdapat berbagai cara untuk melakukan share suatu blog, yaitu bisa dengan copy paste link halaman blog langsung ke dinding sebuah akun facebook, atau bisa juga dengan menuliskan status Facebook dengan di beri tautan ke blog, itu juga bisa di lakukan, namun terdapat cara yang efektif untukmen-share blog kita yaitu dengan membuat tombol share facebook mengambang di samping halaman blog.

Tombol share facebook mengambang di samping halaman blog ini sangat efektif karena ia hanya sekali pasang dan bisa berfungsi selama blog aktif. dan tidak perlu update atau semacamnya. dan sangat mudah pemasangannya, yaitu dengan menaruh kode di bawah ini ke dalam sebuah widget dari blog blogspot maupun wordpress,

<!-- floating page sharers Start-->
<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:305px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#F80A0A;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>
<!-- floating page sharers End --></div>

Pada bagian biru dapat di ubah untuk penyesuaian posisi tampilan tombol share facebook mengambang di samping halaman blog.