Home » » Menambahkan Tombol Like Facebook Melayang Di Blog

Menambahkan Tombol Like Facebook Melayang Di Blog

Like Facebook MelayangMenambahkan Widget Like Facebook Melayang Di Blog atau Memasang Like Facebook Melayang Di Blog yang kita miliki, terlebih dahulu kita bertanya seberapa pentingkah kita menambahkan tombol like facebook di blog kita. Karena kita sama-sama lihat, hampir semua blog atau situs memasang tombol ini. Tombol ini dipasang untuk mengetahui seberapa tertariknya pengunjung yang mampir ke blog kita kepada sebuah artikel yang kita buat di blog. Semakin Bagus artikel yang dibaca, semakin banyak Like yang kita dapat, tentu akan berpengaruh kepada PR (PageRating) dan Trafficklink yang yang meningkat.

Untuk mendapatkan like Facebook dan Twitter ini tentu tidak lepas dari kualitas sebuah artikel. Artikel yang berkualitas dan menarik mudah-mudahan mendapatkan like yang cukup memuaskan dari para pengunjung blog.

Pemasangan tombol like yang ingin saya sharing pada saat ini adalah tombol like facebook melayang yang biasanya  berada diposisi samping blog. Nah, untuk memasang tombol like facebook melayang di blog kita ikuti tahap demi tahap berikut :

1. Login ke Blog yang dimiliki, pada Dasbor pilih Menu Tata Letak.
2. Klik Tambah Gadget pilih HTML/JavaSript.
3. Copy Paste kode script di bawah ini.
<!--SideBar Floating Share Buttons Code Start-->
<style>

#pageshare {position:fixed; bottom:15%; left: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="Share This With Your Friends">
<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://myblog-70.blogspot.com/2014/11/membuat-like-facebook-yang-melayang.html">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div></div> 


 4. Pratinjau dulu sebelum di Simpan. Apakah Tombol Like Facebook Melayang sudah terpasang di blog anda.

Silakan teman liat hasilnya.. Dah jadi kan...??

Selamat mencoba...Semoga berhasil..

0 komentar:

Post a Comment

* Komentarlah yang sopan dan tidak mengandung sarah.
* Jangan gunakan Kotak Komentar dengan promosi produk serta usaha yang anda miliki. Silakan gunakan sarana Review Produk dan Jasa di blog ini. Maaf, akan dihapus.
* Terima kasih atas kunjungan, komentar dan partisipasi yang diberikan.

.