Monday, August 17, 2009

How To Add Favicon To Blogger Blog

How to add favicon?
How to create favicon for blog?

Here is a simple way to create a favicon for your very own blog!

Firstly, an icon is required. You can either use an online icon creator (which I think is not user-friendly) or Photoshop.

Once you've designed your icon, save it as an image file. Next, proceed to the online icon generator to generate the icon. There, upload your saved favicon image, select icon size 16x16 and generate it. Once it's done, download the icon into your computer.

Then, upload the downloaded .ico image file to the Internet, use Windows Live SkyDrive or any image uploader that supports icon, and get the icon URL there.

Attention: To get the right icon URL after uploading to SkyDrive, keep clicking on the image until it appears on the browser by itself. Then copy the URL from the address bar.

Next, follow this instructions.
  • Go to your Blogger dashboard
  • Click manage: Layout
  • Click 'Edit HTML' below the Layout tab
There, search for a code line like this:

<title><data:blog.pagetitle/></title>

Then, copy and add the code below the line and replace "your favicon URL" with your favicon's URL.

<link href='your favicon URL' rel='icon'
type='image/vnd.microsoft.icon'/>

Save it and have a look at your blog. You should be able to see your small Favicon next to your blog address.

Take note: If you're using older versions of Internet Explorer, you might not be able to see the icon. Firefox on the other hand shows the icon well in bookmarks, URL addresses and tabs.

Hope you'll like it. Feel free to ask if you've any doubts. =)

8 comments:

Unknown said...

thanks! you've been a great help! I just did mine!

Rossie Jordan said...

Thanks for tips.It saved me so much time.
rossie_jordan@yahoo.com

Lingeswaran S G said...

Really simple tip just now i did for my blog..
Thanks....

Anonymous said...

Thanks so much! I've been looking for articles teaching how to do that and this one is the only one I found that makes it sound really simple. :) Thank you! I'll be trying it soon. :)

Efrat K

Anonymous said...

I am such a novice at this blogging lark...but it worked for me!! Thank you thank you!!

Unknown said...

Thank you so much!

artsy ants said...

Finally an easy description that actually works!
I always wanted a favicon for my blog... Thanks!!

Atap Baja Ringan said...

Thanks so much for the tip
all i now need is a favicon that's catchy, simple and representative...
mucho easier said than done.

Related Posts Plugin for WordPress, Blogger...
Follow Me on Twitter