Home » 2011 » March » 9 » How To Add Simple Favicons To Blog
12:42 PM
How To Add Simple Favicons To Blog
How To Add Favicon To Blog
NB: If you are a newbie and want to learn about HTML, Javacsript and some other codes, please you may visit this great Gurus link and have your ambition accomplished.
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:

Category: Computer Zone | Views: 463 | Added by: seniorkoa | Tags: Gurus Internet, Gurus Tutorials | Rating: 5.0/1
Total comments: 1
0   Spam
1 GreatProf   (2011-03-10 3:59 AM)
Thanks for the share. biggrin wacko tongue

Only registered users can add comments.
[ Sign Up | Log In ]