Floating Facebook Like Box for Blogger & WordPress

Floating Facebook Like Box for Blogger

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.

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

* Do you like this story? Then why not share it with your Friends *
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you subscribe to our regular Email Updates!

Himanshu is a young engineer living in India. Currently working at LiveCareer as a software engineer. He is an ethical hacker & blogger too, doing lots of crazy stuff... If you seem interesting, go through his portfolio: www.himstar.info : "Open Source. Millions of open minds can't be wrong!"

Leave a reply:

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Site Footer

Sliding Sidebar

We are India’s largest Startup Community


We are team of ' Delhi Startups ' , most active startup community with strict spam policy.
We are making !deas happen..for future, business and jobs without charging anything, with connecting entrepreneurs.. It's a reason to trust on us.
Come and join or subscribe, we will defiantly give a reason to like us.

Our Facebook Page