I added a "favicon" to my blog. You should be able to see it in the address bar at the top of the screen (if that line isn't hidden in your preferences). It looks like this little picture only smaller, and it's a ico (icon) file instead of a gif.I made the little picture in Photoshop as a 64x64 pixel image. It needed to be half that size (figured I could shrink it) and the dot ico file is not a standard option in Photoshop CS3. However, you can download an add-on that saves your picture as an icon. I did that and resized the image to 32x32, then saved as an ico.
Next I needed to upload the icon to a server that accepts that format. No problem. My Javins.com page (hosted on Virtual Avenue) did not have a favicon so I put it there and made it do double-duty by calling up the icon in the header code:
<link rel="SHORTCUT ICON" href="favicon.ico">
For this blog, I opened the template and added a similar line, expanding the HREF path to the site where the file resides, and typing in a closing slash to make it XHTML-compliant. For clear instructions see Tips for New Bloggers.
Your favicon is so much prettier than mine. I am going to have to do some upgrading now I think!
ReplyDeleteEventually it stopped showing up. That turned out to be because Google didn't trust anything linked from http: instead of https: so I updated the link and it came back.
ReplyDelete