How To Add Favicon To Blog

Favicons are a fantastic way to give your Blogs a little added flair and panache. Whenever you’re on the web you may notice small images displayed in the address bar of your browser. They appear directly before the URL of certain websites. These images are known as “Favicons” because they are “icons” associated with websites which show up in your browser’s “Bookmarks” list (in Firefox) or “Favorites” list (in Internet Explorer). They also display at the top of tabbed panels.

how to add favicon to blog

How To Get Or Make Favicon From Images:

Favicons are small images which are usually 16px by 16px in size. Your site logo would be a natural choice for a favicon. If you find that your logo is too complex to shrink down to 16px by 16px, try stripping out the most recognizable logo elements and using them as a base for your favicon. You can use Adobe Fireworks or Adobe Photoshop to make one. Or else you can use online generators listed in the end of the post.

Favicons must be created in one of three possible image formats: .ico (Windows Icon), .gif (Graphics Interchange Format) or .png (Portable Networks Graphics). Of these the .ico format is probably the best way to go because all browsers will recognize it.

For adding a favicon to your blog follow these steps:

For WordPress Blogs:

01. Login to your wordpress account and navigate to Appearence -> Editor
how to add favicon to blog

02. Then click on Header.php and add the code in the end and click on Update File Or Save.
how to add favicon to blog
Then
how to add favicon to blog

<link href=’http://YOUR_PATH/favicon.ico’ rel=’shortcut icon’/>
<link href=’http://YOUR_PATH/favicon.ico’ rel=’icon’ type=’image/ico’/>

Change the YOUR_PATH url to the url of your image. That’s it.

For Blogger Blogs:

01. Login to your Blogspot blog and navigate to Layout –> Edit HTML

how to add favicon to blog

02. Now just before the </head> tag add the favicon code and click on SAVE TEMPLATE.
how to add favicon to blog

<link href=’http://YOUR_PATH/favicon.ico’ rel=’shortcut icon’/>
<link href=’http://YOUR_PATH/favicon.ico’ rel=’icon’ type=’image/ico’/>

Change the YOUR_PATH url to the url of your image. That’s it.

Hope this helps.

Different Sources To Get Or Make A Favicon From Images:

14 Comments

  1. Rapideo June 24, 2009
  2. Bariski June 24, 2009
  3. Color Printing June 24, 2009
  4. TheWildJoker June 24, 2009
  5. Bariski June 24, 2009
  6. Pro-Vamsi June 24, 2009
  7. pramod June 24, 2009
  8. Reverse Cell Phone Lookup June 25, 2009
  9. Johnson Koh June 26, 2009
  10. Bariski June 26, 2009
  11. Jash Sayani June 29, 2009
  12. Bariski June 29, 2009
  13. Mohammad B. Irshid June 30, 2009
  14. sagar July 17, 2009

Leave a Reply

Your email address will not be published. Required fields are marked *