I just found out how to add a favicon (that’s the little icon that shows up next to the address bar) to my blog and thought I’d share. The default for Blogger is the white B in an orange box, but that isn’t very memorable for your readers among hundreds of other Blogger sites.

Customizing Your Blogger Icon

1) Find an icon to use. It should be fairly simple so it is clear even at a small size. In case you need a place to start looking, I ran a quick Google search for icons and ran across IconArchive. Pick a category from the 32×32 pixel ones farther down the page, then find one you like and right click >> save to my computer. (I edited mine down to 16×16 pixels using my image processor, but I am told that 32 pixel images will work as well.)

2) Upload a png or gif version of your icon to your hosting site of choice. (I use Photobucket for things like this. I hear Picassa is also good.)

3) Go back to your Blogger dashboard and under the Layout tab, go to “Edit HTML”. You’ll see a line like the following not far down the page:

<title><data:blog.pageTitle/></title>

4) Right under this line, copy and paste the following. (Replace /png/ with /gif/ if your image is a gif.)

<link href=’URL of your icon file‘ rel=’shortcut icon’ type=’image/png’/>

5) Get the url of your image from your image hosting site and paste it between the quotes over “URL of your icon file.” (On Photobucket, hovering over an image brings up a window from which you can copy the “direct link.” Methods will vary depending on your chosen hosting site, but right click >> copy image location usually works.)

6) Choose “save template” and view your blog. You should see your shiny new favicon next to the address bar and on the browser tab. If you don’t you may need to refresh the page or clear your cache from Tools.

I got a lot of the above info from this site.