How To ADD Facebook Like Box Pop-Up Widget To Your Blog

As we know now a days Facebook is also one of the best ways to drive huge traffic to your blog/website. So using Facebook Fan page helps a lot to drive traffic. Every one wants to Incerese their fb fan page likes So here is the one of the method to increse fb fan page like. By ADD Facebook Like Box Pop-Up Widget fb fan page likes can be increased. As this is a Pop-Up almost all the visitors of your blog/website likes your fb Fan page too. So, In this article I will show you  How To ADD Facebook Like Box Pop-Up Widget to your blog.

ADD Facebook Like Box Pop-Up Widget:

• Open Dashboard.
• Click on Layout.
• Choose 'HTML/Javascript'
• Copy the below code and paste on that.

<!-- Facebook Pop-up Widget START --><!-- Brought to you by www.atoznewsbuzz.com  -->
<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%;
}
#atoznewsbuzz {
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;
}
#atoz {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1popjF9mkfEBjCu4W0mA5VWJBMbcVMEhvllfgkOf81yzdNWrBKzbxKjmstloCExgz_KZ0WDtiG8L_WSKZEL-vdl9CFJWOAQ9IjS1X4zR9n0op1Wj2llbOAEpjUI-iX16m3N7K6uHSNDUi/s1600/atoz.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) {

// 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(''));
}

// 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(1000).fadeIn('medium');
$('#atoz, #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='atoznewsbuzz'>
<div id='atoz'>
</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/atoznewsbuzz&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">Powered by atoznewsbuzz - <a href="http://www.atoznewsbuzz.com/2014/07/how-to-add-facebook-like-pop-up-widget.html">FB Like Box widget</a></span></center>
</div>
</div>
<!-- Facebook Popup Widget END.  -->

Personalization:

ADD Facebook Like Box Pop-Up Widget of your page.

 Replace http://www.facebook.com/atoznewsbuzz with your Facebook Fan Page URL.

Changing Pop-Up Delay.

 Actually the widget Pops-Up at a delay of 10 sec after loading of your blog page. To change the Delay time change the value in .delay(10000).

$.cookie(‘popup_user’, ‘yes’, { path: ‘/’, expires: 7 });

Remove this from the above code to appear the pop-up every time when the blog/website is open. Otherwise Facebook pop-up will open once in 30 days. So it's your choice to decide it.

I hope this post is helpful to you, please do comment if you liked it or any other suggestions.
Thank you.