Page 1 of 1

Icon next to URL address?

Posted: Tue Oct 03, 2006 3:17 am
by jenstewart
I've noticed that some of the blogs have personalized "icons" next to their URL address when you pull up their page. Is this easy to do? And if so how do I do it?

Thank you!

Posted: Tue Oct 03, 2006 3:57 am
by azel
It's very easy. :)

First create your icon. You can go here to the chami.com website to create it for you: http://www.chami.com/html-kit/services/favicon/

All you do is select your picture and it will resize to the proper dimensions/format (favicon.ico will be your filename)

Then in between the head tags in your template's index.tpl, insert a line like this:


<link rel="icon" href="www.yoursite.com/favicon.ico" />

Put the favicon in your root folder (or anywhere you choose, as long as you type in the correct URL to your favicon)

Hope that helps!

Posted: Tue Oct 03, 2006 5:35 am
by jenstewart
thanks so much, I can't wait to give it a try!

Posted: Tue Oct 10, 2006 8:08 pm
by jenstewart
I just tried several times and it doesn't seem to be working. I paste <link rel="icon" href="www.jenstewartphotography.com/favicon.ico" /> exatly as it's shown here correct? quotation marks and all?

Maybe I'm not pasting it in the correct place in my index.tpl file. I may not be placing in between the head tags. Though I thought I was.

Or maybe I'm not uploading the correct file to my root folder. When I downloaded the favicon it created a zip folder. I extracted it and in the favicon folder there was a facicon and then a folder with animated_favicon1 preview_16x16 transparent and a read_me file. What exactly do I upload? The ENTIRE favicon folder (with the favicon in it along with the folder with additional files) or just the inital favicon. Does that make sence?

Posted: Tue Oct 10, 2006 8:12 pm
by jenstewart
NEVERMIND! I got it! Thank you!!!!

Posted: Wed Oct 11, 2006 3:46 am
by azel
Cool, I like it!

Posted: Wed Oct 11, 2006 6:33 am
by jenstewart
Thank you! :D

Posted: Tue May 06, 2008 5:32 pm
by judebert
I believe you need to use a valid URL as the href. In his case, that would mean either adding http:// before the domain, or removing the domain altogether, leaving only the /favicon.ico, and therefore indicating that the file was in the root htdoc directory of the current domain.

You don't actually need a link line in your webpage. If no such line exists, the favicon will be fetched by default from http://domain/favicon.ico (the root of your htdoc directory). Simply place the file there, and everything will work as expected.