By: Garin Kilpatrick

This Blog Post is a tutorial about how to install a Profile Box Button Widget to your Facebook Profile. By installing the Profile Box Application you are able to add custom html to your facebook profile page. By inserting links to your on-line profiles and copying the code in the post below you will be able to give your friends an easy way to connect with you on Twitter, Linkedin, and friendfeed.

When the widget is installed it will look like this:

The first thing you will need to do to install the Facebook Profile Box Button Widget is to search for and find the “Profile Box” application

Next you will need to install the “Profile Box” Application. Once “Profile Box” installed click on “Go to Application” (see image below)

After you click “Go to the Application” you will see a text box where you can insert code. This box is shown in the image below.

Into the text box shown above you want to copy the following code:

<div align="center">

<a href="http://www.twitter.com/yourtwitterusername">
<img src="http://garin.me/wp-content/uploads/2009/07/facebook-widget-1.png">
</a>

<a href="http://www.linkedin.com/in/yourname">
<img src="http://garin.me/wp-content/uploads/2009/07/facebook-widget-2.png">
</a>

<a href="http://friendfeed.com/yourffusername">
<img src="http://garin.me/wp-content/uploads/2009/07/facebook-widget-3.png">
</a>

<a href="http://bit.ly/p4lBI">
<img src="http://garin.me/wp-content/uploads/2009/07/facebook-widget-4.png"/>
</a>

</div>

You will need to make one simple change to the code. Switch the below to reflect your personal information:

http://friendfeed.com/yourffusername
(example: http://friendfeed.com/GarinKilpatrick)

http://www.twitter.com/yourtwitterusername

(example: http://www.twitter.com/GarinKilpatrick)

http://www.linkedin.com/in/yourname

(example: http://www.linkedin.com/in/GarinKilpatrick)

Once you have entered in custom links to your on-line profiles and copied the code click “Submit” and this will add the Widget to your Facebook profile!

If you do not have twitter, linkedin, or friendfeed I recommend you sign up! If you do not have time to sign up though simply delete the block of code containing the word twitter, friendfeed, or linkedin. You can always refer back to this post for the code needed to install a button you do not have at a later date.

I may create additional buttons if there is demand. What kind of buttons would you like to see available for this widget to make it better?