Dynadot โ€” .com Transfer

How To Do Something

Spaceship Spaceship
Watch

thetzfreak

Established Member
Impact
19
Many sites have their own icon up next to their url, such as NamePros. Next to the url, there is a little NP logo. How do I get my site to have one of those?

Thanks.
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
.US domains.US domains
The following is from HTML Basix (I just copy and pasted)
http://www.htmlbasix.com/favicon.shtml

1. Create a 16px X 16px, 16 colour image with either a .bmp or .gif extension.

Your graphics editor should have a setting for 16 colours. It needs to be 16px X 16px, anything other than this will be ignored by browsers most times.

Another option is to download a free icon editor and make your own through that.

2. Convert your image to the .ico format if it's .bmp or .ico.

You can't just rename the image extension - it HAS to be converted with a special program or it won't work. Use an icon converter, then save the converted file as favicon.ico. If you are creating several icons to use, call each one something different - but remember it needs to have the .ico extension.

3. Upload your favicon.ico into the root directory of your website.

The root directory is where your main index.html page is. Browsers look for the favicon.ico here. If you're providing a link in your pages to the icon, then you can store them wherever you wish - in a folder just for icons, on another server, as long as you provide the path/url to where it is so browsers know where to look for it.

4. Insert a link to it in all your pages that you wish to use the favicon.

If you have called your icon favicon.ico and you uploaded it into your root directory, you don't NEED to put any code in your pages. However, sometimes the favicon won't show for some browsers, so to put a link in might be a wise thing to do. You will also need to put a link in if you want to use something other than a file called favicon.ico or if your site is a subdomain or a free hosted site (ie: not your own domain name). This is because you need to tell the browser to look for THAT image for that page in THAT folder.

Put this piece of code somewhere between the <head></head> tags on your pages:

<LINK REL="SHORTCUT ICON" HREF="http://www.yourdomain.com/name_of_icon.ico">

If you have a 'secure' site, you will need to provide the path using https:

<LINK REL="SHORTCUT ICON" HREF="https://www.yourdomain.com/name_of_icon.ico">

Let me know if you need anything else

-Steve
 
0
•••
0
•••
Is every browser able to show this icon? I mean with the specific name.
 
0
•••
most of these favicons can only be displayed on mozilla browsers as far as i know...well i could be mistaken :)
 
0
•••
I have always wondered how to get that little icon thanks for the info
 
0
•••
I completely forgot about this thread :o Silly me. Thanks for that guys! I'm going to use that.
 
0
•••
thanks
 
0
•••
firefox displays them icons most of the time, but IE just seems to ignore them after a few visits, again another reason why you should choose firefox
 
0
•••
Dynadot โ€” .com TransferDynadot โ€” .com Transfer
Appraise.net
Domain Recover
DomainEasy โ€” Payment Flexibility
  • The sidebar remains visible by scrolling at a speed relative to the pageโ€™s height.
Back