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.

Membuat Pop Up Like Box FansPage Facebook Melayang di Blog
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


Langkah Pertama
Masuk ke dashboard blogger

Langkah Kedua
Pilih menu Tata Letak > Tambahkan Gadget > kemudian pilih HTML/JavaScript

Membuat Pop Up Like Box FansPage Facebook Melayang di Blog
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>

Keterangan
Ganti teks yang berwarna merah dengan link FansPage Facebook Anda.

popup likebox fanspage facebook melayang pada blog

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. 

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