Floating Facebook Like Box Widget For Your Website

Are you struggling to get more facebook likes? Add a floating facebook like box to your blog or website.  The widget remains in a fixed position on the right-hand side of your site.  When you hover over the blue facebook image, the like box will then slide and reveal itself using jquery.

View Demo

You can see a demonstration of this facebook widget on the right side of this page. Hover over the facebook image with your mouse. A facebook like box should appear.

Add Widget to Your Site

Step 1
Add the following code anywhere in the body section of your template. Or simply click the “add to blogger” button for blogspot blogs.

Step 2
If the floating facbook widget is not working properly after step 1, then you need to add jquery to your site. Follow the instructions below.

  1.  Go to Design>Edit HTML
  2. Search for <head> and just below it paste the following JQuery code.

How to Customize

Where to find the code?
In order to find the html go to the blogger dashboard>Layout. Click “edit” on the “HTML/Javascript” gadget.

Enter your facebook username
Search for the line of code below and replace theblogwidgets with your own facebook page username. If you don’t have a username you can easily create your own here.

How May I Help You?

If you’re still having problems with the getting the facebook box to display properly, let me know.  Comment below and I will be happy to assist you.
Cheers!

Leave a Reply