Get a Favicon to your Blog

What is Favicon ?
Have you wondered how these little icons appear next to the web addresses, like the one you see above? When you visit the sites or bookmark them, these icons will make these URLs stand out. These are “Favicons” or “Favorite Icons”.Favicon (pronounced fav-eye-con) is short for ‘Favorites Icon.’ A Favicon is a multi-resolution image included on nearly all professional developed sites. The Favicon allows the webmaster to further promote their site, and to create a more customized appearance within a visitor’s browser. Often, the Favicon reflects the look and feel of the web site or the organization’s logo.Within Internet Explorer the Favicon is displayed on the Address line and in the Favorites menu.You can also add favicon to your blog. It is 16×16 pixel or 32×32 pixel image.

If you are professional Image Designer you can create your own Image in Photoshop or any other Image Editing Program and change that graphic to icon by renaming bmp format of image to ico. There are several other ways of getting icons online you can have a search for “Online Icon Generators”. Try search below


Some of Favicon Generating sites are-

  1. Dynamic drive
  2. Favicon 
  3. FaviconGenerator  
  4. Favicon Gallery 
  5. HTML Kit

Adding favicon gives your site a good professional look.You can also create animated Favicons by using favicon generating sites, or you can also use an animated gif file as favicon for your website or Blog. You can store all these images on various free Image hosting services such as TinyPic, PhotoBucket,etc. Some of animated favicon generating sites are-

  1. Animated Favicon 
  2. Favicon Box 
  3. IconJ

To get information on How to add Favicon to your Blogger Blog click here.

Add Favicon to your Blog

To add Favicon to your blog just follow the steps below-
Go to your Blogger dashboard and under the Template tab, go to “Edit HTML”. Near the top you will see a line like this:-

    <title><data:blog.pageTitle/></title>

    Copy and insert the following code below above line in HTML:-

    <link href=’URL of your icon file‘ rel=’shortcut icon’ type=’image/vnd.microsoft.icon’/>

    Remember to type in the “URL of your icon file”, it is address of your Icon file.
    Save the template. When you refresh your blog site, you should see your nice little Favicon next to the blog address.



    Other image types
    The .ico image format has been used by many but you can also create an image under the .png or .gif format. Ensure that the size of the image is either 16×16 pixels or 32×32 pixels.
    If you have a PNG format image, the link to insert is:-

    <link href=’URL of your icon file‘ rel=’shortcut icon’ type=’image/png’/>

    If it is a GIF format image, the link is:-

    <link href=’URL of your icon file‘ rel=’shortcut icon’ type=’image/gif’/>

    I’ve added some of favicon download them here.Get a preview of them below