Blogger:
1. Buka halaman layout (tata letak) di dasboard. Dashboard > Layout (tata letak).
2. Tambahkan gadget, ambil yang paling bawah, jika ada gadget footer itu
lebih baik. Jika tidak ada gunakan gadget sidebar paling bawah.
Besok-besok kalo mau tambah gadget lagi, pastikan gadget Likebox PopUp
ini tetep di bawah ya.
3. Kemudian pilih jenis gadget HTML/Javascript.
4. Copy seluruh kode di atas, paste di editor semacam NotePad atau NotePad++. (untuk melakukan edit)
5. Masukkan script yang telah diedit dan save / simpan.
Wordpress:
1. Masuk ke dashboard > appearance / tampilan > widget.
2. Pilih text widget (teks)
3. Sisipkan ke sidebar paling bawah atau widget footer (jika ada), yang
penting pastikan posisinya paling bawah dari semua widget.
4. Copy seluruh kode di atas, paste di editor semacam NotePad atau NotePad++. (untuk melakukan edit)
5. Masukkan script yang telah diedit dan save /simpan.
<!-- Facebook Popup Widget Plus Cookie -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#bukafpop {display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}
#bukafmetu {width:100%;height:100%;}
#burasbox {background:white;width:420px;height:270px;position:absolute;top:58%;left:63%;margin:-220px 0 0 -375px;-webkit-box-shadow: inset 0 0 50px 0 #939393;-moz-box-shadow: inset 0 0 50px 0 #939393;box-shadow: inset 0 0 50px 0 #939393;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: -220px 0 0 -375px;}
#buras {float:right;cursor:pointer;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzLxF8LABh8zHmAU5y3ES2_l1-CJYx_3YHx6yUMIFpBEh1MMDeF8zWqlSBNYGuFt0tuaosTDY9Ahyphenhyphen4tE_3XaDG7xBXHNmQ5uZAOABaVOVjz79Jco-a5twTQbfJpAe0At60lugNH65kl9pE/s1600/buras-tutup.png) repeat;height:15px;padding:20px;position:relative;padding-right:40px;margin-top:-20px;margin-right:-22px;}
.burasbord {height:1px;width:366px;margin:0 auto;background:#F3F3F3;margin-top:16px;position:relative;margin-left:20px;}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key dan nilai (value), 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() : '', // atribut expires, IE ga support max-age
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// pengaturan 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_user_login') != 'yes'){
$('#bukafpop').delay(20000).fadeIn('medium');
$('#buras, #bukafmetu').click(function(){
$('#bukafpop').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 30 });
});
</script>
<div id='bukafpop'>
<div id='bukafmetu'>
</div>
<div id='burasbox'>
<div id='buras'>
</div>
<div class='burasbord'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/nainiist&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
</center>
</div>
</div>
<!-- Facebook Popup Widget Plus Cookie by buka-rahasia.blogspot.com -->
Ketentuan :
- Ganti https://www.facebook.com/nainiist dengan ID facebook bro sis
- delay(20000) adalah nilai waktu penundaan likebox muncul saat halaman diakses oleh pengunjung untuk pertama kalinya. Nilai 20000 dalam milidetik, berarti 20 detik. Saya pribadi lebih suka delaynya lebih lambat untuk mastiin halaman dan likebox-nya udah diload dengan bener. Biar pengunjung ga cepet-cepet nutup, dan biar lebih kaget dikit saat baca artikel. Heuheu. Ubah nilai itu menjadi lebih besar atau kecil untuk lebih memperlambat atau mempercepat kemunculan popup likebox.
- Baris script pada warna hijau adalah statement untuk menyatakan batas waktu berlakunya cookie yang ditanam di browser pengunjung, value dinyatakan dalam hitungan hari. Perhatikan pada bagian expires: 30, itu berarti cookie berlaku dalam 30 hari (sebelum kemudian muncul lagi pada pengunjung yang sama, setiap 30 hari sekali), ubah nilainya menjadi lebih kecil atau besar. Misalnya 1, jika ingin popup muncul sekali sehari untuk pengunjung dengan browser yang sama. Tapi bila ingin popup likebox muncul setiap kali user membuka halaman blog (apapun) hapus baris berwarna hijau itu.