This is alpha code and is not intended for those unfamiliar with PHP and/or the WordPress API.

You will also need to be familiar with the WordPress widget API.

1. Create a Facebook badge
2. Copy the script code they provide following a successful build

   <script src="http://badge.facebook.com/badge/xxxxxxx.js"></script>
   <noscript>
   	<a href="http://www.new.facebook.com/people/xxxxxx/xxxxxxx">Facebook profile</a>
   </noscript>

3. Add the following PHP function into your widget.php file with the generated code between the badge tags

   function widget_facebook($p)
   {
   ?>
   <li>
   <!-- Facebook Badge -->
   <script src="http://badge.facebook.com/badge/xxxxxxx.js"></script>
   <noscript>
   	<a href="http://www.new.facebook.com/people/xxxxxx/xxxxxxx">Facebook profile</a>
   </noscript>
   <!-- /Facebook Badge -->
   </li>
   <?
   }

4. Register the widget with your sidebar in the function.php script

   if ( function_exists('register_sidebar_widget') )
   {
   		register_sidebar_widget(__('Facebook'), 'widget_facebook', '');
   }

5. Make sure you have dynamic sidebar enabled in your sidebar.php script

   <div class="sidebar">
   <ul>
   <?php
   	if (function_exists('dynamic_sidebar'))
   	{
   		dynamic_sidebar(1);
   	}
   ?>
   </ul>
   </div>

6. Finally, update your stylesheet to override the Facebook style settings.

   .fb_root_vert
   {
   	width:195px !important
   }
    
   .fb_vert
   {
   	width:193px !important
   }
    
   .fb_object table tr td
   {
   	width:185px !important
   }
    
   .fb_badge > a
   {
   	display:block !important;
   	padding-left:50px !important;
   }
    
   .fb_badge
   {
   	background:#3B5998 !important;
   	margin-bottom:8px !important;
   }

Now that you have the code, you can add the widget to your sidebar through the WordPress widget administration screen.

That’s all. Enjoy.