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
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>
Keterangan
Ganti teks yang berwarna merah dengan link FansPage Facebook Anda.
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.
