The subject line should actually say "Address bar logo..." Can someone tell me (DJ, you have one) how you create these little icon/logos that show up next to your URL in the address bar in your web browser?

Thanks!

Yea! Those are cool huh!

It's called a Favicon and it's not too difficult but some browsers don't like them and I've found that they're kind tricky to change on other people's browsers so you'll want to upload the right one the first time.

In Photoshop I created a 16x16 pixel workspace. Added what I wanted in the icon. There, I saved it as “favicon.ico” and uploaded the file to my server.

It won't work yet. First, add a line to the of the index page. Here's the line to add using XHTML standard formatting (if you're using HTML, leave off the / at the end of the line):

CODE

<link rel="Shortcut Icon" href="/images/favicon.ico" />

If you keep the ico file in the root (main directory of your server), then use this instead:

CODE

<link rel="Shortcut Icon" href="favicon.ico" />

That's it. The first time you try it, nothing might happen. Give it a little bit to take effect as that's what happened with mine.

I copied some of these directions from www.meryl.net but it's basically the same thing I did so I hope it works!

Thanks DJ! We'll give that a try!!

Thanks for asking that question. I was thinking about asking that very question. DJ, thanks for the techno info.

Kurt

Hey, I got it to work! They are so cool.

But for some reason, I couldn't get it to work with the html code. So I deleted it and now it works great with just the favicon on the server.

Sweet! I think the new browsers are probably built to look for them whereas the older ones you had to tell them...another thing I've noticed was that if I changed the icon I would have to go and delete on my computer and then click and move it in the address bar to get it to replace - weird...but it worked!