Cara memasang Pop Up Like Box Facebook

Haloooo Mblo ketemu lagi sama ane :v :v :v , udah lama ni belum posting hehehe, maklum banyak kerjaan di dunia nyata ...

Langsung aja dah, agan pasti tak jarang menemukan ada Popup Like Box Fanpage muncul ketika kita mengunjungi Blog...nah kali ini ane mau share bagaimana Cara memasang Pop Up Like Box Facebook.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
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;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEf_z8H1TxQw3hqIyfMIE6ybnhMTK5CJVK9_DNfoWjq5QsVXdaMJXTrIPqpKMivexaZ02a5yZF-yTsRBiQA2Aj2Aciy46SvuM-E2og0I4ReSzkJg44Cx4EnA59dmkRNd2ncc69vGMqTDbF/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set 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(''));
}
// key and possibly options given, get 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'){
$('#fanback').delay(20000).fadeIn('medium');
$('#TheBlogWidgets, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'no', { path: '/', expires: 1 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='JasperRoberts'>
<div id='TheBlogWidgets'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=http://www.facebook.com/erdie.blog&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>
</div>
</div>

1. Pertama-tama aganbisa masuk ke dashboard>Layout>HTML/Javascript" , kemudian copy Script di atas dan pastekan kemudian Save/Simpan.

2. O iya sampe lupa hehehe, kalian harus sedikit merubah script nya

Cari http://www.facebook.com/erdie.blog kemudian ganti dengan link url halaman agan.
Mengganti waktu berapa lama pop up akan mucul. Acript di atas menggunakan waktu delay nya normal 20 detik. jika ingin mengganti waktu delay silahkan agan cari .delay(20000) kemudian ganti dengan waktu delay sesuai ke inginan agan
1 detik = 1000. 10 Detik = 10000. 60 Detik = 60000.

Cukup mudah bukan :) sudah dulu ye, mudah mudahan bermanfaat :)

Cara memasang Pop Up Like Box Facebook

Populer

Arsip