Final Cut Producer header image 1

Make an Interactive Facebook Badge with Javascript

July 12th, 2010 · No Comments

So copy and past this code in your blog sidebar or widget. Change the code of http://www.facebook.com/pages/The-Corporate-Assassin/8587727397 to the Facebook page you want to display.


<script src="http://static.ak.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US" type="text/javascript"></script><script type="text/javascript">FB.init("a6637eb1240c50dd7ea73686e1a78c53");</script><fb:fan profile_id="8587727397" stream="1" connections="10" width="300"></fb:fan><div style="font-size:8px; padding-left:10px"><a href="http://www.facebook.com/pages/The-Corporate-Assassin/8587727397">The Corporate Assassin</a> on Facebook</div>

Simple to do, go to the Facebook page you want to create a badge and copy the link in the address bar and replace the http://www.facebook.com/pages/The-Corporate-Assassin/8587727397 link.

Also change the profile_id in this line fan profile_id=”8587727397″ to the id # of the page you want to showcase. So, “8587727397” is the Corporate Assassin’s page # and I want to change it to Often Awesome The Series page number which is “106583139365159”.

One more change. At the end of the code…

>The Corporate Assassin</a> on Facebook</div>
change the name of Corporate Assassin to whatever you want to call your badge name. I changed mine to Often Awesome The Series.

All you have to do is make those small changes and you now have a javascript Facebook Badge that is more interactive and esthetically pleasing than the html badge that is now the only badge that Facebook gives you.

This is what the html Often Awesome The Series badge looks like.

Often Awesome The Series

Promote Your Page Too

And the Javascript Facebook Badge…

Thanks John Ford for helping me put code in my post…you are simply awesome.

Tags: Original · Personal

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment