Membuat Like Box FansPage Facebook Pop Up Melayang

Membuat Like Box FansPage Facebook Pop Up Melayang di Blog - Membuat halaman facebook yang dihubungkan dengan blog merupakan salah satu tekhnik SEO Media Sosial yang digunakan para master blogger untuk meningkatkan traffic pengunjung ke blog. Para pengunjung yang meng-like halaman facebook akan mendapatkan update terbaru dari blog secara otomatis setiap kali memposting artikel.
Pada artikel sebelumnya saya pernah membahas bagaimana Membuat dan Memasang Fanspage facebook di Blog yang diletakkan pada sidebar atau footer blog, kali ini saya akan share bagaimana membuat kotak fanspage facebook tersebut melayang di blog atau biasa disebut pop up like box facebook oleh para master blogger. Cara ini dilakukan bertujuan untuk mengoptimalkan like ke halaman fanspage facebook yang dimiliki, karena setiap pengunjung yang mengakses blog maka akan muncul sebuah kotak menu pop up fanspage facebook melayang yang harus di like atau di tutup terlebih dahulu, agar pengunjung bisa masuk ke halaman blog.

Berikut penampakan pop up fanspage facebook yang akan kita buat.

Cara Membuat Like Box FansPage Facebook Pop Up Melayang di Blogger
Untuk membuat kotak menu pop up fanspage Facebook caranya cukup mudah. Anda hanya meletakkan sederetan kode ke dalam widget blog.

1. Pertama-tama pastikan anda sudah memiliki halaman fanspage facebook pada akun facebook anda. Jika belum dan tidak faham bagaimana membuatnya, silahkan baca artikel Membuat dan Memasang Fanspage Facebook di Blog sebagai panduannya.
2. Masuk ke akun blogger anda.
3. Pilih menu Tata letak >> Klik Tambahkan Gadget atau Add Gadget.
4. Pilih widget HTML/JavaScript.

5. Letakkan kode di bawah ini ke kolom konten.

<script src='https://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/harmansyahblog/&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: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="https://harmansh.blogspot.com/" rel="nofollow">HARMANSYAH BLOG</a></div>
</div>
</div>

Catatan : Ganti url halaman fanspage facebook yang berwarna merah dengan url halaman fanspage facebook anda.

6. Terakhir klik Save atau Simpan.
7. Silahkan cek kunjungi halaman blog anda.

Dengan membuat like box fanspage facebook pop up melayang di blog, maka akan menambah jumlah like halaman facebook anda, sehingga setiap artikel blog yang anda share pada halaman facebook secara otomatis juga bisa dilihat oleh mereka yang menyukai halaman facebook.
Demikian tutorial sederhana tentang bagaimana membuat like box fanspage facebook pop up melayang di blog. Semoga bermanfaat and " Happy Blogging "

Related Posts :

Silahkan klik disini untuk berlangganan Artikel Gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di HARMANSYAH BLOG