Wednesday, December 13, 2006
Adding a shortcut icon
First select an image or create your own (I blatantly lifted mine several months ago from somewhere). Upload it to FavIcon from Pics, which immediately converts your image into a *.ico, icon file. They also give you a *.png version of that same image which you will need for Blogger. Download and extract these files to your computer.
Then open a "Create Post" window in your blog and use the "Add Image" feature to upload the *.png version of your icon to your blog. (You should know that you don't even have to publish this post to be able to use it in your template.) Now click the "Edit Html" tab in your "Create Post" window and highlight the icon that you just uploaded - note that Blogger adds all sorts of language to manage the image, but all you need for this is the part in the second half that identifies the url in blogger where the icon is located - it starts with 'http' and ends with 'png'. Don't select the quote marks...
Now in another window (or tab) open your "Edit Template" and insert the following tag anywhere between the (<)head(>) and (<)/head(>) tags inside the template (remove the parentheses):
(<)link rel="shortcut icon" href="favicon.ico"(>)Go back to the "Create Post" window and copy the url location of the image that you had just highlighted and paste it into the new line you just added to your "Edit Template" window, replacing the words 'favicon.ico'. That's it. Hit your preview button to see if it worked.
Now that I've written it all out, it seems kind of complicated, but if you've done any work with html editing it shouldn't be too hard to figure out.