Created (c) by Princexells Seyka (Princelling Saki)

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 :


1. Login ke akun blogger sobat.

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="http://1.bp.blogspot.com/-W4a-0iDAPGM/T-2OV_KztsI/AAAAAAAADos/Tg1gppQWsTo/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>


NOTE : Ganti yaqind 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 "yaqind"

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 :..

Related Post:

14 comments:

  1. izin nyoba......it work......thank

    ReplyDelete
    Replies
    1. JIKA ANDA BUTUH ANGKA GOIB 2D 3D 4D DI JAMIN TEMBUS HBG AKI BAYU 085 378 038 999 JIKA ANDA BUTUH ANGKA GOIB 2D 3D 4D DI JAMIN TEMBUS HBG AKI BAYU 085 378 038 999 JIKA ANDA BUTUH ANGKA GOIB 2D 3D 4D DI JAMIN TEMBUS HBG AKI BAYU 085 378 038 999 -

      Delete
  2. Makasih infonya sangat bermanfaat kunjung balik

    ReplyDelete
  3. @utezillah - selamat mencoba
    @Arief - sama2 gan

    ReplyDelete
  4. Bagus blog juga postingannya....

    ReplyDelete
  5. Kok Widget Facebook Like Box Auto Hide ga berfungsi diweb saya ya mas....

    ReplyDelete
  6. izin.....ikutan paste...Mas..thanks

    ReplyDelete
  7. udah dicoba beberapa kali nih mas, tapi waktu disorot gak ada gambar apapun...??

    ReplyDelete
  8. kok ndak bisa di buka ya [?]

    ReplyDelete
  9. makasih sob atas infonya.

    www.luthficyber.us

    ReplyDelete
  10. ijin coba y gan sp tau on di blog ane

    ReplyDelete
  11. bangsat cuma ikonya doang, aplikasinya kaga berfungsi

    FUCK

    ReplyDelete

^ Back to Top
© 2011 copyright YAQINDLIVE Themes Powered By Blogger edited by Yaqindlive
Kumpulan Tutorial Blog dan English Book