Add a floating Facebook widget to any site

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.

3 Comments
  1. +Jason October 21, 2011 at 12:19 am

    In your skins editor, you should be able to edit part of the skin in text mode, you can use this code anywhere actually, and it should work just fine!

  2. Abdou October 5, 2011 at 11:05 pm

    Thank you so much
    Was looking for this but how to add it to vb forum??
    Tks again

Leave a reply

Skip to toolbar