PDA

View Full Version : How do you put the symbol next to the URL in a browser?

tabulator32
Jan 1st, 2006, 07:46 AM
If you look at the URL in the address window in your browser right now, you probably see the little ipod icon with the sound waves coming off of it just to the left of the podcast alley web address.

I know tons of websites do this all the time.

How is this accomplished and is it done through simple html?

i would like to set this up for my website with a tiny version of my mascot logo.

Thanks for any help!

8)
kcrockett
Jan 1st, 2006, 07:52 AM
basically its a icon file ".ico" you can see another example at my site applenewsnow.com. What you have to do is find the .ico file you want to use or create one. Then rename the name of the file from whatever it is to favicon. then you will have a favicon file then all you do is upload it to root folder of your hosting for your website and your good to go. It may take a bit for the browser to realize the change.
tabulator32
Jan 1st, 2006, 08:36 AM
Does it have to be a certain size in pixels?

Are you saying i can take "logo.jpg" and change its name to "favicon.ico" and upload it to my servr and all will be good?
JanesDaddy
Jan 1st, 2006, 08:53 AM
All your answers are at http://www.favicon.com
16x16 pixels is the usual size.
tabulator32
Jan 1st, 2006, 09:00 AM
Wow! I just found http://www.chami.com/html-kit/services/favicon/
and made my .ico in like two minutes and uploaded it to my site.

I don't see it yet but I'm still working on it.

Cool.

(and I did add the line of html to the <head></head>)
tabulator32
Jan 1st, 2006, 09:09 AM
Well, crap.

I thought i had it.

I'm not seeing it in IE or Firefox.

There is a file icon or somrthing but not the image I uploaded to the root.

Maybe I have to upload it as a gif and change it to an ico once its there like the hint said in case the server doesn't like .ico files.
kevdo
Jan 1st, 2006, 10:00 AM
I see it in Safari and Firefox on the Mac...
tabulator32
Jan 1st, 2006, 10:01 AM
Ah...I give up.
A Listener
Jan 1st, 2006, 10:05 AM
See it here on a PC using Firefox.
Try clearing your cache and then loading your page.
Metaphore
Jan 1st, 2006, 10:25 AM
Its there Kurt.

Reload your cache. Looks pretty good! grats!
tabulator32
Jan 1st, 2006, 10:39 AM
Thanks, all of you who responded letting me know its there.

I appreciate that!

I wonder why I can't see it!

I tried IE and FF on my mac desktop and IE and FF on my laptop PC.

No icon.

Oh, well. As long as everyone else sees it, I'm thrilled!

Thanks again!

8)
tabulator32
Jan 1st, 2006, 10:42 AM
Hey! I just saw it in Safari!

Still not IE or FF.

Either way, everyone else sees it. Cool.

8)
womengrow
Jan 3rd, 2006, 06:13 PM
For it to work in certain browsers you may need to add
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
(whichever your filename and path is) to the HTML header.

I also believe Favicon does not work in all versions of IE, no matter how you code it.
tabulator32
Jan 3rd, 2006, 06:38 PM
I did that based on the info I found in the link I posted above. I suppose I should have come back and mentioned that it DID eventually choose to show up after rebooting my computer a couple times.

I don't know what the delay was.

Anyway, thanks WG, and everyone else, for all the good advice!

I appreciate the help!
ChrisFitzpatrick
Jan 7th, 2006, 12:36 AM
I did that based on the info I found in the link I posted above. I suppose I should have come back and mentioned that it DID eventually choose to show up after rebooting my computer a couple times.

I don't know what the delay was.

Anyway, thanks WG, and everyone else, for all the good advice!

I appreciate the help!

Favicons are usually overlooked. Now, that you mention it, I finally see the PodcastAlley one. Mine is just the drupal logo. It's not a big deal to me, due to people come to the site for the content not for the favicons.
tabulator32
Jan 7th, 2006, 10:45 AM
I notice'em. I lik'em.

They help me find stuff more quickly when I'm going through my bookmarks.

8)
ChrisFitzpatrick
Jan 8th, 2006, 08:31 PM
I notice'em. I lik'em.

They help me find stuff more quickly when I'm going through my bookmarks.

8)

Well, if your organized then sure. But I'm just lazy and remember (or not) all the sites when I need them.
tabulator32
Jan 8th, 2006, 08:40 PM
Well, gee, dude...if you're lazy, then book mark'em so you don't have to type the first few letters each time.

8)
ChrisFitzpatrick
Jan 8th, 2006, 08:47 PM
Well, gee, dude...if you're lazy, then book mark'em so you don't have to type the first few letters each time.

8)

I'm just too lazy to bookmark them. I wish I took the time to be organized on my Windows box. I'm decently organized on my Mac though.
no1slistening
Jan 8th, 2006, 08:56 PM
http://www.chami.com/html-kit/services/favicon/

Does everything for you. Just upload your pic. It creates the file image and the html to put into your code. Easy as 1-2 ... well, you know.