Cara Membuat Popup Like Box Facebook di Blogspot

Dalam mengolah blog, tentu anda menginginkan blognya banyak pengunjung yang akan datang. Anda bisa meningkatkan pengunjung blog itu melalui halaman facebook, dengan cara anda harus membagikan postingan blog anda ke halaman facebook tersebut dan juga mencari like halaman facebook sebanyak-banyaknya. Mendapatkan like halaman facebook itu sangatlah mudah yaitu dengan Cara Membuat Popup Like Box Facebook di blog kalian, Jadi jika pengunjung menyukai blog anda maka pengunjung akan menyukai halaman facebook anda juga, agar pengunjung tersebut selalu dapat mengetahui informasi terbaru dari blog kalian melalui sosial media. Jika anda tertarik, silahkan ikuti langkah-langkah di bawah ini.

Cara Membuat Popup Like Box Facebook di Blogspot :

1. Login ke blogger
2. Pilih Tata Letak
3. Klik Tambah Gadget
4. Kemudian pilih HTML/Javascript
5. Copy paste kode di bawah ini, kemudian letakkan ke dalam kotak javascript yang sudah disediakan

<style scoped='' type='text/css'>
#fb-fanbox {background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;-webkit-transform:translateZ(0);display:none;}
#fb-boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#fb-boxview {background:#f5f5f5;border:8px solid #3a76b4;width:339px;height:210px;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:#3a76b4;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(3000).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/Filemee&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border:none;overflow:hidden;width:339px;height:200px;'></iframe>
</div>
</div>

6. Terakhir klik Simpan

Perhatian :

• Ganti tulisan yang berwarna biru dengan url halaman facebook kalian.

Demikian yang bisa saya bagikan untuk hari ini tentang Cara Membuat Popup Like Box Facebook di Blogspot. Semoga bermanfaat.