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.

Contoh widget Like Box Fanspage Facebook Pop up

Klik Untuk melihat DEMO

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>

Catatan : Ganti ID id fanspage yang saya tandai merah dengan ID fanspage facebook sobat.

Nah sekarang tinggal cek langsung, oke sobat saya rasa sudah cukup sekian dulu untuk tutorial "Cara Membuat Like Box FansPage Facebook Pop Up Melayang"

Share to:

Google+ Facebook Twitter