TrueStar Technology Blog

Technology How-tos, technology help, technology gadgetry, staying on top of your Mac, Windows, or Linux computer.

  • Home
  • About TrueBlog
  • TrueStar Computer Solutions

11

Jul

Adding a “Favicon” to your Website

Posted by TrueStarTE  Published in Website Development, Free Programs, All, Firefox Tweeks and Add-ons

Favicon?

I’m sure by now most of you have noticed the “favicons” located in the address bar of your browser or in  your favorites/bookmarks links:

Favicon in webpage

*Adding a “Favicon” to your website is actually a pretty simple process.  Follow the instructions below to add a favicon to your site.

Adding the Favicon:

1. Create your favicon.

To create your favicon (a 16×16 pixel .ico image), you may create one, or select an image of your choice and edit it with a graphics design/editing program like Adobe Photoshop/CS3, the GIMP, or some free services (here for instance) offered by numerous websites on the net.

2. Upload the favicon to the directory/folder in which your website’s index page (website’s home page) is located.

3. Add the following line of text between the <head> tags (<head> and </head> respectively) of your index page:

<link rel=“icon” href=“favicon.ico” type=“image/x-icon” />

Note:

[make sure that your favicon/icon is called “favicon.ico” (wihout the qoutes) or whatever the name of your favicon/image is.  The browser will try to load (as the favicon) whatever image name you put after “href=” ].  Please note that this image does NOT have to be a “.ico” image.  You may also use such images as a non-compressed/compressed PNG or a GIF.  All browsers may not support PNGs or GIFs however.

Also:

If you are having issues with this showing up in your browser, such as Firefox, Opera, K-Meleon, or any other browser, you may wish to put a “?” (question mark without quotes) after the URL as shown below:

<link rel=“icon” href=“favicon.ico?” type=“image/x-icon” />  (question mark located after “favicon.ico)

4. Publish/Post your edited index page.

5. Refresh your browser by pressing f5 on your keyboard or by pressing and holding the “Ctrl” key and momentarily pressing “R” on your keyboard.

This completes the implementation of the favicon.

Note:  You may wish to check whether your favicon is showing up on a different computer/different browser to avoid issues with it not showing up. Also note that on a Linux/Unix server, you must make sure that all your text matches exactly ( Characters/letters are case-sensitive on Linux/Unix servers.)

* This refers to adding a favicon to your unix-based server and may be different given your situation and Server Operating System.

Your TrueStar Technology Expert


Powered by TrueStar Computer Solutions

no comment

Search

About

TrueStar Computer Solutions... TrueBlog! I'll help you with your technology needs and latest applications, Operating Systems, and gadgetry.

Categories

  • All (14)
  • Backups (2)
  • Firefox Tweeks and Add-ons (4)
  • Free Programs (8)
  • General Windows Issues (6)
    • Windows XP Tablet Issues (2)
  • Linux (Installation and Maintainance) (5)
    • Linux Distributions (3)
  • Linux How-To (2)
  • Mac OS How-To (1)
  • Mac OS… Latest Features (3)
  • Mail Clients (5)
    • Mac OS X Mail (1)
    • Thunderbird (3)
  • Operating Systems (3)
  • Uncategorized (8)
  • Website Development (1)
  • Welcome! (1)
  • Windows Vista How-to (6)
  • Windows XP How-To (7)

Archives

  • November 2008 (1)
  • September 2008 (2)
  • July 2008 (2)
  • May 2008 (2)
  • April 2008 (1)
  • March 2008 (3)
  • February 2008 (6)
  • January 2008 (4)

Blogroll

  • Alex
  • AndyVGR - Andy the Video Game Reviewer
  • Donncha
  • Dougal
  • Google Mac Blog - Comprehensive Blogging for the Mac by Google.
  • Matt
  • Michel
  • Mike
  • Ryan

Pages

  • About TrueBlog
  • TrueStar Computer Solutions

Join Us!

  • Register
  • Login
  • Main Entries Rss
  • Comments Rss
November 2008
M T W T F S S
« Sep    
 12
3456789
10111213141516
17181920212223
24252627282930

Recent Post

  • Transfering Thunderbird to a New Computer
  • Setting up Evolution Email in Ubuntu
  • Installing DD-WRT on Your Router
  • Unzipping a tar.gz file in linux
  • Adding a “Favicon” to your Website
  • Free Office Suites… Excellent Functionality at no Cost
  • Setting Up a Calendar in Thunderbird
  • Setting up Email in Mac OS Leopard
  • Virtual Computers, Machines Inside a Machine
  • Firefox, Skin, and Weather

Recent Comments

  • geographic locators in Effective Backups and Time Machine
  • TrueStarTE in Should I switch from XP to Vista?
  • Jack in Should I switch from XP to Vista?
  • Computer Performance Diagnostics in Should I switch from XP to Vista?
  • Affiliates » Blog Archive &ra… in Disabling Startup Items In Windows
  • Anti Virus in Disabling Startup Items In Windows
  • Disabling Startup Items In Windows in Disabling Startup Items In Windows
  • Windows Vista News in Should I switch from XP to Vista?
  • TrueStarTE in Setting up E-Mail in Windows Vista
© 2007 TrueStar Technology Blog
Powered by Wordpress , Created by TrueStar Computer Solutions