Many tutorial gives you how to add floating Facebook like button. Now I came up with new tutorial for adding floating Facebook like box to Blogger and WordPress. This is a great way which requires almost no space and it looks more attractive than that of simply keeping the like box.

You can take a demo tour before process:

Demo  

Adding JQuery Plugin:

This is only required if you don't have jquery library in your Blog header and almost rare to your blog missing such plugin/library. But still if your blog don't have latest jquery then add below code before closing of head.

Don't need to add WordPress users because WordPress already running with latest Jquery. If you have static/dynamic website else from WordPress or Blogger then you should add below code.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>

Adding To Jquery To Blogger:

1. Sign in to Blogger
2. Go to your Dashboard>Design>Edit HTML
3. Add this code above the closing of head tag in your HTML file:

Adding Facebook Floating Widget Code:

For Blogger:

1. Go to Design>Add a Gadget>HTML/JavaScript
2. Add This code to HTML/JavaScript Widget

For WordPress:

1- Goto Widget> Add Text/Html Widget and paste above code.

For Static/Dynamic Site:

Simply paste above code before closing of body tag.

Replace http%3A%2F%2Fwww.facebook.com%2Fmytricksway, with your Facebook fan page URL.

Remember- Before replacing URL, replace these symbols:
: with %3A
/ with %2F

You can also change floating image by replacing http://works.tricksway.com/Floating-Facebook/img/facebook.png

Let me know if you are facing any issue or want to discuss anything else.

----------------------------------------------------------------------------------------------------