Header Ads Widget

Responsive Advertisement

Ticker

6/recent/ticker-posts

How to Add Floating, Sliding Facebook Like Box Widget For blogger blog

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. 
Floating, Sliding Facebook Like Box Widget.jpg

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!

 

Post a Comment

0 Comments