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 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


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

Then

<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



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

<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:

• E-Consulant’s Favicon Gallery - 15,000+ Favicons Gallery , YIKES !
• Favicon Generator - Create your own Favicon.ico for free
• FineIcons Favicon Gallery - Favicon Gallery
• Mpp’s Favicon Gallery - One more inspirational Favicon Gallery
• The Favicon Gallery - Another Favicon Gallery

If You Like This You Might Also Want To Read These:
Run IE5 IE6 IE7 and IE8 In One Window
How To Add A Contact Form To Your Blog
Professional Code Box For Bloggers
Hide Navigation Bar
What Would Web 3.0 Look Like?