Cara Memasang Widget Melayang Share Button Facebook, Twitter dan Google di Blog

Kreasi | Informasi | Beberapa hari ini saya blogwalking  ke sebuah blog, dan saya melihat sesuatu yang unik di blog sahabat tersebut. Saya menemukan widget melayang share botton facebook, twitter dan google. Kemudian saya mencoba memasangnya, karena widget ini akan memudahkan pengunjung blog kita untuk menshare apa yang ada di blog kita. Dan hal ini juga akan berdampak positif bagi blog kita. Ini bisa menjadi media marketing gratis buat para blogger, untuk itu saya akan share kepada para sobat blogger sekalian tentang cara membuat widget melayang share botton. 

Berikut cara pemasangannya :

1. Login ke akun blog anda
2. Pilih rancangan=>>tambah gadget
3. Pilih Html/Java script
4. Copy kode Html di bawah ini
5. Pastekan di Html/ Java Script tadi
6. Simpan/save
7. Selesai

Kode Widget Share button melayang

<!--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='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>

<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></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://gedesitdownblog.blogspot.com/2013/05/cara-memasang-widget-melayang-share.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-->

Penting : untuk tulisan warna hijau anda dapat mengeditnya sesuai keinginan anda. Dan tulisan warna merah bisa anda hapus jika anda ingin tampilan yang sederhana. Hasilnya bisa anda lihat seperti gambar di atas postingan ini.

Demikian informasi tentang cara memasang widget melayang share button facebook, twitter, google, stumbleupon dan digg sebagai kreasi pada blog, khususnya di blogspot. Selamat mencoba, semoga bermanfaat!