How to change Favicon in Blogger

So you have got a blog. You have tweaked it’s appearance the way you wanted it. Now your blog has that stamp of your individuality all over it. Right? Think again.

Your blog stands out in all respect, yet it has the most common Favicon you could lay your hands on. Let’s change this.

What is Favicon?

In simple words… This

 Default Blogger Favicon

And we want to change it to this (at least in my case)  :)

My Favicon

 

Now lets get down to change this. A favicon is a 16X16 px ico file. You need to have an ico file(*.ico) which will become your favicon. It can be any image file. Open any image file in IrfanView and then resize the image and save it as ico file. If you are short of ideas, you can head over to huge number of favicon collection. 

Now a place to save your favicon online. You can use any online image hosting service or use the Google Sites. Create a site in google sites and then Click on Home as shown.

Click on Home

Then you can upload your ico file to your site

Upload your file

Once uploaded, note down its path. It should be something like this =>

http://sites.google.com/site/YOURSITENAME/Home/FAVICON.ico?attredirects=0

Now go to your blog’s Layout => Edit HTML.

Backup your blog’s template before making any changes.

Now find 

<head

and just below it paste the following code


<link href='http://sites.google.com/site/YOURSITENAME/Home/FAVICON.ico' rel='shortcut icon'/> 
<link href='http://sites.google.com/site/YOURSITENAME/Home/FAVICON.ico' rel='icon'/>


 

Change YOURSITENAME and FAVICON.ico as per your “Site Name” and your favicon file name respectively.

Save the page and view your blog.  Site showing same old Blogger Favicon. Try to reload a few times or Clear the cache of your browser and then reload the page.

 

Comments

  1. ikaApril 28, 2009 at 10:30 PM

    I've changed my favicon...
    Thank you very much...

    ReplyDelete
  2. Dr.AlenAugust 30, 2009 at 9:44 AM

    favicon change only in the homepage. Why the individual page of a post is showing the blogger favicon? any way to fix this?

    ReplyDelete
  3. maverickJanuary 19, 2010 at 11:29 PM

    It works for me on all pages. Its the last thing that loads. Dr Allen, make sure your page loaded completely for the favicon to show.

    ReplyDelete

Post a Comment

Comment for encouragement

Popular posts from this blog

Configure D-Link 2750U Wi-Fi Router for Airtel

Image
For the past Seven years I have been a user of Airtel Broadband and have faced problem 3 times. Two times it was because of ADSL2+ modem and they sent the engineer promptly (Probably a perk of living in Delhi) . First time the problematic modem was replaced (from 220BXi to 110BXi) but on second time (May 2012) I was told that I would have to buy the modem myself as Airtel now does not support CPEs(customer premises equipment). So after some searching on net I decided to buy Dlink 2750U; which has in-built ADSL2+ modem with 4 LAN port, 1 USB port and 1 RJ11(DSL) port to connect your ADSL line; from Flipkart . As a side note, I must say that delivery of Flipkart is just amazing. Front View Back View   The box contains everything you need to connect your ADSL connection. I connected the ADSL line from splitter to DSL port, LAN port of PC to LAN port of the router and switched it ON. Now let’s start the process of configuring the router. Though a configuration CD was pr
Read more

Aspire theme Problems

I have been trying to help a lot of people who have been facing problems in Aspire theme. Now all of you can Post your problems for the blogger version of the theme and I will try to sort it out. Also I will publish first part tomorrow, 13 April 2009 (8:00 PM IST), about code to add a calendar to your blog, like the one I have. None of the code for the calendar is mine, I have simply copied the code from the net and used it. Thanx to the coder. I have seen over time that people are facing problem with this theme and as it is a beautiful theme I decided to help those who want to use it. This particular post should be used to put your suggestions and your problems so that I look into those and post the solutions.
Read more