Thursday, February 24, 2005
How to put a favicon on your blogspot site
thing.
Except this site, of course.How to make an icon
Ask your underemployed graphic designer friend to make you one, since you've been keeping him in lattés for the last few months.
Alternatively, you can go download The GIMP, create a new 32x32 image, or work with a larger image and shrink it down (the bicubic smoothing will make it look like you're the most meticulously pixel-conscious son of a bitch on earth.)
Now, The GIMP (the 'The' seems to be mandatory, much like The Cheat.) doesn't support saving as .ico, so you'll need another program for that. There are about a million shitty pieces of $29.95 shareware at download.com that claim to be icon editors, one I found that was decent and free was Stardock's IconDeveloper Free. It pretty much does exactly the same job as any number of Windows 3.1 programs I had back in about 1993 or so. Just save a 32x32 pixel version of your image from GIMP as a .bmp file and load it up in IconDeveloper, and save it as a .ico file. Simple.
The important part is to also create a 16x16 pixel version, which IconDeveloper lets you do easily, and will save it in the same file.Putting it on your blog
If you host your blog yourself then you just need to stick the file into your web space's root directory.
But if, like me, you just have a lame-ass blogspot site, because you're not cool enough to fuck with Movable Type anti-comment spam plugins all day, you can just stick your .ico file on the web somewhere, I use my own personal web space, you can probably even just point to some other web site's favicon that you like.
Once you have a URL for a favicon you want, just add the following HTML to your blog template's <body> section:<link rel="shortcut icon" href="http://yoururl.com/favicon.ico" type="image/x-icon" />
And that's it. HTML stolen from Atrios.
