Selamat datang di website www.imamkunblog.com - Tempat Sharing Tips Trik Android, Komputer, Internet dll

Cara Membuat Pop Up Fan Page Facebook di Blog

Cara Membuat Pop Up Fan Page Facebook di Blog
Cara Membuat Pop Up Fan Page Facebook di Blog
Cara Membuat Pop Up Fan Page Facebook di Blog - Selamat datang di imamkunblog.com pada kali ini saya akan membagikan sebuah tutorial cara membuat pop up like fan page facebook di blog responsive. Pada artikel lama saya, saya pernah membahas cara membuat dan memasang fan page facebook di blog.

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.

<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>

Catatan: 
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!!
Show comments
Hide comments

0 Response to "Cara Membuat Pop Up Fan Page Facebook di Blog"

Post a Comment

Berkomentar dengan Baik dan Jangan Buat Spam
1. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Adblock Detected

Like this blog? Keep us running by whitelisting this blog in your ad blocker

This is how to whitelisting this blog in your ad blocker

Thank you

×