Creating a Favicon for your website or blog

By | December 5, 2011

A favicon is the image you just before a website’s url that is used as a placeholder in your browser’s favorites or bookmarks..

See below.

Just like a logo, the favicon is a symbol of your company as it is represented online

Creating the .ico file

If your company already has a logo.. then all you have to do to generate the .ico file is go to this website.

http://tools.dynamicdrive.com/favicon/

Or.  get the Photoshop plugin so you can save any image as an .ico file.  It should not be any bigger than 16 X 16 px

http://www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html

Installation

On WordPress Blogs.

Under the Appearance Section,  select “snippet options” and then upload your .ico file.

In order for your favicon to show up in some older browsers, you will need to edit your page header just as you would on a regular HTMl site

  1. Go to your WordPress Administration Panel.
  2. Click on Design (called Presentation in WordPress 2.3.x and below, and Appearance in WordPress 2.7+).
  3. Click on Theme Editor.
  4. Select the file called Header or header.php to edit the file.
  5. Search for the line of code that begins with <link rel="shortcut icon" and ends with /favicon.ico" />.
    Overwrite it, if it exists, or add the following code below the <head> HTML tag.

    <link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" />
  6. Save the changes.

Enjoy

Share