how do I add my web logo to the address bar in the browser? I don't know too much about html, so hopefully I can do it in dreamweaver with a few clicks.
Thanks to those who help out!
Thanks to those who help out!
Got a tip for us?
Let us know
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
how do I add my web logo to the address bar in the browser?
- Thread starter Kyle Nerder
- Start date
- Sort by reaction score
Can't tell you how to for sure but it's called a "favicon". I'm sure google will assist with that.
check this out
http://www.favicon.com/
for information
or this site will do it for you
http://www.chami.com/html-kit/services/favicon/
http://www.favicon.com/
for information
or this site will do it for you
http://www.chami.com/html-kit/services/favicon/
Make your 'favicon' image (for example, in GraphicConverter) at 16 x 16 pixels. Save two copies: favicon.png and favicon.ico.
Then add these into the <head> section of your index.html page:
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="favicon.png" type="image/png" />
Then add these into the <head> section of your index.html page:
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="favicon.png" type="image/png" />
mustard said:
I used chami and it worked very easily. It adds a nice touch to your page.
I can't stand it when I visit a commercial page from a large company and they don't have one. It counds silly, but it is a great detail.
MrSmith said:
OK. And where do I store the images? In the same folder level as my index.html file?
In my example, yes. If you want to put the favicon images in a sub-folder, (let's say, in a folder called 'images') then the links would read:
<link rel="images/shortcut icon" href="favicon.ico" />
<link rel="icon" href="images/favicon.png" type="image/png" />
<link rel="images/shortcut icon" href="favicon.ico" />
<link rel="icon" href="images/favicon.png" type="image/png" />
Sweet!
Thanks, dudes -- that was pretty easy!
BTW, at first it didn't work because I put the code at the very bottom of the <head> section and I think it was after some comment code or something. (I'm a wimp -- I use GoLive.) So I moved it to the top and...Voilà!
Nice.
Thanks, dudes -- that was pretty easy!
BTW, at first it didn't work because I put the code at the very bottom of the <head> section and I think it was after some comment code or something. (I'm a wimp -- I use GoLive.) So I moved it to the top and...Voilà!
Nice.
Gah!
Thanks for this thread, I'm going to add one to my site this weekend!
-whoa, I actually remembered my FTP login and did it in text edit! Sweet!
http://www.mattpipes.com
Hey, it would be cool if you put your URL out there so we could check out your site now spifified with your cool new favicon.idea_hamster said:
Thanks for this thread, I'm going to add one to my site this weekend!
-whoa, I actually remembered my FTP login and did it in text edit! Sweet!
http://www.mattpipes.com
Peyton,
Have you tried removing the 'P' and the space in your hrefs?
i.e. replace the links with these:
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="favicon.png" type="image/png" />
And change the name of the images as well, of course.
Have you tried removing the 'P' and the space in your hrefs?
i.e. replace the links with these:
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="favicon.png" type="image/png" />
And change the name of the images as well, of course.