Widget LIKE box Facebook

Javascript Widget Facebook LikeBox

Ingin mencoba memasang tombol SUKA / LIKE Facebook di blog dengan posisi Floating (mengambang / munculan) ? Mungkin saja cara ini bisa lebih efektif untuk mendapaatkan LIKE dari pengunjung, berikut ini widget Like box yang bisa anda pilih untuk tampil diblog jika anda berminat memasangnya.

Floating Widget  1

Copy kode script dibawah ini :

<script type="text/javascript" src="http://makingdifferent.github.io/blogger-widgets/cb.js"></script> <script type="text/javascript">function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}; r(function(){new ConversionsBox("Enjoy this page? Like us on Facebook!)","http://www.facebook.com/makingdifferent");});</script>
Sebelum menerapkan di blog, paste dan edit terlebih dahulu kode script tersebut, lihat panduan singkat berikut ini.

Keterangan edit kode script :
Ganti teks ConversionsBox "Enjoy his page? Like us on Facebook!"," dengan kalimat anda sendiri.
Contoh :
"Posting ini bermanfaat ? Berikan SUKA !" atau "Suka dengan blog ini? Klik SUKA"
Atau abaikan jika ingin tetap menggunakan teks dalam bahasa Inggris.
Ganti alamat URL Facebook dengan URL profil atau fanpage anda.

Pasang diblog (untuk Blogger) pasang seperti biasa melalui setelan
'Tata letak' > pilih Tambah gadget
atau gabungkan dengan gadget HTML/Script yang sudah ada lalu pastekan kode script tersebut.
Atur penempatan gadget agar tidak terlihat berantakan karena dimananpun penempatan gadget, widget Like box ini akan di tampilkan di bagian pojok kanan bawah blog.
Terakhir, simpan setelan dan lihat hasilnya dan selesai.

sumber :  

http://www.makingdifferent.com/static-like-us-on-facebook-pop-out-widget-for-blogger/

---

Floting Widget Facebook LIKE box 2

1. Copy kode dibawah ini :

 <!--Floating Facebook Widget by www.TheBlogWidgets.com START--> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".theblogwidgets").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .theblogwidgets{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeuG4gfbv29ifSDbsGF9Qws7WzDdGxJg8n6Eyd6Wd5cNdvxn0Tz0zwhRKefavY2BnjKhAeh1yF5ewj_MtjCPatx8eLNs18I0GM2H3PIaIqRJeaIvHqBi4ngN53Skk4vnk5KGQS4r_21iee/") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .theblogwidgets div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .theblogwidgets span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .theblogwidgets span a{color: gray;text-decoration:none;} .theblogwidgets span a:hover{text-decoration:underline;} } </style><!--Brought to you by www.TheBlogWidgets.com--><div class="theblogwidgets" style=""> <!--Brought to you by http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html--><div> <!-- http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html--> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Ftheblogwidgets&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"><!--Brought to you by www.TheBlogWidgets.com--></iframe><!--Brought to you by www.TheBlogWidgets.com--><span><!--Brought to you by www.TheBlogWidgets.com--><center> <a style="color:#a8a8a8;font-size:8px;" href="http://jasperroberts.com">Jasper Roberts</a> - <a style="color:#a8a8a8;font-size:8px;" href="http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html">Blog</a></center> </span></div> </div>

2. Pasang kode diblog sama dengan cara pertama.

Jika Widget tidak muncul tambahkan kode dibawah ini pada template blog di antara tag <head> :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'>

3. Cari dan Ganti kode berikut ini dengan username Facebook anda.

facebook.com%2Ftheblogwidgets

---

sumber :

 http://theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html