Cara Membuat Widget Like Fanspage Pop Up di Blog

Cara Membuat Widget Like Fanspage Pop Up di Blog - Fanspage facebook merupakan salah satu media untuk berbagi informasi seperti artikel , video , gambar , gif dll . Saya rasa wajib bagi blogger untuk mempunyai fanspage dan mempunyai jumlah like yang banyak , agar banyak yang like fanspage tersebut kamu bisa memperlihatkan  widget nya di blog sendiri. Agar pengunjung juga tau kalau kamu punya fanspage.

Cara Membuat Like Fanspage Facebook Pop Up di Blog

Kenapa fanspage harus banyak like ? sangat sederhana jawabanya , semakin banyak like fanspage kamu maka akan semakin banyak juga orang yang akan melihat dan berinteraksi dengan informasi informasi yang kamu share di fasnpage ini, contoh dengan membuat postingan promosi artikel yang baru kamu buat , bisa langsung share di fanspage dan akan banyak melihat. . Jika informasi yang diberikan menarik maka orang yang melihatnya pun akan visit artikel tersebut , hebat bukan.

Baca Juga : Cara Membuat Iklan Melayang di Blog Dengan Tombol Close

Memasang widget like fanspage facebook di blog ini cara yang efekti dan banyak digunakan untuk memperbanyak like , sering saya temukan widget facebook dengan bermacam macam penempatan , ada yang di sidebar dengan menggunakan sticky , melayang di halaman blog , show hide di sisi blog , widget pop up dan berbagai macam penempatan lainya.

Di artikel tutorial kali ini , saya akan share cara membuat like fanspage facebook pop up , karna widget tipe ini mempunyai kesempatan besar untuk mendapatkan like dari pengunjung , karna sistem nya widget ini akan muncul ketika halaman blog selesai loading. Oke simak berikut tutorialnya .

Cara Membuat Like Fanspage Facebook Pop Up

Di sini saya hanya tutor pemasangan widget nya saja di blog , untuk membuat halaman/fanspage facebook saya belum buat tutorial nya , jadi saya anggap kalian sudah punya akun facebook dan fanspage nya . Lanjut ke tutorial pemasangan widget.

1. Masuk ke  Blogger 
2. Pilih menu  Tata Letak  →  Tambah / Add Gadget 
3. Masukan Script di bawah ini.

<style scoped="" type="text/css">
#fb-fanbox {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;-webkit-transform:translateZ(0);}
#fb-boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#fb-boxview {background:#fff;border:8px solid #03a9f4;width:340px;height:230px;position:absolute;top:33%;left:37%;border-radius:3px;}
#fb-closebox {float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;z-index:2;}
#fb-closebox:before {content:"CLOSE";padding:5px 8px;background:#03a9f4;color:#fff;font-weight:normal;font-size:10px;font-family:inherit;}
#fb-boxlink,#fb-boxlink a.visited,#fb-boxlink a,#fb-boxlink a:hover {color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}
</style>
<script type="text/javascript">
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// Pengaturan cookie
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// Dapatkan cookie
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fb-fanbox').delay(2000).fadeIn('fast');
$('#fb-closebox, #fb-boxclose').click(function(){
$('#fb-fanbox').stop().fadeOut('fast');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id="fb-fanbox">
<div id="fb-boxclose">
</div>
<div id="fb-boxview">
<div id="fb-closebox">
</div>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/sipemalascom&amp;width=402&amp;height=255&amp;colorscheme=light&amp;show_faces=true&amp;show_border=false&amp;stream=false&amp;header=false" style="border: none; height: 200px; overflow: hidden; width: 339px;">
</iframe></div>
</div>

4. Ganti url facebook  https://www.facebook.com/sipemalascom  dengan username atau id fanspage kalian . Untuk mengatur waktu munculnya pop up widget tersebut kalian bisa ganti  .delay(2000) 
5. Jika sudah ,  klik  simpan. 

Baca Juga : Widget Share Button dengan Counter Melayang di Blog

Sekian tutorial cara membuat widget like fanspage pop up di blog , semoga bisa membantu dan bermanfaat . Terimakasih.