Ask HTMiLy (3)

The last tutorials were pretty technical, so I'm going to scale it back a bit. I've had a lot of people ask me where I got my "connect with me" icons. I have one for Facebook, Twitter, Goodreads, and my RSS feed. There are thousands of icons for Facebook, Twitter, and RSS. I can not remember where I got mine from, but if you do a simple google search for Social Networking Icons, it will bring up oodles of them.

I only know of one place to get Goodreads icons. They were done by Farr Design and I could kiss them right on the lips for making these. They are fantastic. So, click the link and go download them. Once you've downloaded all the icons you want to use, you'll need to upload them to a image hosting site. I use Photobucket, but Flickr or PicasaWeb will work just fine.

You are going to want to grab the HTML Code from wherever you have your images hosted at. It will begin with <a href="

Now, create an html/javascript gadget for your sidebar and paste the HTML code from your photo hosting site into the text box area. Do this for all the icons you would like to use.

Now, when someone clicks on those images, it will take them to where they are hosted on the image hosting site. You need to change it to whatever link you would like it to go to. For instance, if I am doing one for my Twitter page, it looks like this:

<a href="http://s72.photobucket.com/albums/i177/namelocee/?action=view&current=Twitter-icon48.png" target="_blank"><img src="http://i72.photobucket.com/albums/i177/namelocee/Twitter-icon48.png" border="0" alt="Photobucket"></a>

I would change the writing in red to http://www.twitter.com/emsreadingroom. Make sure you keep your URL within the quotation marks.

After you've done all that, you should be good to go. If you want to make them centered on your sidebar insert <center> at the beginning of the text box and </center> at the end of the text box.

Let me know if you have any trouble with the code.

Do you have a question that you'd like answered on Ask HTMiLy? Fill out the form below and I'll do my best to answer it.