Blogging Tip #1: How To Add a Favorite Icon
Here are some instructions for adding a Favicon to your blog:
- You need an Icon (.ico) file that is 16x16 pixels in size. If it is not this size, the browser might ignore your icon.
- If you have an image file (JPEG/GIF) that you want to use as the favorite icon for your blog, you can use this online utility to generate an ICO file: http://www.html-kit.com/favicon or you can google favicon to find a similar resource. The utility creates a favorite.ico file and the cool thing about it is that it converts any size image into a 16x16 ICO file, but there will be a loss of resolution as it shrinks so it may not look alright. Check and see.
- Once you obtain the favicon.ico file for your blog logo, upload
it to your blog and add the following line to the header so that it shows
between the <HEAD> and </HEAD> section of your blog. In the URL
below, substitute username with your blog user name to make this
work.
<link rel="shortcut icon" href="http://blogs.sun.com/roller/resources/username/favicon.ico"/>
Watch Out For This:
I first tried to use a JPEG or GIF or PNG file for the favorite icon. This did not work or worked inconsistently. For example, when I used GIF, the favorite icon would show up only in the URL field in the browser, but not in the bookmarks list or shortcut bookmark button. Once I switched to .ico file, it works fine. Also, favorite Icon does not display in Internet Explorer.
Roller
Blogging
Blog
dl
Posted by Dan Lacher on June 02, 2005 at 10:30 AM PDT #