Since I just posted some freebie icons in my new Fun Stuff for Your Blog feature I thought I should do a short tutorial on how to add those to your site as well. If you have any questions feel free to ask.
First, you need to upload your new icons to a image hosting site like Photobucket. Next add a HTML/Javescript gadget to your sidebar. Then your going to copy and paste this code below into your the gadget:
<a href="YOUR URL" target="_blank"><img border="0" alt="SITE NAME" src="DIRECT IMAGE LINK" /></a>
Your going to have to include your info in those spots. For the site URL you need to put the link to your profile. For example: https://twitter.com/Loriimagination
For what site is you would put Twitter. Then for the image URL you get the direct link that the image hosting site gave you. The finished code will look like this (except with your links)
<a href="https://twitter.com/#!/SouthernBBs" target="_blank"><img border="0" alt="Twitter" src="http://i913.photobucket.com/albums/ac339/Loriimagination/southern/sbbtwitter.jpg" /></a>
You’re going to repeat that for every icon that you want to add (all in the same gadget). You will just add in your links for all the different sites you want, like Facebook, Goodreads etc.
The last thing you want to do is center them. It makes the look better most of the time. So at the very beginning of your codes put this <center> and at the very end put this </center>.
Save and you will will have some icons on your site!