Widget Facebook Like Box Auto Hide
Lihatlah
disamping kanan blog saya ada tulisan facebook yang jika disorot akan
tampil dan jika tidak disorot akan sembunyi lagi. ya itu merupakan
facebook like box fanspage blog kita. jika ada orang menyukai halaman
blog kita mereka akan mengklik tombol like disana. selain itu widget ini
juga simpel pemasangan dan fungsinya yang tidak makan tempat di blog
kita. bagaimana tertarik untuk memasangnya di blog sobat. silahkan ikuti
langkah-langkahnya :
2. Pada Dasbor klick Rancangan ➨ Tambah Gadget (saya sarankan di bagian paling bawah dan jangan di beri judul)
3. Lalu sobat pilih HTML/Java Scrip ➨ Setelah itu copy kode berikut dan paste atau letakkan di dalamnya!
<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#facebook_right{z-index:10005;border:2px
solid
#3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px;}#facebook_right
img{position:absolute;top:-2px;left:-35px;}#facebook_right
iframe{border:0px solid
#3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px;}#facebook_left{z-index:10005;border:2px
solid
#3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left
img{position:absolute;top:-2px;right:-35px;}#facebook_left
iframe{border:0px solid
#3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}</style><script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script
type="text/javascript"
src="http://apis.google.com/js/plusone.js"></script><script
type="text/javascript">jQuery(document).ready(function(){
jQuery("#facebook_right").hover(function(){
jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){
jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500);
}); jQuery("facebook").hover(function(){
jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){
jQuery("facebook").stop(true,false).animate({right: -303}, 500); });
});</script><div id="on"><div id="facebook_right"
style="top: 18%;"><div id="facebook_div"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuEjRqQtWJMEyVAH0VHm_gqsXXXz7BCZUP3eyTuqkad_FSeKCFe7Gnobadi8EU3CH8_VT2bTeU_2K85Cismddlmu2oywSEGqIuhG1gvUf3dxAaN0KTVs8cIUSyZa2PIKVB2rQJzv3GdYA/s1600/otowebsite.blogspot.com-facebook.png"
alt="" /><iframe
src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fyaqind&&width=200&height=348&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false"
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:200px; height:348px;"
allowtransparency="true"></iframe></div></div></div>
Lihatlah
disamping kanan blog saya ada tulisan facebook yang jika disorot akan
tampil dan jika tidak disorot akan sembunyi lagi. ya itu merupakan
facebook like box fanspage blog kita. jika ada orang menyukai halaman
blog kita mereka akan mengklik tombol like disana. selain itu widget ini
juga simpel pemasangan dan fungsinya yang tidak makan tempat di blog
kita. bagaimana tertarik untuk memasangnya di blog sobat. silahkan ikuti
langkah-langkahnya :
2. Pada Dasbor klick Rancangan ➨ Tambah Gadget (saya sarankan di bagian paling bawah dan jangan di beri judul)
3. Lalu sobat pilih HTML/Java Scrip ➨ Setelah itu copy kode berikut dan paste atau letakkan di dalamnya!
<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#facebook_right{z-index:10005;border:2px
solid
#3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px;}#facebook_right
img{position:absolute;top:-2px;left:-35px;}#facebook_right
iframe{border:0px solid
#3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px;}#facebook_left{z-index:10005;border:2px
solid
#3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left
img{position:absolute;top:-2px;right:-35px;}#facebook_left
iframe{border:0px solid
#3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}</style><script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script
type="text/javascript"
src="http://apis.google.com/js/plusone.js"></script><script
type="text/javascript">jQuery(document).ready(function(){
jQuery("#facebook_right").hover(function(){
jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){
jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500);
}); jQuery("facebook").hover(function(){
jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){
jQuery("facebook").stop(true,false).animate({right: -303}, 500); });
});</script><div id="on"><div id="facebook_right"
style="top: 18%;"><div id="facebook_div"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuEjRqQtWJMEyVAH0VHm_gqsXXXz7BCZUP3eyTuqkad_FSeKCFe7Gnobadi8EU3CH8_VT2bTeU_2K85Cismddlmu2oywSEGqIuhG1gvUf3dxAaN0KTVs8cIUSyZa2PIKVB2rQJzv3GdYA/s1600/otowebsite.blogspot.com-facebook.png"
alt="" /><iframe
src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FZONA TRICK&&width=200&height=348&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false"
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:200px; height:348px;"
allowtransparency="true"></iframe></div></div></div>
NOTE : Ganti ZONA TRICK dengan url facebook fans page sobat.
Contoh url facebook fans page yaqindlive adalah "http://www.facebook.com/yaqind" maka cukup ambil url belakangnya saja ya itu "ZONA TRICK"
Contoh url facebook fans page yaqindlive adalah "http://www.facebook.com/yaqind" maka cukup ambil url belakangnya saja ya itu "ZONA TRICK"
Bagaimana mudah bukan memasangnya.
sekian dulu cara membuat Widget Facebook Like Box Auto Hide di blog.
semoga anda dapat memasangnya di blog sobat.
sumber : otowebsite.blogspot.com
..: Selamat Mencoba :..
nice :)
BalasHapushem
BalasHapus