How to Add Facebook Page Promoter Lightbox on Blogger Blog

If you are a regular reader to RealTimeTricks posts you have seen that we are using a Facebook pop-up box which appears to visitors on their first visit (and not on their every visit). It helps RealTimeTricks get lot of Facebook fans just by visiting any of the post on this blog. To display Facebook pop-up box on RealTimeTricks we use this plugin but it won’t work if you are on blogger, blogspot doesn’t support WordPress plugins. To display same Facebook pop-up box (Facebook page promoter lightbox) on blogger blog you need to insert some code and that I’ll tell you in this tutorial.

Few hours back I received an email asking to write a tutorial on “how to add Facebook page promoter lightbox on blogger blog” so this tutorial is for Emmy and to all who want to display Facebook pop-up box related to WordPress plugin that I’m using now.

Name: Emmy
Message: would you please share a tutorial or widget for Facebook pop-up box which you are using. share it according to blogger’s blog.

Time: Friday December 14, 2012 at 12:48 pm
IP Address:
Contact Form URL:
Sent by an unverified visitor to your site.

Add Facebook Page Promoter Lightbox on Blogger Blog

To add Facebook pop-up box you need to follow-up some code and before you go on adding code in your blog let me inform you that this will save IP addresses of your visitors. It means when visitor land on your blog or any sub-pages this will store their IP address and won’t appear to that visitor again for next 7 days. However, you can set this interval according to your own choice but I strongly recommend that changing the time period will make this pop-up box appear to that particular visitor again and again which might look weird to visitor.


Steps to Add Facebook Pop up Box

Go to your blogger account and select your blog (if you have more than one blog you have to select).

Step-1. Now go to Layout option.


Step-2. There click on Add a Gadget.


Step-3. Use HTML/JavaScript Widget.


Step-4. Paste the following code inside that box.

Step-5. Hit Save Arrangement button and click on preview to check the changes.

{code type=codetype}


Customize Facebook Page Promoter Lightbox

  • Before adding the code change RealTimeTricks with your Facebook fan page username.
  • And to change the time period search for *7 and replace it with the number you want.

Comments are welcome! Please do share this article if it may have helped you in any way! Also Like – Facebook & Follow us – Twitter to get connected. Thank you, softsindia.

Published by

Irfan Siddiqui

Irfan Siddiqui owner of RealTimeTricks where he helps others with blogging tips, tech news, gadget tips and other great updates. Follow him on twitter via @RealTimeTricks to keep in touch with him or catch him on Facebook

30 thoughts on “How to Add Facebook Page Promoter Lightbox on Blogger Blog”

    1. I think you didn’t read about cookies that this save every time you visit a blog and keeps it away from you for next 7 days. That I think won’t annoy you.

  1. Hi Irfan,
    that sounds very attractive. And special thanks for explaining the cookies thing and dispelling our doubts as to potential visitors’ annoyance. I totally agree with you that popup can be a perfect solution for building a Facebook community. Most visitors are in a hurry and have no time to search for the ‘join us on FB’ button on a sidebar. In this way, we simply minimize the effort required for joining the community. Thanks for sharing your experience

  2. Nice post and clearly explained 🙂 As a blogger i find using a lightbox as a great way to increase the amount of Facebook subscribers my blog has as readers are far more likely to click on it than if you just had a widget in the sidebar .

    1. If you have followed each steps carefully then it would have worked. I have tested myself and there are many who have used this technique to add facebook page promoter lightbox on blogger blog.

  3. does it works other than the blogs…
    like i want to implement it on my web application in local server???

    1. Hey Nikhil, I’m sorry but currently I don’t think this should work with application. But you are always welcome to tweak the code as per your needs.

      And, if you are successful do sent the way to us so others may also find benefit with it. Thanks for your comment!

Leave a Reply to Diane Clark Cancel reply