Tuesday, December 3, 2013

New Facebook Page Promoter Popup Like Box

at 10:41 AM
2 Comments

Facebook Popup Like Box For Blogger
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.


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(http://4.bp.blogspot.com/-rNUTIpDQ21s/T0NqE_vv6GI/AAAAAAAACps/GSoWE2n9Oy8/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(http://3.bp.blogspot.com/-Cbat5yqMLJg/UU2NAcccZ6I/AAAAAAAAAqY/7dTrQyZ11Yg/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!
Get Free Updates:

2 comments:

  1. That's really good tips, I'm going to use it, actually bro I'm a SEO Blogger, glad to visit your blog.

    Check it out mine one Microworkers Payment Proof

    ReplyDelete

Your feedback is always appreciated. we'll try to reply to your queries as shortly as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please don't spam Spam comments will be deleted immediately upon our review.

Regards,
Mohammad Azeem