Get Latest Tricks Alert Daily
Follow Readers

Facebook PopUp Like Box with Timer !


SHARE:

facebook popup like box
Today we are sharing another version with much more control options. This one includes a time counter and instead of likebox it displays a like button that links to your Fan Page and an attractive Image that also links to your fan page letting your visitors to either join your fan page by clicking the like button or by simply visiting your fan page by clicking the image. You can set for how long the widget/plugin must display before disappearing automatically. It also includes a close option.
You can also specify whether you want it to show immediately as soon as a visitor enters your site or after a specified time. The JavaScript code for this plugin is created by kakiheboh termed as "LikeBox FB Fanpage Pro"  and we simply modified the code to create four different backgrounds for the likebox. The installation is extremely easy just follow these steps. This one comparatively loads faster compared to the previous facebook blogger widgets we published so far.


Demo

Important Note: Some of Templates Does Not Support PopUpBox Close Option.
I saw some of blogs are using timeout of 1000 & above seconds plz dont use this, because you will loose  your blog traffic, better use timeout : 10 or 20 second because visitors dont want to wait!!!


Add Facebook LikeBox Popup To Blogger

This popup contains a likebutton instead
  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Paste the following code just above </body>

<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='MMKTRICKS'
//]]>
</script>
<style>
#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius:

9px;margin:0pt;padding:0pt;color:#900000;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 8*/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:#900000 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;color:#FFFFFF !important;font-size:14px !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:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px;
}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;
}
#fblikepop #buttonArea a:hover {color:#900000 !important;text-decoration:none !important;border:0 !important;
}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !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 type='text/javascript' src='https://sites.google.com/site/mmktricks/jquery.js'></script>
<script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script type='text/javascript' src='https://sites.google.com/site/mmktricks/fbpopup.js'></script>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 20,
wait: 0,
url: 'http://www.facebook.com/MMKTRICKS',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code End -->

Make these important changes:
  • Replace this MMK Tricks with your Facebook username.
  • The timer is set to 30 seconds to change it simply edit timeout: 30
  • The widget appears immediately after a visiter eneters. If you want it to appear after one minute or more then edit wait: 0

You can change Background Colors by Editing CSS Code

NEED HELP:

The steps are self explanatory and it works just smoothly without any troubleshooting. Add it to your blogs to increase your Facebook fan followers and drive more and more traffic from this giant social media network with over 800 Million registered users. Do let me know if you needed help. Peace pals! :)

!! Thank You !!
If Any Questions / Suggestions Please Leave A Comment Below




SHARE:



If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you subscribe to our regular Email Updates!

Subscribe To Get Latest Tricks On Email!

 

