I.T. Discussion Community!
-Collapse +Expand
Design
Search Design Group:

Advanced
-Collapse +Expand Design Store
PRESTWOODSTORE

Prestwood eMagazine

December Edition
Subscribe now! It's Free!
Enter your email:

   ► KBWebsite Design   Print This     
Part of the mo. lesson in the Jan 16 Issue of Prestwood eMag
Design Code Snippet:
 A flashcard from our Design Flashcards Library
 A code snippet from our Design Code Snippets Page
SHORTCUT ICON

Get rid of the boring default icon on your website.  Add a custom icon!  Most browsers support .ico and the most popular ones will show any standard web image. 

Follow this easy step by step to add one to your web page or site.

Example: This is Prestwood.com's icon. 


Images must be 16x16 pixels.  I use GIMP to create mine.

Normally, save as a .ico file in the root of your site or in any unsecured folder.  I usually put them in "/images", and I usually name it favicon.ico or favicon.gif.

Add this to the header section of your AJAX Master page or any aspx/htm/html/shtml page.

<link REL="SHORTCUT ICON" HREF="/images/favicon.gif">

Some browsers even support ANIMATED gifs.


Comments

1 Comments.
Share a thought or comment...
First Comment
Comment 1 of 4

Does this technique work for all browsers? I've always used a combo approach with "bookmark" too as follows:

<link rel="shortcut icon" href="/favicon.ico">

<link rel="bookmark icon" href="/favicon.ico">

Is my technique outdated now

Posted 10 years ago

Comment 2 of 4

Interesting. I had heard that some older browsers ignore it, but not that there is an alternate way of displaying it.  Since there are so many browsers, and open-source variants, I can't really answer that with a definite answer.

Posted 10 years ago

Comment 3 of 4
  • I’m actually planning to do something very similar since one of my friends convinced me to do so, so I’d also greatly appreciate any advice that anyone has on this topic!
Posted 15 months ago

Latest Comment
Comment 4 of 4

Thanks for your article! I have read through some similar topics! However, your post has given me a very special impression, unlike other posts. I hope you continue to have valuable articles like this or more to share with everyone!

Posted 15 months ago
 
Write a Comment...
...
Sign in...

If you are a member, Sign In. Or, you can Create a Free account now.


Anonymous Post (text-only, no HTML):

Enter your name and security key.

Your Name:
Security key = P1162A1
Enter key:
Code Contributed By Bryan Valencia:

Bryan Valencia is the author of millions of lines of code and writes for PrestwoodBoards and Visual Studio Journey on-line magazines.

Visit Profile

 KB Article #101871 Counter
19829
Since 2/10/2009

Follow PrestwoodBoards on: 


©1995-2019 PrestwoodBoards  [Security & Privacy]
Professional IT Services: Coding | Websites | Computer Tech