Add JQuery Facebook Popup like box with timer and close

Overview of Jquery Facebook Popup like the box with timer:

Hi Friend To Day I’ll let you know That the right way to Install or Add Jquery Facebook Popup like box with timer and close choice, In this Article show you how to to full and merely option to including this popup like box in blogger area, let see and comply with my step-by-step instruction, and Also right here is video that gives the right way to add Jquery popup fb like box in blogger with two strategies first is Auto and 2nd is Manually so Let see this video and add this.

How to put in fb Popup like the box with timer into blogger:

  1. First of all Goto your Blogger Dashboard,
  2. Select your Blog and Navigate your mouse to Template,
  3. After Clicking on Template now click on on Edit HTML,
  4. Let Search or Find by Pressing CTRL+F the Tag Closing Head as like </head> and paste these code that’s Give blow on the
  5. Closing Head means </head> to above.<script sort=”textual content/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js”></script>

    Note: when you have added already above JQuery Script then by no means add once more. Please, it’s worthwhile to test it first then take subsequent motion.

  6. After including above code on the above of </head> Tag then
  7. Goto your Blogger Dashboard and  Navigate your Mouse on Click Layout.
  8. Add New Gadget then a popup will seem.
  9. Select HTML/JavaScript there.
  10. Now Paste these code thisGiven Below on this HTML/JavaScript Box.

 <!—How so as to add JQuery Facebook Like Box with timer into blogger->
<type sort=’textual content/css’>
#makingdifferentpopup
#makingdifferentpopup span
#makingdifferentpopup h1
.htmlarea
#mdfooter
#mdclose
#mdclose:lively
.grabthis
.grabthis a
.grabthis a:hover
</type>
<script sort=’textual content/javascript’>
jQuery(doc).prepared(operate() {
operate makingdifferent_ppopup()  
jQuery(window).fadeIn(makingdifferent_ppopup).resize(makingdifferent_ppopup)
//alert(jQuery.cookie(‘sreqshown’));
//var mdww = jQuery(window).width();
//var mdppw = jQuery(“#makingdifferentpopup”).width();
//var mdleftm = (mdww-mdppw)/2;
var mdleftm = 500;
//var mdwh = jQuery(window).top();
//var mdpph = jQuery(“#makingdifferentpopup”).top();
//var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2;
jQuery(“#makingdifferentpopup”).animate(, zero).present();
jQuery(“#mdclose”).click on(operate() );});
</script>
<div id=”makingdifferentpopup”>
<h1>Join us on Facebook</h1>
<div class=”htmlarea”>
<iframe src=”//www.fb.com/plugins/likebox.php?href=httpspercent3Apercent2Fpercent2Fwww.fb.com/fullversionforever&amp;width=400&amp;colorscheme=mild&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false&amp;top=250″ scrolling=”no” frameborder=”zero” type=”border:none;overflow:hidden; width:400px; top:250px;” allowtransparency=”true”></iframe></div><div id=”mdfooter”>
Please wait..<span>20</span> Seconds
<a href=”#” id=”mdclose” onclick=”return false;”>Skip it</a>
</div>
</div>
<div class=”grabthis”>
By <a href=”https://www.fullversionforever.net/” goal=”_blank”>Full model Forever</a>
</div>
<!– How so as to add JQuery Facebook Like Box with timer into blogger –>

 Additional Customization in your username in Popup like box with timer:-

Change your Facebook Like web page username the place is line coloured Red and gave by yourself like Page Username

Thanks when you have dealing with drawback then share with me.


Add JQuery Facebook Popup like box with timer and close

Leave a Reply

5 × five =