Membuat Like Box FansPage Facebook Pop Up Melayang
Cara Pasang widget Like Box Fanspage Facebook Pop up , Sobat blogger, jika sebelumnya saya membuat fanspage facebook di tempel hanya di widget bagian tertentu saja, kali ini saya akan membuat fansPage tersebut melayang atau bisa di sebut pop up like box facebook, fanspage like facebook di buat melayang atau pop up bertujuan untuk mengoptimalkan like menjadi banyak, karena setiap pengunjung masuk ke blog kita akan muncul sebuah pop up fanspage facebook agar bisa di like dengan mudah dan juga bisa di close dengan mudah.
Maka dengan menerapkan pop up fanspage facebook melayang ini sangat efektip untuk mengoptimalkan penyuka di halaman facebook anda sekaligus menjaring pengunjung agar dapat mudah meng akses artikel blog kita lewat halaman facebook, bagi anda yang ingin membuat halaman fanspage like box ada di blog anda juga sangat mudah untuk di terapkan.
Baca Juga : Cara Memasang Komentar Facebook Pada Blog
Bagi anda yang berniat membuat widget like facebook melayang, atau like box facebook pop up, silahkan ikuti tutorialnya.
Maka dengan menerapkan pop up fanspage facebook melayang ini sangat efektip untuk mengoptimalkan penyuka di halaman facebook anda sekaligus menjaring pengunjung agar dapat mudah meng akses artikel blog kita lewat halaman facebook, bagi anda yang ingin membuat halaman fanspage like box ada di blog anda juga sangat mudah untuk di terapkan.
Baca Juga : Cara Memasang Komentar Facebook Pada Blog
Bagi anda yang berniat membuat widget like facebook melayang, atau like box facebook pop up, silahkan ikuti tutorialnya.
Contoh widget Like Box Fanspage Facebook Pop up
Catatan : Pastikan anda sudah mempunyai halaman page facebook atau fans Page facebook, untuk nanti di ambil kode urlnya. jika anda belum mempunyai halaman like box fans page facebook, silahkan buatlah terlebih dahulu.
Cara Membuat Like Box FansPage Facebook Pop Up Melayang
1. Buka akun blogger.
2. Pilih menu Tata letak > Tambah gadget > Html Javasript
3. Letakan kode di bawah ini di kolom dan klik save.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
#fbox-background{display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}#fbox-close{width:100%;height:100%}#fbox-display{background:#eaeaea;border:5px solid #828282;width:340px;height:230px;position:absolute;top:32%;left:37%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#fbox-button{float:right;cursor:pointer;position:absolute;right:0;top:0}#fbox-button:before{content:"CLOSE";padding:5px 8px;background:#828282;color:#eaeaea;font-weight:700;font-size:10px;font-family:Tahoma}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:5px}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie=function(a,b,c){if(arguments.length>1&&"[object Object]"!==String(b)){if(c=jQuery.extend({},c),null!==b&&void 0!==b||(c.expires=-1),"number"==typeof c.expires){var d=c.expires,e=c.expires=new Date;e.setDate(e.getDate()+d)}return b=String(b),document.cookie=[encodeURIComponent(a),"=",c.raw?b:encodeURIComponent(b),c.expires?"; expires="+c.expires.toUTCString():"",c.path?"; path="+c.path:"",c.domain?"; domain="+c.domain:"",c.secure?"; secure":""].join("")}c=b||{};var f,g=c.raw?function(a){return a}:decodeURIComponent;return(f=new RegExp("(?:^|; )"+encodeURIComponent(a)+"=([^;]*)").exec(document.cookie))?g(f[1]):null};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/Noah-Band-416646421704775/&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://www.madamvia.web.id/" rel="nofollow">Madamvia</a></div>
</div>
</div>
Berhasil gan, terimakasih. Akhirnya bisa juga buat fanspage facebook jadi melayang.
ReplyDeleteThanks gan :)
ReplyDeletekok hanya muncul di homepage?
ReplyDeletemohon bantuannya
terimakarih infonya gan...
ReplyDeletesudah di pakai di blog saya rumahdaerahbandung.com
Thanks Triknya berhasil... jadi bisa nampilin fanbox fb melayang di www.rahmancyber.net | sehingga memudahkan pengunjung untuk like :D
ReplyDeleteDear madam..
ReplyDeletesaya coba pasang di web saya olah-air.com
Kok ga muncul ya? Kenapa ya?
Dear madam..
ReplyDeletesaya coba pasang di web saya olah-air.com
Kok ga muncul ya? Kenapa ya?
ane praktekin dulu sob, sebelumnya thx atas artikelnya
ReplyDeletegiribig.com
blog.giribig.com
idcheat.com
duniagame.info
makasih bayak ya gan ilmunya, izin prakstek dulu ya
ReplyDeletemakasih bayak ya gan ilmunya, izin prakstek dulu ya
ReplyDeleteAlhamdulillah berhasil, terima kasih ilmunya Sob. http://penggarisku.blogspot.co.id/
ReplyDeleteAlhamdulillah berhasil, terima kasih ilmunya Sob. http://penggarisku.blogspot.co.id/
ReplyDeletekok disini belum bisa ya gan?
ReplyDeletewww.tugasiana.com
terimakasih
ReplyDeleteTerima kasih infonya gang... Salam Sukses.
ReplyDeleteThanks,,,sangat membantu saya
ReplyDeletewah keren bosss
ReplyDeletehttp://healthstyleid.blogspot.co.id/
terima kasih kang infonya, sudah saya pakai diweb saya http://www.madudaun.com
ReplyDeletethanks gan buat infonya, lebih gampang dan ga rumit,
ReplyDeletesekarang blog ane jdi ada fanspage melayang : barokahTEKNO.blogspot.com
kunbal ya vrooo..
Aku laginyari artikel ini. Makasih gan infonya. Kalau berkenan, kunjungi blog aku juga http://sesuatubingit.blogspot.co.id/
ReplyDeleteTerima kasih gan ini yang saya cari.
ReplyDeletethanks gan
ReplyDeletewah artikelnya bagus gan, sangat bermanfaat. Thanks
ReplyDeleteuntuk tampilan mobile gak responsif ya
ReplyDeletebagaimana supaya ada tulisannya min ?
ReplyDeletekok punya saya gx bisa?
ReplyDeletesangat membantuGan (y) akhirnya nemu artikel yang bermanfaat juga :D http://tutorkotor.blogspot.co.id/ <---- cek disini hasilnya :D
ReplyDeletegan fan page facebook itu yang mana ? saya masih bingung mohon bantuan nya..
ReplyDeletegan fan page facebook itu yang mana ? saya masih bingung mohon bantuan nya..
ReplyDeleteulasan yg bagus gan. Ijin copy scriptnya. Oya ditunggu kunjungan baliknya http://tipsmudahpraktis.blogspot.co.id/
ReplyDeletewah bagus banget ni caranya,
ReplyDeletethanks gan, sukses di tera[in di blog saya.
untuk wp ada nggak ya, saya mau buat untuk web themes saya www.srithemes.com
This comment has been removed by the author.
ReplyDeletesip gan
ReplyDeletehttp://suplemenobatherbal.com/
kok hanya muncul satu kali yah gan?mohon bantuannya...
ReplyDeleteane cobain ah,.
ReplyDeletecoba tengok gan
www.lokersumbar.net
terimakasih gan sangat bermanfaat
ReplyDeleteupilbos.blogspot.co.id
Done..!
ReplyDeleteThanks.. :D
banyak versi ternyata, jd bingung mau pakai yg mana ??
ReplyDeletehttps://beken.id
Sangat Bermanfaat :)
ReplyDeletesay sdah coba pasang di www.winmahdi.com
nice artikel !!! jangan lupa kunjung balik di http//www.emuh67.com/
ReplyDeletewah masih work gan ! makasih
ReplyDeleteWEBJSC.blogspot.com
work jangan lupa kunjungi bali http://www.dendietutorial.com/
ReplyDeleteThx gan :)
ReplyDeletebw yuks http://www.mediakhazanah.com
thk min infonye :)
ReplyDeleteinfolokerlpg.blogspot.co.id
thanks infonya ya
ReplyDeleterickysweb.blogspot.com
simpel dan mudah,,, thanks gang
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteMakasih infonya, tapi cara hilangkan tanda closenya gmana ya ? dan script yg mana yg harus di hapus ? plis respon!!!
Deleteanemostingdi.blogspot.com
saran saja, kalo tanda close di hapus, pengunjung nanti kapok balik lagi.. :P
DeleteTolong email kode html nya ke= setiawanmanda58@gmail.com
ReplyDeletethanks gan
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteMAKASIH
ReplyDeletesangat ampuh trik nya. terimakasih, ditunggu kunjungan baliknya di portalkelinci.blogspot.com
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteCara Menampilkan Widget Like Box Facebook di tempat wisata gan Berhasil https://dovarnotes.blogspot.co.id
ReplyDeleteGood jop bro:v thanks berasil:)
ReplyDeletetombol closenya gak berfungsi...ada yang punya masalah sama...bantuin dong
ReplyDeleteTerima Kasih Tutorialnya Salam Kenal
ReplyDelete