Menambahkan Like Button Melayang di sisi Pada Blog

Di pagi hari ini saya akan memberikan tips untuk menambahkan like button melayang di sisi kiri blog kalian...

Oke, Langsung aja ke inti topik dari pembahasan ini...

Silahkan Ikuti Langkah-langkah berikut :

1. Silahkan login akun Blog Anda

2. Pilih menu Rancangan dan Pilih Elemen Laman

3. Setelah itu pilih Tambah Gadget 

4. Kemudian Tambahkan HTML/JavaScript

5. Dan Copy dan kode di bawah ini :

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

<style>

#pageshare {position:fixed; top: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='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://romario170794.blogspot.com/2012/10/menambahkan-like-button-melayang-di.html" target="blank"><font color="blue">[Tanpa Batas!!!]<font></font></font></a></div></div>

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

6. Klik save dan lihat hasilnya.
 

Sangat mudah bukan? ^_^

Penulis : Unknown ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Menambahkan Like Button Melayang di sisi Pada Blog ini dipublish oleh Unknown pada hari Sabtu, 27 Oktober 2012. Semoga artikel ini dapat bermanfaat. Terimakasih atas kunjungan Anda silahkan tinggalkan komentar. Sudah ada 0 komentar : di postingan Menambahkan Like Button Melayang di sisi Pada Blog