New Facebook Page Promoter Popup Like Box

Increase Facebook likes with Facebook Popup like Box.

There are so many free blogger script to show a popup like box but today i'll tell you which Facebook Popup Like Box is best for your Blogger blog or website, because this Facebook Page Promoter popup like box is quite different from others. Facebook popup like box is that the best free script for blogger. This is a simple Facebook page promoter like box widget which pops up a jQuery window containing Facebook like box as shortly as a new visitor arrives.

Click Here See DEMO

How to Install Facebook Popup Like Box in Website/Blog?

• Login into your Blogger > Go to blogger > Layout
• Click Add a gadget
• Select HTML/JavaScript Widget
• Paste the Following code inside It

<style type='text/css'>
#bloggerknownpopup{position:fixed;z-index:9999;top:30%;right:30%;-webkit-background-clip:padding-box;background-clip:padding-box;width:302px;overflow:hidden;box-shadow:0 1px 20px 5px rgba(8,119,4,0.8)}#bloggerknownpopup span{font-size:20px!important;font-weight:bold!important}#bloggerknownpopup h1{background:#6d84b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilgs9zsPy0YxXEP7RU6cz_MVL9E7Uwt0CWjESl65ladnOhBzcRuwjbdLuMLrmxJQFBTbH-K3rabmJOUqEEH3nbh4Sjhts2kwZOcaHUli5mAEQkoJjJZfaIct8Y6zOexBiWEDGx_Iu4aTnq/s1600/%255Bwww.gj37765.blogspot.com%255Dh1.png) 98% no-repeat;border:1px solid #3b5998!important;color:#fff!important;font-size:20px!important;font-weight:700!important;padding:5px!important;margin:0!important;font-family:'"lucida grande",tahoma,verdana,arial,sans-serif!important;overflow:hidden!important}.htmlarea{font-size:12px!important;font-weight:normal!important;height:251px!important;padding:1px!important;background:#fff!important;border-bottom:2px solid #ddd;overflow:hidden!important}#mdclose{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnF48DVjg6DUmzdMD6kf2fHawcKB9Hxlic9rTTO6AEAX9dE26w2cjVDaXv3m4PQ7yglQisjYoIWl_JyBmgB8n7PqqQNsx0-QhCLLHicY-kH89dYmh02z_f7N5LiKzRi7aoIbrEa8qXCyo/s320/fancy_close.png);margin-top:0;position:absolute;margin-left:0;width:30px;height:30px;top:3px;left:3px;z-index:999999}#mdclose:active{top:1px;left:1px}
</style>
<script type='text/javascript'>
jQuery(document).ready(function() {
function bloggerknown_ppopup()  {
var sec = 15
var timer = setInterval(function() {
$("#mdfooter span").text(sec--);
if (sec == 0) {
$("#bloggerknownpopup").fadeOut("slow");
clearInterval(timer);
}
},1000);
var mdwh = jQuery(window).height();
var mdpph = jQuery("#bloggerknownpopup").height();
jQuery("#bloggerknownpopup").css({"top":mdfromTop});}
jQuery(window).fadeIn(bloggerknown_ppopup).resize(bloggerknown_ppopup) //alert(jQuery.cookie('sreqshown'));
//var mdww = jQuery(window).width();
//var mdppw = jQuery("#bloggerknownpopup").width();
//var mdleftm = (mdww-mdppw)/2;
//var mdwh = jQuery(window).height();
//var mdpph = jQuery("#bloggerknownpopup").height();
//var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2;
jQuery("#bloggerknownpopup").animate({opacity: "1", left: "0" , left:  mdleftm}, 0).show();
jQuery("#mdclose").click(function() {
jQuery("#bloggerknownpopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});});
</script>
<div id="bloggerknownpopup">
<div class="htmlarea">
<a href="#" id="mdclose" onclick="return false;"></a>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Bloggerknown&amp;width=300&amp;height=258&
amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;" style="border:none; overflow:hidden; width:300px; height:258px;" ></iframe>
</div>
</div>

1. Change the "Bloggerknown" with your facebook fan page username.
2. Set Facebook like box display time simply change this "15" from the code above.
3. Click Save and you are all done!