Now Reading
Add a floating Facebook widget to any site
3

Add a floating Facebook widget to any site

by Jason GreenAugust 1, 2010

Here’s the easiest way to quickly add a floating join us on facebook badge on your website. What do I mean by floating? When you scroll up and down it stays in the same place, when makes it look like it’s floating.

Here’s the code snippet:

 <div style="position:fixed; bottom:10px; right:10px;"><a href="http://www.facebook.com/Green.Complex" target="_blank"><img title="Join our Facebook Fan Page!" alt="Follow us on Twitter" src="http://i47.tinypic.com/abjxva.png" border="0" /></a></div>

Where it says facebook.com/Green.Complex just change that link to your own facebook fan page link, then place that code anywhere on your page. WordPress users could place it in their theme’s footer.php to make it show on everypage, or on single.php to make it appear on posts only.

I would also recommend uploading your own image to your server and changing the image to something that matched your site better.

About The Author
Jason Green
The writer and owner of Green Complex, Jason is an A+ Certified for Computer Hardware egghead and Eagle Scout since 1999 but has been building computers and programming for much longer. An enthusiast to say the least, his hobbies also include photography, video games, and reading. See his proficiencies on Smarterer.
3 Comments

You must log in to post a comment