Printable View
Hello Everybody,
I would like to know that how do i put little icons in the address bar. Is there any kind of particular software available for it? Does any body have any idea about it? Can any body help me out with the correct logical solution for the above issue? Would be grateful to you if any body helps me out with the above issue.
Thank you.
I just figured out how to make those today. On your index.html page, put both of these in the header:-
<link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon"> make the hrefs point to your icon. This is formatted for a .ico format.
They're called favicons and they were championed by the folks at Favicon.com. Anyone can create their own favicon. Here's how:
1. Get a program to create 16x16 and 32x32 pixel images. We recommend you choose one of the following:
- Download Microangelo, an icon editor and creator.
- Use Favicon website for icon generator or download the free version of Icon Forge.
2. Design your icons. The larger one is for the desktop and the smaller one appears in the browser's address bar.
Notice how small this is and how little can be represented. Use a couple of colors and a simple design for a more recognizable icon. A symbol or letter works best.
3. Save the file as "favicon.ico." Some browsers look for this name by default.
4. Upload the favicon file to the root directory of your website. This is where you would also keep your index.html or default.html file.
5. Add a line of code to each page of your site -- or at least to each page you want the favicon to appear with. Here's the code:
Code:<LINK REL="SHORTCUT ICON" HREF="/favicon.ico">
For instance, when I look at the yahoo src code I see:
<link rel="SHORTCUT ICON" href="http://us.i1.yimg.com/us.yimg.com/i/us/my/favicon.ico"> When I type in the url of "favicon.ico", the logo opens up in the web browser.When I put a similar tag:<link rel="SHORTCUT ICON" href="http://www.soboard.org/favicon.ico"> but it does not show up on the address bar. The icon is "favicon.ico" and is uploaded to the root.
Just follow this link <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> and you should put this script between your pages head tags.