Change Favicon On Blogger

Change Favicon On Blogger

Change Favicon On Blogger 

How to change favicon on blogger – What is favicon? Favicon stands for “favorites Icon" is a small icon located on address bar next to the address of website or blog.
For all blogger users, their favicon is a logo of blogger like the following picture:

So, can we change the blogger favicon? Yes of course and it quite easy.

HTML Code for Favicon

The following is the HTML basic code for Favicon:

<link rel="shortcut icon" type="image/x-icon" href="Favicon_URL_Address">

Favicon_URL_Address is the address where you upload your favicon.

Create a Banner for favicon

As the first step that you have to do is create a banner for your blog favicon, can be in jpg or png format. Recommended that your banner has an exactly square size e.g 100×100 pixels, because the banner size will be changed into 16×16 pixels. Sample banner for favicon:

Or if you are narcissistic, you can make your picture as your favicon

Generate and Upload Favicon

The best site to directly generate the favicon and free hosting I ever found is http://www.iconj.com/favicon_hosting.php. That’s really practical, here are the steps:

1. Please to visit http://www.iconj.com/favicon_hosting.php
2. Click Browse.. Selesct the favicon banner has been created
   
3. Click Upload It!
4. Paste the HTML code for Favicon on Direct Link
   
5. Save the code for later

Add Favicon code to Blogger

The final step is to upload the favicon code we've got to blogger. Here are the steps:

1. Please login to blogger with your ID
2. Click Design
   
3. Click Edit HTML tab
   
4. Please backup your template first then click Download Full Template
5. Find the code </head> on your template (tips: use the find facility on your browser for faster search, press Ctrl+F to activate, then enter the searched code)
6. Paste the  favicon code has copied just above the </head> code
   
7. Save Template
8. Finish

The blogger favicon should have replaced with your own now

***

Change Favicon On Blogger