Memiliki sebuah halaman Fans Page di Facebook dengan banyak pengikut atau like adalah merupakan sebuah alat untuk mengoptimalkan promosi dari sebuah produk yang dimiliki. Untuk fans page sebuah website atau blog ini menjadi sebuah keuntungan untuk menjangkau lebih jauh lagi para pembaca, pengunjung dengan mudah mendapatkan informasi update terbaru dari blog melalui facebook.
Untuk memasang popup fanspage facebook melayang pada blog sangat mudah, hal utama yang harus Anda miliki adalah sudah membuat atau mempunyai halaman fans page facebook.
Cara terbaru membuat PopUp Like Box FansPage Facebook melayang pada blogger
Langkah Pertama
Masuk ke dashboard blogger
Langkah Kedua
Pilih menu Tata Letak > Tambahkan Gadget > kemudian pilih HTML/JavaScript
![]() |
menambahkan gadget html/javascript baru pada blog |
Langkah Ketiga
Copy kode di bawah ini kemudian paste ke dalam kolom gadget HTML/Javascript tadi
<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/RANDIdotid/&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 330px; height: 190px;'></iframe>
<div id="fbox-link"><a style="padding-left: 0px;" href="http://RANDI.id/" rel="nofollow">RANDI.id</a></div>
</div>
</div>
Keempat
Klik Simpan
Sekarang pop up like box fans page facebook melayang pada blog Anda sudah aktif.
Untuk peletakan gadget / widget bisa disimpan dimanapun yang Anda inginkan. Kurang lebih seperti itulah cara terbaru untuk membuat pop up like box fans page facebook melayang pada blogger. Selamat mencoba dan semoga bermanfaat.