Menu

When social Media Comes on Our Mind than its direct credit goes to top Social Sites like Facebook, Twitter, Gtalk, Skype etc. Social Media is pick position now, 90% Young and every ager using it’s. So where users than your marketing strategies are move to you social media. So everyone knows power of social media. Social Media is the first step of your site or blogger Successful. Many times you are searching of Social Facebook twitter linkedin widgets /plugin because your posts or communication reach to the visitors than you can start your reputed blogger. But Social Media market would be have a planning for Social Avtar. So as per your needs we have try our best of this Facebook Popup like Box. First impression is last impression, same thing here if anybody interested with you or your site than they will defiantly like you by this Tool you will got more like or followers.

Blogging success appears with several things such as you'll be getting high traffic, earning increases, fans and follower’s increases, being popular and people also talk about you and your blog. Well, having high number of social followers is great as it help you to drive quick traffic, finding out the average of your followers and also knowing more about them.

Facebook Liking box would be success of your blog and site. Its look like this FB Widget.
facebook like box timer

You have created Facebook fan page of your blog. But what about page likes? Do you know they increasing, decreasing or no movement? Well, Most of the new blogs have very less likes as the page doesn't reach to the high audience. It's recommended to use some type of Facebook like boxes in your blogs to increase likes and also converting blog visitors into Facebook audience.
Here we are providing to you social media fb like box with timer its depends on you if you don;t want delay than we also providing to you how you can edit it without timers also.

So let’s begin How to setup  your facebook like box popup.
 How To Add Facebook Pop up Like Box in Blogger?
  • Go To Blogger >> Layout >> Add a Gadget
  • Choose HTML/JavaScript
  • Paste The Following Code in Box

  • <!-- Facebook Popup Widget START --><!-- Brought to you by www.nvrthub.com -->
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <br />

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js" type="text/javascript"></script>
    <style type="text/css">
    #exepopup{background-color:#fff;position: fixed;top:50%;z-index:9999;display:none;padding:0px;left:50%;border:10px solid rgba(82, 82, 82, 0.7);-webkit-background-clip: padding-box; /* for Safari */background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */-webkit-border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;border-radius:8px 8px 8px 8px;width:400px;height:400px;margin-left:-200px;margin-top:0px;overflow:hidden;}#exepopup span{font-size:20px !important;font-weight:bold !important;}#exepopup h1{background:#6d84b4 url(http://4.bp.blogspot.com/-wbOyGFuANTQ/UVF1F4ouC4I/AAAAAAAABiA/RX4jNlICbjM/s1600/NBL.png) 98% no-repeat;border:1px solid #3b5998 !important;color:#FFFFFF !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;}.exepopupdata{font-size:12px !important;font-weight:normal !important;height:265px !important;padding:1px !important;background:#fff !important;border-bottom:2px solid #ddd;overflow:hidden !important;}#exepopupfooter{text-align:left;background:#F2F2F2 !important;height:56px !important;padding:10px 10px 10px 10px !important;overflow:hidden !important;}#exepopupclose{float:right;background-color:#eee !important;border:1px solid #ccc !important;color:#111 !important;font-weight:bold !important;padding:5px 8px 5px 8px !important;text-decoration:none !important;display:inline-block !important;font-family:'"lucida grande",tahoma,verdana,arial,sans-serif !important;outline:none !important;position:relative !important;font-size:18px !important;margin:1px !important;}#exepopupclose:active{top:1px;left:1px;}</style>
    <script type="text/javascript">
    jQuery(document).ready(function() {
    function exepopupfunc() {
    var sec = 60
    var timer = setInterval(function() {
    $("#exepopupfooter span").text(sec--);
    if (sec == 0) {
    $("#exepopup").fadeOut("slow");
    clearInterval(timer);
    }
    },1000);
    var exepopupwindow = jQuery(window).height();
    var exepopupdiv = jQuery("#exepopup").height();
    var exepopuptop = jQuery(window).scrollTop()+50;
    jQuery("#exepopup").css({"top":exepopuptop});}
    jQuery(window).fadeIn(exepopupfunc).resize(exepopupfunc)
    //alert(jQuery.cookie('sreqshown'));
    //var exepopupww = jQuery(window).width();
    //var exepopupwww = jQuery("#exepopup").width();
    //var exepopupleft = (exepopupww-exepopupwww)/2;
    var exepopupleft = 500;
    //var exepopupwindow = jQuery(window).height();
    //var exepopupdiv = jQuery("#exepopup").height();
    //var exepopuptop = (jQuery(window).scrollTop()+exepopupwindow-exepopupdiv) / 2;
    jQuery("#exepopup").animate({opacity: "1", left: "0" , left: exepopupleft}, 0).show();
    jQuery("#exepopupclose").click(function() {
    jQuery("#exepopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});});
    </script>
    <div id="exepopup">
    <h1>
    Join Us On Facebook</h1>
    <H2>Get this Widget</span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://www.nvrthub.com/search/label/widgets">facebook popup like box with timer</a></center></h2>

    <div class="exepopupdata">
    <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://facebook.com/plugins/likebox.php?href=https://www.facebook.com/nvrthubteam?ref=hl&amp;width=400&amp;colorscheme=light&amp;show_faces=true&amp; border_color=%23fff&amp;stream=false&amp;header=false&amp;height=250"  style="border: none; height: 250px; overflow: hidden; width: 400px;"></iframe></div>
    <div id="exepopupfooter">
    Please Wait <span>60</span> Seconds...!!!<a href="http://www.nvrthub.com" id="exepopupclose" onclick="return false;">Skip</a></div>
    </div>
    <!-- <!-- Brought to you by- www.nvrthub.com -->
    <!-- Facebook POPUP LikeBox With Timer Code End -->
    </div>
    <!-- Widget by--  www.nvrthub.com End -->   
    <span><span></span></span>
 href=https://www.facebook.com/nvrthubteam?  In this you have change your Facebook Page Name what ever you creates.
  • You can also edit this By as per your requirements.
  • How to edit and make user friendly Widget for Facebook Like Plugin.

  • Can We change the time limit or Skip Button?
  • Yes you can edit this You have just follow these steps
  • You have find this below code remove it.


  • <div id="exepopupfooter">
    Please Wait <span>60</span> Seconds...!!!<a href="http://www.nvrthub.com" id="exepopupclose" onclick="return false;">Skip</a></div>
    </div>

You can change the time Like here we have set One Minute (60Second) you can change it by finding it.
var sec = 60 By in place of 60 you can change anytime like 10 seconds or 50 seconds.

Kindly share it By Very hard work we have make this one.

All in One Social Media Widget Click Here

0 comments:

Post a Comment

 
Top