Facebook Popup Like Box with Delay Time

 Facebook Popup Like Box with delay time

Features

1. This widget is very easy to add on your blogger or on site..
2. Less Loading Time.
3. Helpful to increase site or blog traffics.
4. Easy to like your blog or site by visitors.

How to Add this on blog.

 Go DashBoard > Layout > Add Gadget > HTML/JavaScript > Save.

Live Demo 

<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%;
}
#fanbox {
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;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbcexSCmjvxMpeiGWO-_frdNClIDBpM3o6iWXrBHHn5ODcR36rTu7RZtfrtLYjPR5wt70YA0FDlyQybupgCdAfJ0mqJ2HARzI0XQ3QcntHbOrVVxEkaB5GicO_bv4mvoDDYOo0fFf2-Eas/s1600/Close.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 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(30000).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>

<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='fanbox'>
<div id='fanclose'>
</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/sites18&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>
<span id="linkit"><a href="http://www.sites18.com/" rel="dofollow" target="_blank" >
<img alt="site" title="Facebook Popup Like box" border="0" height="15" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgInUm5SsNov5Umcg8ixhCb2NkY-TMZcAcjQUnqta0wduwc7ce3G_RcxvT6xGsIURGeoq5Fs8CZAPyx3qf3m5mykff7N0GoVycA1m7VBtDrk709pi24C-2DPdugp7JPDnpPpEBcYdnnPLDk/s1600/b.png" width="120" />
</a></span></center>
</div>
</div>

 Settings

1. Replace  http://www.facebook.com/sites18 URL with your site Facebook Page URL
2. Change delay time for appear Facebook Popup Like box  .delay(30000)   According to your requirement.

1 second = 1000ms
30 second = 30000ms


By default Facebook Popup Like box appears one at first time loading of page,  If you want to it appears each time when page is load. Then change yes to no in below code ($.cookie('popup_user_login') != 'yes') 

Having Trouble to seeing Facebook Popup like box widget

By default this widget appear only once after 30 seconds if you want to display again you need to delete your cookies  or see the settings which is discuss above.

If still you face trouble leave a comment below.