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 dipakai para master blogger untuk meningkatkan traffic pengunjung ke blog. Para pengunjung yang meng-like halaman facebook akan mendapat 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 menciptakan 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, alasannya setiap pengunjung yang mengakses blog maka akan muncul sebuah kotak sajian pop up fanspage facebook melayang yang harus di like atau di tutup terlebih dahulu, biar pengunjung dapat 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 menciptakan kotak sajian pop up fanspage Facebook caranya cukup mudah. Anda hanya meletakkan sederetan arahan ke dalam widget blog.

1. Pertama-tama pastikan anda sudah mempunyai 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 sajian Tata letak >> Klik Tambahkan Gadget atau Add Gadget.
4. Pilih widget HTML/JavaScript.

5. Letakkan arahan 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://bloglandai.blogspot.com" rel="nofollow"></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 menciptakan 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 dapat dilihat oleh mereka yang menyukai halaman facebook.
Demikian tutorial sederhana perihal bagaimana menciptakan like box fanspage facebook pop up melayang di blog. Semoga bermanfaat and " Happy Blogging "


Sumber https://harmansh.blogspot.com/

Berbagi :