109 comments:

  1. I just became alert to your blog through Google, and found that it's truly informative. I’m going to watch out for brussels. I will be grateful if you continue this in future. Lots of people will be benefited from your writing. Cheers! :
    Click Here To Learn Blogger Tricks

    ReplyDelete
    Replies
    1. One more popup widget with close button for blogger.

      Get widget: http://knowledge333.blogspot.com/2013/12/online-popup-window-with-close-button.html

      Delete
  2. hi, This is very attractive & unique popup design and I have tried in my site but not working. Whats the problem? www.vidzpro.com

    ReplyDelete
    Replies
    1. Hey Dude i am unable to open your site bcoz your site was attack by malware..

      Delete
  3. Bonjour,
    J'ai installé comme sur les instructions, mais ça ne marche pas !!

    ReplyDelete
    Replies
    1. Give me your blog address i will check the solution..

      and plz comment in english. bcoz i dnt know french.
      i read your comment by google translate help..

      Delete
  4. MMK I'm an blog admin of :
    www.SecruityCenter.BLogSpot.com
    So i cant change my name So I'm typing with this name.

    I installed this widget on my blog
    and its good
    but
    if a visitor Like the page when he enter He can
    see contents which is good and working But when he clear his browser cookies or even quite his bowser or enter from another pc while he like my page
    it keep request from him to like it.

    can you understand what i'm trying to tell?
    please help
    thanks

    ReplyDelete
  5. This is Awesome website. nice job frnd. You can try this new

    Mp3 SongsDagabaaz Re (Dabangg 2) Video Song Download

    in mp4,
    3gp, avi
    , video songs


    Hacking Tips & Tricks Free GPRS Tricks

    Mp3 Song Lyrics, Video, Movie Information, First Look Funomega

    ReplyDelete
  6. its working,.. Thanks..
    keep it up!!

    ReplyDelete
  7. good job dude.... i want to display dis one only my home page... (its display on every pages on my blog now..) can u help...? thank you!!!

    ReplyDelete
    Replies
    1. Here is a Tip, use this code

      <b:if cond='data:blog.url == data:blog.homepageUrl'>
      paste facebook likbox code here
      </b:if>

      Complete tutorial how to show widget and hide"

      Delete
  8. @MMK The Rocker brother Can You Tell Me How To Remove The Close Button From The Top Of This Widget.I Will be Very Thankful To You

    ReplyDelete
    Replies
    1. just replace closeable: true with closeable: false in the end of script. like below

      $().KNFBFansPRO({
      timeout: 20,
      wait: 0,
      url: 'http://www.facebook.com/MMKTRICKS',
      closeable: true

      Delete
    2. what you told me was very helpful.The very First Day The widget Was Appearing But now it Is Not Appearing What can I Do????

      Delete
    3. Reinstall the script in your blog above </body> tag

      Delete
  9. My Blog Link IS
    http://freefullgames4u007.blogspot.com/

    ReplyDelete
  10. why when i paste the given code on my blog,it doesn't work?help my website is nasmiletz.com

    ReplyDelete
    Replies
    1. what kind of error your getting while your pasting the code???

      Delete
  11. Thank you for this great post...I used the code in my blog techandgio.blogspot.com

    ReplyDelete
  12. But my impression is that readers of my blog will get annoyed due to pop up so I decided to remove the code...

    ReplyDelete
  13. this is working finely in many days.....
    after my site change from blogspot to .com registration this is not working
    pls help me......my site is musiqmaazza.com

    ReplyDelete
    Replies
    1. reinstall the script

      it will work...

      Delete
    2. hey buddy!
      you have installed in html/javascript element. that's why its not working

      you have to install this script above </body> tag
      open your template and press ctrl+F and find </body> body tag and paste this script above </body>

      and please remove other facebook popup like box these both cannot work together

      Delete
  14. Thanks it is working. I want it to appear once in 7 days for a visitor. Will you help me?
    "Kamran Downloads"

    ReplyDelete
  15. Nice , Dont remember to visit http://www.legend-web.blogspot.com

    ReplyDelete
  16. thanks its working fine in my blog
    http://desihungamaj.blogspot.in

    ReplyDelete
  17. he steps are self explanatory and it works just smoothly without any troubleshooting. Add it to your blogs to increase your Facebook fan followers and drive more and more traffic from this giant social media network with over 800 Million registered users. Do let me know if you needed help. Peace pals

    ReplyDelete
  18. want make money online for free ,you can visit my site http://ectheme.blogspot.com/
    or contact me with howaves@gmail.com i will teach you step by step

    ReplyDelete
  19. In the main heading of this, instead of "join us" i want to have "Like us on Facebook" how to do that?

    http://ultimatesqs.blogspot.in/

    ReplyDelete
  20. it is working great... but it shown for those too who alredy liked my page. i want to show it only those who are not liked my page.

    ReplyDelete
  21. This not working in my blogger.can you help me

    Notesexpo

    ReplyDelete
    Replies
    1. @Dhileep kumar
      please give me your blog url where you want to add this widget

      Delete
  22. i also wanna know the reply to himanshu's question? can it be shown only to those who has not liked my page?? i dont want it to be shown to those who has already liked my page

    ReplyDelete
    Replies
    1. @Himanshu Singh
      @vishal Panchal

      if the visitor already loged into they facebook account and at a same time visiting your blog they could not see this popup like box.

      Delete
  23. Thanks for the reply, trying ths out now in my blog

    http://ultimatesqs.blogspot.in/

    Also 1 last Question, is this a one time pop up box? means if a visitor comes to my blog this will show up, ok but if he clicks to see another post in my blog in the same visit then will this show up again?? i want a 1 time pop up per visit fb box, plz reply... thanks.

    ReplyDelete
    Replies
    1. @Vishal Panchal

      That's not possible, but better you keep popup timer 5 to 10 seconds
      from this trick you can get more likes on facebook

      Delete
    2. Thanks for the quick reply. so just to clear myself, if a non fan visitor visits my blog he gets to see this pop up fb box on every link he clicks on the blog. am i right in the understanding?

      Since i am not at all good in coding, in the quest of good looking blog with lots of widgets , i ended up making my blog quite good but slow and by the time my blog loads up this pop up box closes so i kept it on a slightly higher side of 15 seconds. thanks for ur advice.

      Any advice on my blog: Kindly see it on this link: http://ultimatesqs.blogspot.in/

      Delete
    3. Also 1 more thing, i want help on a separate small issue which i am unable to solve on my own, if possible can i get ur help on that too?? if yes then do let me know, i will post my query... Waiting thanks.

      Delete
    4. @Vishal Panchal

      Yes ofcourse i am always ready to solve the problems.

      Delete
    5. Ok cool, if u can solve my these 2 small problems then i would be very greateful to you.

      First problem:

      I have sharethis social widget below all my blog posts,

      my problem is that i am unable to remove @sharethis from the tweet button, all the solutions i found on net are saying to replace a certain code in blogger html but in my blogger html those codes are not there at all??!!! any help will be appreciated a lot... thanks again.

      Second Problem:
      In my home page, i get snippets of all my posts, and below each post snippet i get this sharethis Social buttons which i want. so far so good, but below each share this button in home page snippets there is a huge blank space which i tried may ways but it is not going at all... that space i was able to remove in individual post pages but i am unable to remove that blank space below post snippets.

      kindly see my blog homepage to understand the problem and if possible plzzzzzzzz provide a solution for the same.

      My blog: http://ultimatesqs.blogspot.in/

      Thanks a zillion in advance for ur time and efforts.

      Delete
    6. Give me your email address i will send you tutorial how to remove the extra space from footer post & removing share buttons.

      Delete
  24. my e mail address is vishalrpanchal@yahoo.com but i am already sucessful in removing extra space from footer in individual posts, that is not the problem, the problem is that in the home page, individual post snippets, there that space is not going?

    ok waiting for ur e mail desperately. thanks a ton.

    ReplyDelete
  25. Waiting for ur e mail, meanwhile i got another problem, if u can help...

    3 days i went to holidays so i didnt do anything on my blog and after 3 days i come back and see my blog and now when i open my blog or click on anylink inside my blog it opens 3 popups everytime, it is so frustrating, i didnt install it, can u plz tell me quickly how to remove it, plz it was not there before.

    This is very imp and urgent as i am loosing my visitors,,, plz reply a quick method to stop this... desperately waiting for ur help.

    my blog link is: http://ultimatesqs.blogspot.in/

    ReplyDelete
  26. Nice hack works fine!When i try to read an other post to my blog, popup facebook box appears again. Is there any solution how could showing one time?

    ReplyDelete
  27. Thanks for nice widget....my original "kaki heboh" cannot function....luckily i find this ....


    #now i try to find code for change colour...hehehe

    http://kezoom.blogspot.com/

    ReplyDelete
    Replies
    1. i think now i got pblm....my page not found....(

      Delete
  28. @Kezoom Page
    i dont understant your problem, explain me briefly

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
    2. sorry bro...(my english not so good..hehehe)
      just simple explain....
      1. when i clik to "Become Fan" (the big icon...) is drive to page not found....its it normal?

      Delete
    3. @Kezoom Page
      Just Replace MMKTRICKS with your facebook fanpage link

      copy the code after facebook.com/
      for example http://www.facebook.com/some numbers or name

      Delete
    4. ok...thanks for your support...:)

      Delete
  29. Hello..I just applied this code to my images blog..and its really nice thanks for sharing ..

    ReplyDelete
  30. check this out@. its more cooler. ;)
    http://adf.ly/PHIce

    ReplyDelete
  31. Its not working on my site . tricksbucket.blogspot.com

    ReplyDelete
  32. hi, i need your help. this script is working in my site, but the pop-up appears every time i move to the other page. how to make it appear just once?
    really need your help.
    if you want to check my blog this is the link http://bcinggris.blogspot.com/
    thanks before.

    ReplyDelete
    Replies
    1. BETTER USE THIS


      PASTE THE SCRIPT HERE

      Delete
  33. http://techcomputer1.blogspot.com/

    ReplyDelete
  34. not working on my blog
    http://rehanssoftwares.blogspot.com/

    ReplyDelete

  35. one like box not query and have cookies open one time ??

    ReplyDelete
  36. For password release and for escaping from surveys..&..for all emerging technologies

    pls visit ..

    http://mgadgetzone.blogspot.in/advertisementz.html

    ReplyDelete
  37. Keep sharing ideas .... Your valuable ideas will help newbies to grew up into professionals..... Make Money , Blogging Tips

    ReplyDelete
  38. bagus sekali rasanya ingin mencoba AjaBingung terima kasih

    ReplyDelete
  39. CAN U HELP ME,,,HOW TO MAKE THE LIKE BOX BACKGROUND COLOUR BEING BLACK (SO PEOPLE CANT READ MY BLOG UNTIL THEY PUSH LIKE BUTTON)

    ReplyDelete
  40. I love that! Btw, can u make for twitter? so people will following me, just like fb popup above, thank u ^^

    ReplyDelete
  41. Free 10000+ classified websites list
    DETAILS FOR VISIT :
    http://www.kdpgroup4u.tk
    http://www.kdpgroup.co.in
    http://www.indiaclassified8.com
    http://www.kdpgroup.cu.cc
    CONTACT EMAIL : kdpgroup4u@ gmail.com
    CONTACT ME : +919614334100

    +919679711650

    ReplyDelete
  42. I want/wish to adjust my "poplike" position...more on top...what code to adjust or change? TQ.

    ReplyDelete
  43. everything seems gra8 but i am having one problem of this popup widget . when people click on like button then confirm button appears. cant we like without confirm ? and how to remove confirm . because on ur demo confirm not appears when we click on like button . i am waiting for you reply please reply ASAP . thank you.......

    ReplyDelete
  44. THANK YOU! MY QUESTION IS, HOW CAN I REMOVE FACEBOOK POPUP LIKE BOX IN MY BOG BECAUSE MY BLOG VIEWERS CANT WAIT UNTILL 30SECONDS FINISH. PLEASE HELP ME ON HOW TO REMOVE IT

    ReplyDelete
    Replies
    1. visit:Social media marketing
      You are brilliant. Thanks for your great shearing.

      Delete
  45. Thanks admin its really a good and hardworking job currently doing you are. This help me a lot to get more likes on my Facebook page, Thanks again. Visit http://www.filmaxtv.com 4 watch UK, USA Worldwide HD Tv channels online Free :)

    ReplyDelete
  46. I used to buy diamonds for this game until a friend told me about the Hay Day Hack from here: Clash of Clans Cheats It really helped me and I hope it will help you too. It also gave me coins and doubled my experience.

    ReplyDelete
  47. This blogger gadget is pretty cool, helped me get more facebook page fans. thanx for sharing.

    ReplyDelete
  48. The answer to this question is yes, you can buy facebook fans at cheap price. For you to buy
    the fans at cheap price you need to research and identify reputable sites selling the fans at
    low prices. A great way of researching is by reading the various reviews given by different
    people. You should keenly read the reviews and you will identify several sites with the
    highest number of positive reviews. Once you have identified two or three sites that have
    many positive reviews, you should visit these sites and see the price that they sell their
    fans. You should note that you can get thousands of fans for as low as $20; therefore, if you
    find a site selling you the fans at prices higher than this, you should avoid the site as much
    as possible.

    ReplyDelete
  49. very informative articular, Thanks for sharing this
    http://www.mybloggertools.com/

    ReplyDelete
  50. Terima Kasih Guru ..

    http://www.dengar-radiofelda.blogspot.com

    ReplyDelete
  51. Great Post :)
    http://www.onlinetutszone.com/

    ReplyDelete
  52. I also created a Facebook Like box widget for blogger if you want that please visit Codeblogging.com

    ReplyDelete
  53. when i insert this code into my html my blogger drop down menu stopped working and when i remove this code drop down menu starts working again i tried it again and again please help me to fix this issue my blogger is bughlanirockers.blogspot.com

    ReplyDelete
  54. when i insert this code into my html my blogger drop down menu stopped working and when i remove this code drop down menu starts working again i tried it again and again please help me to fix this issue my blogger is bughlanirockers.blogspot.com
    email me the solution of this problem wafa.bughlani@gmail.com

    ReplyDelete
  55. hello blogger,i really appreciate your highly thought about this matter through your post.Obviously your post is very informative.If you update your Social account, please visit buy facebook likes For facebook Service.

    ReplyDelete
  56. Greetings dear,many many thanks for sharing such wonderful information with us.I am eagerly waiting for your next post.Kindly please visit buy real likes
    site for social information.

    ReplyDelete
  57. I must admit I have popped in a read a good number of your blogs but I have no idea how to post a response over there, so I'll tell you now how good you are at describing the stuff your at - I must admit I find it insightful to read your blogging. Keep up the good work. If you want to know more about a sites, please visit our website buy-twitter-followers

    ReplyDelete
  58. I'll give you a pat on the back just for the sheer effort in screencapping all those blogs.Giving a blog talk to beginner bloggers in the not-too-distant future, I'll be pointing people in the direction of your efforts. Nicely put together dude.Here is our small effort about buy-instagram-followers

    ReplyDelete
  59. Amazing post dude.It will be very helpful for begginers like me.Thank you very much for this important post.Waiting for your next post buy-instagram-likes

    ReplyDelete
  60. Really Nice I this what Im looking thanks :) - www.jobs9t.com

    ReplyDelete
  61. Homemade Pizza-how to make mini pizza at home without microwave oven, make mini bread pizza it very easy and simple to make, see full pizza recipe on this video you can make this at home.veg cheese pizza starters for party quick recipe.

    Homemade Pizza-How to make pizza at home-mini pizza recipe-quick pizza recipe

    Cook at Kitchen

    Subscribe Now

    ReplyDelete