Tech Terminal

Where Current Technology and the Web Flow Through

A Favorite Icon for Scroggles! & You

December31

FaviconHave you noticed a new little bookmark / favorite icon for Scroggles!? It looks something like this icon image. Favorite icons (commonly known as favicons) add an identifiable mark to one’s site by adding a small image to the URL address bar and to saved bookmarks in popular browsers like Firefox & IE7. The icons are quite easy to implement on your site too.

 

Favicons are 16 x 16 pixel dimension pictures saved as .ico (Icon) files. A favicon is usually reflective of what your website or company is or does, although there is much freedom in this area. They can be simple or complex all within that relatively small space

To get started:

  1. Open up your favorite image editor (a free & open source one is the Gimp)
  2. Create a new image with dimensions 16 (width) x 16 (height) pixel.
  3. Save the image as a .gif or .jpg OR, if possible, a .ico and skip to step 5
  4. Convert that image into a icon by uploading your image to an online service like FavIcon from Pic or use favicon.ico Generator

Upload the favicon.ico file to the root directory of your website.

Insert the following code in between the <HEAD> … </HEAD> tags on all of your sites webpages or, if you use templates, into your header template file.

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

That is it. Your done! Now your site can be easily spotted in a user’s slew of bookmarks.

Like it? Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • StumbleUpon
  • Ma.gnolia
One Comment to

“A Favorite Icon for Scroggles! & You”

  1. On January 5th, 2008 at 11:01 pm kalebdf Says:

    Hahaha. I just realized that I had not placed one on my website: kalebdf.com. Now there is a simple one up there.

    -specialk

    Reply

Email will not be published

Website example

Your Comment: