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.
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: 22.214.171.124
Contact Form URL: http://realtimetricks.com/
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-4. Paste the following code inside that box.
Step-5. Hit Save Arrangement button and click on preview to check the changes.
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.