Cara Terbaru Membuat Pop Up Like Box FansPage Facebook Melayang di Blog

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.

Penggunaan PopUp Like Box FansPage Facebook melayang pada sebuah blog sangat efektif untuk mengoptimalkan mendapat lebih banyak like pada fans page facebook yang kita miliki.

tampilan popup likebox fans page facebook melayang di blog

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

Masuk ke dashboard blogger
Pilih menu Tata Letak > Tambahkan Gadget > kemudian pilih HTML/JavaScript

menambahkan gadget html/javascript baru pada blog
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>

Ganti teks yang berwarna merah dengan link FansPage Facebook Anda.

link fanspage facebook

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.