Favicons

Its pretty easy to create a favicon.  IE7, however, doesn't seem to like .png favicons; an .ico file is a better choice.  If you've drunk the MS koolaid, here's how to do it:

Grab a copy of Paint.NET from here.  Once you have it installed, grab the icon creation plugin from here.  With both of these installed, you can now create your favicon for free.

Open up Paint.NET and create a new image.  I prefer to work at a larger scale and then shrink the file down before saving.  Your milage may vary, however.  No matter what, make your drawing very simple and keep the colors to a minimum. 

Using the Save As dialog, you can save your drawing as an icon.  Just select *.ico from the bottom combo box and save your file with the name "favicon.ico".  It must be called this to work reliably.  You'll be prompted to select what resolution(s) to save inside of your .ico file.  Icon files actually contain multiple images in different resolutions and color depths.  For a favicon, you only need one--16x16 8 bit.  Select only that item and clear all the rest. 

Once your icon is saved, upload it to your images folder.  After its uploaded, go to your templates and open the template called "header".  At the bottom of this template, BEFORE </head>, add the following two lines:

<link rel="shortcut icon" href="/images/favicon.ico" />
<link rel="icon" href="/images/favicon.ico" />

Supposedly you only need the first one, but fucket.  Be safe.  Anyhow, after doing this try reloading the main page of your blarg .  You should now see your favicon next to the URL and in your page's tab.  Congrats.  That fucking cherry's been getting on my nerves lately...


Press butan, recieve imagelet. Hover for preview. Imagelets are pasted at the end of your comment. Think ahead.


Comments are disabled. Post is locked.