Cara Membuat Tombol Like, Tweet dan G+ Melayang di Blog

SiFadly - Cara Membuat Tombol Like, Tweet dan G+ Melayang di Blog. Sekarang Fadly akan memberikan artikel totorial mengenai widget pada blog yang satu ini. Trik ini akan membuat blogspot semakin keren dengan widget Cara Membuat Tombol Like, Tweet dan G+ Melayang di Blog. Penasaran?. . . .

Pada dasarnya Cara Membuat Tombol Like, Tweet dan G+ Melayang di Blog Ini supaya pengunjung blogspot bisa berbagi link blog Anda. Dan Anda pun bisa mendapat visitor lebih banyak lagi lewat link dibagi oleh pembaca blog Anda.

 Untuk Memasangnya ikuti langkah - langkah dibawah ini :

1. login ke blogger

2. Langsung ke tata letak > Tambah gadget > Pilih HTML/JavaScript

3. Copy code HTML dibawah ini:

<!--Widget Share Button Melayang Start-->

 <style> #pageshare {position:fixed; top:10%; left:00px; float:left; border: 1px solid #c0c0c0; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:transparent;opacity:0%;padding:0 0 2px

 0;z-index:10;box-shadow: 5px 5px 5px #CCCCCC;}

 #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

 .fb_share_count_top {width:50px !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>

 <!--Widget Share Button Melayang End-->

4. Pastekan code HTML yang tadi kamu copy di kolom HTML/JavaScript.

5. Klik Simpan. Dan liat hasilnya

Huruf yang bertuliskan transparent bisa diganti dengan kode warna misalnya #ff0000 atau yang lainnya.

Inilah Tips Blog dari Fadly, tunggu tips-tips yang lainnya dari saya ya. Terima kasih. :)