Cara Memasang Pop Up Like Box Facebook Melayang

Kuatmlarat - Memiliki fanspage Facebook dengan jumlah follower banyak tentu menjadi idaman setiap blogger karna dapat meningkatkan jumlah pengunjung blog. Fanpage berfungsi untuk memberitahukan kepada pengikut tentang adanya artikel menarik atau terbaru yang baru di bagikan oleh adminnya. Sehingga nantinya pengikut tersebut akan mengunjungi artikel kita. Kendati begitu meningkatkan jumlah pengikut tidaklah mudah terkadang para admin menggunakan FB-Ads untuk meningkatkan jumlah like halaman Facebook atau memasang fanpage Facebooknya di blog atau situs yang dimilikinya.

Cara Menambahkan Pop Like Box Facebook

1. Pertama silahkan Anda login dulu ke Akun Blogger
2. Lalu pilih menu Tata Letak → tambahkan Gadget terserah dimana saja → pilih HTML / JavaScript

3. Kemudian Copy kode script dibawah ini, lalu Paste didalamnya tanpa di beri judul nama

 <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 {
    border: 5px solid #1194f2;
    width: 348px;
    height: 223px;
    position: absolute;
    top: 30%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 1px;
}
#fbox-button:before {
    content: "x";
    padding: 1px 7px 4px 7px;
    background: #ff4e4e;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    border-radius: 10px;
}
#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:0px}
</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/zeroturn&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: 212px;'></iframe>
</div>
</div> 

4.Ganti URL " https://facebook.com/zeroturn" dengan URL halaman fanpage Anda

5.Andapun dapat mengubah warna sisi widget sesuai dengan keinginan dengan menganti kode #1194f2 Sesuai keinginan

6.Jika Ingin memunculkan widget setiap halaman fanspage di buka, silahkan hapus kode $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 }); dan pada kode if($.cookie('popup_facebook_box') != 'yes'){ silahkan ganti yes menjadi no

7.Simpan.

Share this post