Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Tags Active Topics RSS Search Mark Forums Read

Reply
 
Thread Tools Search this Thread
  #1  
Old 24-03-2009
Member
 
Join Date: Dec 2008
Posts: 94
Little icons in address bar

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.
Reply With Quote
  #2  
Old 24-03-2009
Member
 
Join Date: Apr 2008
Posts: 1,948
Re: Little icons in address bar

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.
Reply With Quote
  #3  
Old 24-03-2009
Member
 
Join Date: May 2008
Posts: 2,008
Re: Little icons in address bar

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">
Reply With Quote
  #4  
Old 24-03-2009
Member
 
Join Date: Apr 2008
Posts: 2,001
Re: Little icons in address bar

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.
Reply With Quote
  #5  
Old 24-03-2009
Member
 
Join Date: May 2008
Posts: 2,293
Re: Little icons in address bar

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.
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags: ,



Thread Tools Search this Thread
Search this Thread:

Advanced Search


Similar Threads for: "Little icons in address bar"
Thread Thread Starter Forum Replies Last Post
Wrong icons present in address bar and favorites list of internet explorer 8 NigmA DogE Technology & Internet 4 14-04-2011 08:13 AM
Windows 7:All the icons are changed into generic icons Raju S Customize Desktop 5 01-03-2011 03:23 PM
Program Icons are changed to unidentified icons on Windows 7 Haviva Operating Systems 4 22-12-2010 04:31 AM
How to rearrange icons or move icons from one Home Screen to another on the iPad and iPhone Paul Guides & Tutorials 4 22-07-2010 12:36 AM
All my desktop icons are Adobe Reader icons can't access related files Dev-Datta Windows Software 4 26-06-2010 06:21 AM


All times are GMT +5.5. The time now is 09:16 PM.