Facebook Popup Like Box Widget for Blogger

Facebook Like Box is a social plugin similar to Facebook Like Button. It allows Page admins to attract and gain more likes to their Pages from their Website. This box will enable users to see how many people have already liked your Page including their friends if they are logged in to Facebook. This plugin can be used only to promote Facebook Pages.

With some customization, we can convert normal Like Box Widget into jQuery powered Lightbox widget.

Add Like Box Widget to Blogger

Go to Layout and click on “Add a Gadget” in sidebar or footer area. In popup, choose “HTML/JavaScript” Widget type. Paste the code in content box and click save.

Or, we can add the code directly in the <body>section of your Blogger template using the Edit HTML in Template.

See code at Pastebin.


Customize the code

Update your Facebook URL
Find http://www.facebook.com/Facebook and replace it with your site’s facebook page URL.

Change Delay time of Pop-up
Default delay time for popup is 10 seconds after page load. Search .delay(10000) in code and replace it with the new delay time.
1 second = 1000, 10 seconds = 10000.

Popup on every page load
This widget only shows up when the user visit page for the first time. If you want to load the like box widget on every page loads, then remove this line from the code.

Facebook like box widget doesn’t load?
By default, the like box widget only shows up once every 30 days. You may need to delete cookies from your browser or try in different browser to see it again.

Leave a Reply

Your email address will not be published. Required fields are marked *