Floating Facebook Like Widget

Floating Facebook Like Widget
Floating/Sliding Facebook Like Widget
Friends today i was thinking to make some different type of facebook like widget so that instead of struggling  you can get much likes.
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.
 


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 toolsvalley with your own facebook page username. If you don't have a username you can easily create your own here.

No comments