~ Facebook Fan Page Widget ~

I was just taking a peek at my Facebook fan page today and saw something new!

So of course I had to click on it and see what new fun awaits me. It turns out to be a widget that you can add to any website! I just added it to this blog. Check it out on the left side and, of course, please feel free to become a fan!

It's pretty cool! You can customize it to only show the button and/or a stream of your page and/or your fans using their user interface.

The default settings make the widget too wide for my blog, so I went in and tweeked it a little. Originally, it was:

<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("3bcba26752579364322c73188e0fac77");</script><fb:fan profile_id="44465104723" stream="1" connections="10" width="300"></fb:fan><div style="font-size:8px; padding-left:10px"><a href="http://www.facebook.com/pages/Germantown-MD/Happy-Cloud-Moments/44465104723">Happy Cloud Moments</a> on Facebook</div>

I had to change the width, height and connection to make it fit perfectly into the left column. I decreased the width. I had to take out a connection (fan picture) because it could only show 3 per row and the default 10 makes one picture stick out near the bottom. I also made the height bigger to compensate for the decreased height.

<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("3bcba26752579364322c73188e0fac77");</script><fb:fan profile_id="44465104723" stream="1" connections="9" width="200" height="625"></fb:fan><div style="font-size:8px; padding-left:10px"><a href="http://www.facebook.com/pages/Germantown-MD/Happy-Cloud-Moments/44465104723">Happy Cloud Moments</a> on Facebook</div>

I know all that code looks scary, but it's very easy to change. You can get more info on the Facebook wiki page. I hope this is helpful. Let me know if you have issues customizing it for your blog/site and I'll look at it for you.