Add jQuery Pop-Up Facebook Like Box to Blogger

One of the best ways to increase your Facebook fan page is to add the Jquery Pop-up Facebook Like Box to your Blog. Once this widget is installed on your blog, your visitors will be shown a pop up box with the option to like your Facebook page whenever they visit your blog. This widget can also be customized to only appear on the first visit of your blog visitors so that it won’t be reappearing on every visit to your blog.

Pop-Up Facebook Like Box for Blogger


How to Add Pop-Up Facebook Like Box Widget to Blogger

==> Copy and paste your Facebook Page URL into the widget generator below
==> Select Yes in the “One Time Open Pop-Up” option if you only want it to appear to visitors on their first visit to your blog or No if you want it to appear often
==> Click on Generate button and then Add to Blogger button to add the Facebook Like Box Widget to your blog.

I love sharing my knowledge with others. Feel free to contact me with any questions you may have. Please subscribe to the newsfeed and get updates through email, share this article with friends, or leave a comment below. New users can read about me HERE

Share this on:Share on Facebook154Tweet about this on Twitter7Share on Google+9Pin on Pinterest2Share on StumbleUpon0Digg this


  1. Thanks mehn, you made it easy with your explanation kudoz.

  2. Thanks Brother For Sharing Jquery Facebook popup for blogger,

  3. Thank you. I have done it on my blog - It is very easy and quick……

  4. Julie Anne says:

    Thank you so much! This was super helpful!

  5. You made this so easy. Thanks Justnaira.
    see my blog and how it worked so well

  6. Thank you

  7. ดูดไขมันต้นขา says:

    Awesome article.

  8. Awesome! Its in fact amazing article, I have got much clear idea on the
    topic of from this article.

  9. Thank you for sharing your info. I truly appreciate your efforts and I am waiting for your further
    post thanks once again.

  10. Fredric says:

    My brother recommended I might like this web site.
    He was totally right. This post truly made my day.
    You ccan not imagine just how much time I had spent for this info!

  11. Clarence says:

    Hi to every body, it’s my first pay a visit of this weblog; this website includes amazing and
    really good material in support of readers.

  12. javedisaac says:

    It is a Awesome method of Adding Gadget in to our blogs,
    I Rely appreciate your Hard work and thanks for sharing this outstanding information

  13. How do I delete this widget?

  14. Rebeccah Monyei says:

    Segun! Dude! You are awesome! I wanted a popup with a visible “X” button, that also matches the current layout of my blog, so happy I found yours. It looks fantastic! Thank you for sharing! ^_^ If you got some time, take a look at it http:// nollywoodspotlight. blogspot. com/

  15. Great blog you have got here.. It’s hard to find high quality writing like yours these days.
    I honestly appreciate people like you! Take care!!

  16. Hi Segun,

    I really like your tool… but I’m afraid it don’t work on my blog… I tried it, put it in a widget box… but when I open my blog in a browser – doesn’t matter which browser – nothing happen… no box appears… what did I do wrong…

    Maybe you could give my blog a short visit and tell me if you see anything… otherwise maybe you could give me a hint what did I do wrong…

    Thanks anyway – have a wonderful sunday evening… best regards from germany
    Annie of Annies Beauty House

  17. Pls, Mr. Segun. i tried the facebook pop-up for my blogger using your method.
    The pop-up came up but, didn’t show anything on it. The like button wasn’t there, neither is the facebook url related to my blog showing.
    What can i do? Please

    • Junior, Below are the two likely things that might caused that:
      1. make sure the url you entered is for your Facebook fan page.
      2.It might not show to you if you are using Facebook as your page. You have to switch back or log-out from Facebook.

  18. How can I change the black background color in the text “Receive all updates…” Thanks for the big help

  19. how to remove pop up like page ?

    • Go to your blog dashboard ==> Layout ==> search all the HTML/JavaScript widget for the widget that contains the jQuery Pop-up For Facebook Like Box code and then remove it.

  20. derick david says:

    Doneeeeeeeeeeee big up admin

  21. @Aloy Son, maybe you are missing something. Make sure you entered the correct Facebook Page URL.

  22. codes doesnt work

  23. @Joy Adalia, Choose yes in the “One Time Open Pop-up” section on the generator.

  24. joy adalia says:

    Hi! I would like to change the option to just a one-time pop up…it is already asked above but how is that done if I’m not a programmer? I tried deleting some parts that look like part of the code but the box still pops up like the one you see here:

    I want it to change to just a one-time pop up.


  25. Padamraj Thami says:

    i want to just adding blog in here.

  26. recently i bought a pre-made template and my like pop out stopped working. How can I fix this? I’ve tried re-installing, still no pop out.

  27. @Adegboyega Akintade, which hanging one did you install?

  28. Adegboyega Akintade says:

    It was working until I installed d hanging one. Can’t I used two together?

  29. ibrar zahid says:

    its work thanks

  30. thanks alot sir, yhis pop up widget is displaying beautifully

  31. Sir, please will this effect my google adsense?

  32. thanks bro, i have just added it to my blog

  33. @Places u like, go to Template and search all your HTML/JavaScript widget. Any of the widget that has the code like (“.jnslikebox”) is the Facebook popout widget.

  34. hi admin!i have wrongly selected ok while adding this gadget and know it has become a kind of headach,opens on every click.I want to remove it so that i could select yes for one time option but it doesnt apear in my layout.please help me out!

  35. You are all welcome.

    @Iyanu ajao, website badge as how? do you mean Facebook Badge?

  36. iyanu ajao says:

    please could you show that for adding a website bagde

  37. iyanu ajao says:

    thank you for this facebook asiri

  38. Bright Concepts 4 Teachers says:

    I have been trying to figure this out for awhile now. Thank you for your help and making the steps super easy to follow.

  39. Really Nice Amazing Thanks For Sharing This popup :) like box

  40. please my guru, help me out how can i create my fan page for my blogspot please help me out

  41. it’s work perfectly. thanks pal. 😀

  42. @Kanyinulia, make sure you’re using your real facebook page link and not your profile link.

  43. Hi..not working on my blog. besides whats with the google code and tracking

  44. @adams shaibu, what type of business? I mean is it online or offline?

    @Supun Madhushanka, you must have followed the wrong process, this is working. You can check out a demo on

  45. Supun Madhushanka says:

    it didin’t work

  46. adams shaibu says:

    pls what can of bussiness can i start with N50,000

  47. @Gosvic David, you’re welcome.

  48. Gosvic David says:

    A great one here and a good job friend, this is quite helpful. Thanks everyday for this.
    Wish you success

  49. @Riinzy, glad it work for you.

  50. Segun,you are good,i have been looking for this for a while now.Thanks for the info.

Tell us what you're thinking...

All comments are moderated.

* Denotes required field.