Widget FB like| Widget FB like melayang|
Untuk Membuat widget FB like melayang di blogger tidaklah sulit
Banyak model fb like yang ditawarkan untuk dipasang di blog. Mulai yang statis, melayang (pop up) menutupi laman dengan tombol close atau juga Fb like melayang di sisi kanan atau kiri laman.
Disini yang akan dibahas adalah widget FB like melayang di sisi kanan laman, seperti gambar dibwah ini :
Baik, langsung aja ya sob...ni urut-urutan caranya.
TAMBAHKAN PLUGIN JQUERI DI TEMPLATE HTML
- Buka Dashboard --> Template --> Edit HTML
- Cari Tag </head> pertama, dan copy-pastekan kode berikut tepat dibawahnya (Jika kode dibawah sudah ada di template sob semua, langkah ini bisa diabaikan)
Nih sob kodenya :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Jikalau kode ini sudah disisipkan, tutup template, kita pindah ke Tata Letak
- Buka Tata Letak ---> tambah gadget
- Pilih HTML/Javascript
- copy pastekan kode dibawah
---> awal script
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script> <style type="text/css"> .w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8m-741s3Aq6p3Ev5kn6QdgWnWEy2Eunn56CGB2qrM70XdVp_VBBF0bNbRrqeffv0D8J1FEiMuJtV_iKSObdMOcSGafsNPaIuf-r_eHoiMTOHz_AE6pdRuS03koryVknOzdLKc__o19vK3/s1600/FloatingFB.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 300px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .w2bslikebox span a{color: #808080;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;} </style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F pages/Le-Soleil/1834915516732688 &width=245&colorscheme=light& amp;show_faces=true& connections=9&stream=false&header=false&height=292" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 292px; width: 245px;background:#fff;"></iframe><span><a style="font-family: arial, sans-serif; font-size: 8px; color: #999;" href="http://www.jobsmag.in" target="_blank"> Alfathsurya</a></span> </div> </div>
--->akhir script
Alamat FB yang distabilo dan berhuruf merah harap diganti dengan alamat FB sobat semua. Silakan di praktekkan dan semoga berhasil
ADS HERE !!!