Cara Membuat Pop Up Fan Page Facebook di Blog
September 18, 2019
Tetapi pada kali ini bisa dibilang versi ke dua dari versi artikel sebelumnya, dan kali ini lebih bagus dan responsive.
Ada banyak sekali cari untuk menampilkan Fan Page Facebook di blog yang bisa dipasang langsung di sidebar blog, footer ataupun dengan menjadikannya seperti iklan Pop up yang muncul secara langsung ketika blog dibuka.
Memasang Fanpage Facebook di blog gunanya untuk meningkatkan popularitas blog kita supaya banyak disukai dan digemari oleh para pengunjung blog tersebut.
Tidak hanya itu saja dengan memasang fan page kita juga bisa mempromosikan artikel kita di fanpage sendiri dan nantinya orang yang megklik like fanpage akan mendapatkan update an terbaru dari blog kita.
Untuk mendapatkan banyak like fan page facebook, sobat harus rajin membagikan artikel blog ke halaman fanpage sobat dan bagikan lagi di grup-grup.
Untuk mendapatkan banyak like fanpage secara cepat sobat dapat memasang pop up fan page facebook, dengan begitu akan cepat untuk mendapatkan like.
Sebenarnya dengan memasang pop up fan page facebook ini sedikit dapat mengganggu pengguna, karena pas dibuka akan langsung tampil pop up fanpagenya sama seperti iklan pop up.
Tapi tidak perlu khawatir, karena pop up fanpage facebook kali ini sudah sangat responsive dan fast loading, jadi tidak dapat memperlambat loading blog.
Walaupun berbentuk pop up tapi fanpage pop upnya juga bisa di close, jadi tidak teralalu menggangu pengunjung blog, jadi pokoknya mantap dah, jika sobat tertarik memasang pop up fan page facebook, silahkan ikuti berikut ini.
Cara Membuat Pop Up Fanpage Facebook di Blog Responsive
Silahkan ikuti langkahnya dibawah ini dengan baik, supaya tidak mengalami kesalahan pemasangan dan berkibatkan tidak bekerjanya script tersebut.
1. Pertama, Login Ke Blogger.com
2. Pilih Layout/Tata Letak
3. Klik Add Gadget/Tambahkan Gadget
4. Pilih HTML/Javascript
5. Salin dan Pastekan kode dibawah ini.
Catatan:
<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:#fff;border:3px solid #696969;width:400px;height:230px;position:absolute;top:33%;left:37%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#fbox-button{float:right;cursor:pointer;position:absolute;right:6px;top:6px}#fbox-button:before{content:"X";padding:5px 8px;background:#696969;color:#fff;font-weight:400;font-size:10px;font-family:inherit}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:8px;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('fast');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('fast');
});
}
$.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/imamkunblog&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border:none;overflow:hidden;width:394px;height:200px;'></iframe>
</div>
</div>
Silahkan sobat ganti yang saya beri warna dengan nama fanpage sobat, jika tidak mengetahui nama fanpage sobat, sobat dapat membuka fanpage dan lihat di adress barnya, copy dan pastekan.
6. Save Template!!
Itulah artikel kali ini cara memuat dan memasang pop up fanpage facebook di blog, semoga artikel kali ini bermanfaat dan dapat membantu sobat semuanya, dan saya yakin pasti bisa sobat praktikkan caranya!
Happy Blogging!!
0 komentar