19 November 2013

Timer Facebook Popup Likebox for Blogger

// // 12 comments
Timer Facebook Popup Likebox for Blogger
How facebook is playing a vital role in human life by connecting people with each other these days we all know. Most of the people are sticking to this social networking site on daily basis.Sharing on Facebook is now  not only pictures but also fantastic information about their personal and world news. So here we're going to share another wonderful widget for your blogger blog. If you’ve created an account on Facebook and gained number of likes then here you can find another way to increase your fans via this  facebook widget box with  some advance features.As a live demo you can see it into the screenshot.


 Must Read : Facebook Comment Box for Blogger



Add Facebook Popup Likebox on Blogger



  • First log onto Blogger Dashboard
  • Then move onto Template tab
  • Next click on “Edit HTML” Tab (Rember to back up your template )
  • Now search for </body> code tag
  • Now just  paste the below code above it  




<script type='text/javascript'> //<![CDATA[ KNFBFansPRO='TECHTRICKHOME' //]]> </script> <style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;} #fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;} .fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;} #fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;} #fblikepop #closeable{float:right;margin:7px 15px 0 0;} #fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;} #fblikepop #actionHolder{height:30px;overflow:hidden;} #fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;} #fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;} #fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;} #fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;} #fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style> <script src='http://blogtariff.webs.com/jquery.js' type='text/javascript'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/> <script src='http://blogtariff.webs.com/fb-like-popup.js' type='text/javascript'/> <script language='javascript'> //<![CDATA[ $(document).ready(function(){ $().KNFBFansPRO({ timeout: 30, wait: 0, url: 'http://www.facebook.com/techtrickhome', closeable: true }); }); //]]> </script> <div id='fbtpdiv'/>
 


  • Now save it and you're all done 

Customization

  • Replace “techtrickhome” with your facebook page name in red color
  • Change the timeout seconds as you like with “30
 Must Read : Add Flying Twitter Bird on Blogger




That's it you got your newly made widget for your blog.Hope just like our previously shared Facebook likebox widget you'll also like it.Don't forget to spread our tutorial through the below social share widgets.Thanks
Articles You May Like

12 comments: Leave Your Comments

  1. Thanks for the post! I've learned a lot fro your site and will also recommend this to my friends :) Thank you so much for recommending my site

    http://kathirvera.com

    ReplyDelete
  2. wow this is a great site, with lots of helpful hints and tips. Thanks for sharing

    ReplyDelete
  3. This really helps in promoting the site and the facebook page.

    ReplyDelete
  4. Thanks for the tips and the code :)

    ReplyDelete
  5. Good info even though I do not own a blogger blog. Do you also have FB sharing tips for Wordpress users? Would love to read about that. Very informative website you got here, great!

    ReplyDelete
  6. Some says the Facebook popup will keep your site slow loading.
    Is this true?

    ReplyDelete
  7. Reminds me I don't have a Facebook page widget on my blog. I heard pop-ups can discourage visitors from browsing your blog. It can sometimes ruin the experience, but I guess it depends.

    xx Daphne of http://daphnebenosa.com

    ReplyDelete
  8. new lesson :) Thanks for this. If you don't mind please click "Join My Site" on my blog http://chieislove.blogspot.com.

    ReplyDelete
  9. awesome! I've been looking for widgets like this one. need to perk up my fans..lol

    ReplyDelete