Thursday, June 9, 2011

How to change / customize favicon in Blogger

Adding a favicon to one’s site is perhaps one of the finer things to do in personalizing a blog to one’s liking. Though there have been many sites showing how to add a favicon to a blogger blog, majority of them involved fiddling with the code of the blog. Realizing that i am not much of a software guy, i just skipped all these options.

Custom favicons are now official on Blogger in draft. Blogger in draft users now have an option to change the blogger default favicon to ones own personalized favicon.

old and the new favicons

Things to do before changing / Customizing the favicon in Blogger

  • Blogger accepts favicons only in .ico format as of now. You can use any service to convert the image to an .ico format. I used icoconverter for converting the image to .ico format. (Note: Blogger accepts only 10kb sized favicon images only.)

Changing / Customizing favicon in Blogger

  1. Open Designs | Page Elements (Layout tab for new interface users)
  2. You will see the Blogger favicon. Click the Edit button
  3. Upload your personal favicon
  4. Save. You should now see the blogger favicon replaced by your own favicon.
  5. Save the changes made to the template and your personalized favicon should appear in the browser window or tab.

Step 1

Edit a favicon

Don’t see the favicon in your dashboard as given in step 1, join Blogger in draft and the option will become available.

Step 2

Upload a custom favicon

Step 3 

Save, customized favicon

Step 4

Customized favicon in blogger

Update: BTW the update of the favicon to my blog was not instant. It took less than a day for my personalized favicon to appear on my blog.

10 comments:

Anonymous said...
This comment has been removed by the author.
vikram said...

@Ankit
thank you for the offer.

As you might have observed on this blog, i am not a very frequent blogger. I do it for the fun of it and generally share what i experience in my everyday life, which might help others.

if i decide to increase my blogging, i would definitely consider writing for your site.

thanks for offer btw.

bests
vikram

Triyono Infect said...

nice buddy

nicelyvarnished said...

It didn't work for me. I shows the .ico uploaded to blogger but when I got 'View Blog' the blogger favicon is still there.

Vikram Pratap Singh Thakur said...

@nicelyvarnished please wait for a day or two and the favicon should appear.

it took less than 24 hours for the favicon to appear on my blog.

Anonymous said...

hey vikram, i went to page elemetns and all thta, but I didn't see a favicon edit button. Where to look for it?

Vikram Pratap Singh Thakur said...

@jude-gabriel if are not able to see the edit button as shown in the first image in this post, then you are still not using the 'blogger in draft' version.

only if register for blogger in draft, this feature will be enabled.

Anonymous said...

nice tutorial dude.

http://www.e-stalk.blogspot.com

Tutorial on blogs

Vikalp said...

I have uploaded a .ico file and my favicon is visible in IE but not in chrome..

what could be the reason??

whynotvikalp.blogspot.com

thanks

Vikram Pratap Singh Thakur said...

@Vikalp

apparently it was a glitch. Your blog favicon seems to be visible in chrome as well

cheers!!!

Post a Comment

Related Posts Plugin for WordPress, Blogger...