To create a custom icon for your Blogger blog to replace the orange default Blogger icon, you will need to create an image with the following criteria:
- 32x32 (or 16x16) pixels in size
- PNG file format
Then in your blog's template HTML, insert the following line of code into the <head> section:
If everything is setup correctly, you will see your icon appear in the URL bar in most browsers:<link href='http://URL/imagename.png' rel='shortcut icon'/>
Notes: This code will only work in standards compliant browsers e.g. Firefox, Safari, Opera, etc. This code does not work in IE7. You cannot upload an .ico file to your Google Pages account and link to it in the head section and have it appear as an icon. It appears that Google Pages sends the incorrect mime-type. That is why this tutorial uses PNG.
Posts
4 comments:
Thank you! I am learning sooooo much from your blog. You Rock.
"Everybody Loves Raymonds Blog"
I can see that you haven't been active here for a while. Nevertheless I wanted to thank you for everything I have been able to do with your teaching!
I have grown increasling frustrated but believe persistance will prevail. I followed your direction to a tee but have fallen short again. I am using google apps and I am trying to change my favicon on my web page. Does it matter that this is not a blog page?
My website is www.southernmdlax.com
if that is helpful.
Post a Comment