Simple Technique To Display A Favicon For Your Blog

Favicon or Favorites icon is a tiny, 16X16 or 32X32 pixel icon that is associated with a website, webpage or a blog. This icon is basically displayed next to the URL of the website or blog. Favicons generally exhibit the theme of a website/ blog and are used by webmasters and bloggers to give a unique value to their website/ blog.

Favicon serves as a logo of a website/ blog as visitors start recognizing a website/ blog from the Favicon that it displays. For instance, the moment we see “Y!” and “g”, we instantly understand that the webpage belongs to Yahoo! and Google respectively. Displaying a Favicon for your blog or website is indeed a good step in order to help visitors recognize your website/ blog easily.

Favicons may have different file formats such as GIF, JPG, PNG etc. and before you can add them to your blog or website you need to change its format to .ICO. It is interesting to note that Favicons do not need to necessarily be static, but you may also make them animated.

Follow the below mentioned procedure in order to add or display a Favicon for your blog. 

  1. First and Foremost, you have to create a Favicon. You may do it with the help of online favicon generators such as Favicon.cc, Dynamic Drive, HTML Kit, Degraeve and Anti Favicon.
  2. You need to now add this Favicon to any image sharing website like Imageshack, Photobucket etc. and obtain the link to that uploaded favicon.
  3. Login to your blog, go to “Layout” and click on “Edit HTML”. You need to search for “<head>”. Once found, paste the below mentioned code underneath “<head>” 
  4. <link href=’IMAGE URL’ rel=’shortcut icon’ type=’image/vnd.microsoft.icon’/>

    You need to replace the text “IMAGE URL” in the above code with the correct link to the uploaded favicon.

  5. Finally, save the template.

 After you have finished the procedure, you will notice that the new favicon appears on your blog. If you wish to display an animated Favicon, you have to create one by going to HTML Kit.

NO COMMENTS

LEAVE A REPLY