A FavIcon for your Blog

Favicon?

Just in case you don’t know, a favicon is the little symbol you see in the url bar and next to a website’s title in the tabs and bookmarks.

If you want one like that for your blog, this’ll tell you how to do it. It’s really pretty simple.

FavIcon Source You need a source graphic. Take or make a square picture. For my blog I created a simple 64×64 graphic.

Go to Chami’s FavIcon Generator, enter your picture’s location, generate your favicon.ico and download it.

Copy the favicon.ico from the downloaded zip to your blog’s root directory.

Open your theme’s header.php and add

<link rel=”shortcut icon” href=”http://yourblog/favicon.ico”>

above the php stuff (there should already be other links that start with “<link rel=” - just add it there).

You’re done. Look at your blog and you should see your favicon.

30 Responses to “A FavIcon for your Blog”

WordPress Blog Advice on July 13th, 2007 at 3:33 am

I was searching for a good free program to get some nice icon for my favicon. I dont have money to spend on photoshop. Thanks for the links.

I will soon update my theme with a favicion.
Life is Colourful on July 16th, 2007 at 10:49 pm

Hey, I am glad to tag you in viral tags on my website - would you please update your tags with my website “Life is Colourful” - http://www.lifeiscolourful.com
Keral Patel on July 19th, 2007 at 7:16 pm

WOW so this I am also using for favicons on my websites too.

Thanks friend for the link Now I will not atleast waste my time in making those tiny images and going blind and dizzy by its details.
Ruri @ business education on July 23rd, 2007 at 12:14 pm

Mmmm, looks nice, this tools can make favicon from our own image/picture. I already create my own favicon but I don’t create it as favicon.ico. I named the file with something else and save it as .gif. fortunately, it still work.
Cristi on July 26th, 2007 at 3:16 pm

Nice, thanks for your help. i couldn’t do it without your advice.
Kersson on July 29th, 2007 at 9:00 am

I didn’t know that you could access a site on the internet to generate your favicon icon. Great post.
Bryan@OneMan'sGoal.Com on July 30th, 2007 at 11:31 am

I wish I would have seen this 2 weeks ago when I was trying to figure out how to install a favicon.

Great post!
Alex on July 31st, 2007 at 8:32 pm

Ya me too just last week I had to struggle to make my own then I finally found a generator on google. Life saver
kapy on August 1st, 2007 at 5:48 am

Good post.Will try that out.Woul you like to link to my blog - http://digital-tech-guide.blogspot.com/. Do drop me a comment
Sutocu on August 2nd, 2007 at 3:16 pm

Thanks to pointing me to the tool, but I think .ico files are the same as .bmp, so you could create one yourself. I wonder what the size should be though…
AruntheACE on August 3rd, 2007 at 2:45 am

Photoshop is better than Chami’s software for creating favicons.
consumer electronics reviews on August 8th, 2007 at 5:33 am

That is awesome! I had no idea how people got those icons in there…gotta go do mine.
SEL on August 8th, 2007 at 7:49 am

i create my favicon using image ready but they said it’s very easy when using photoshop.
John on August 13th, 2007 at 9:08 pm

Is so easy to create favicons as long as you know the dimensions and have a image processing software like Fireworks or PS.
wisp billing on August 14th, 2007 at 8:12 pm

I’ve always wondered how to get one of these. The process turned out to be much easier than I would have imagined. I had heard it could be done with photoshop, but this was a lot easier. Thanks for the link.
Crystal on September 11th, 2007 at 3:37 pm

I had no idea it was that easy to do. You are just a wealth of information
Tom on September 12th, 2007 at 5:25 pm

Great advice on getting a favicon - I’ve always wondered about that. Is it possible to do that if you have a free hosted blog though?
Girish on November 22nd, 2007 at 7:45 pm

This was what i have been looking for. Thanks for the detailed help.
amos on June 8th, 2008 at 2:32 pm

Chami’s favicon generator works like a charm.
They have a new feature which is the animated favicon. An attention seeking grpahics, I would say.
bucalo on June 18th, 2008 at 9:43 am

Just created one. Works great thanks for sharing.
small business crm on June 18th, 2008 at 5:35 pm

Thanks for the greta description. Just tried it on one of my websites. Was always wondering how these guys do it
seo services thailand on June 21st, 2008 at 11:27 am

Very nice thank u. Will give it a try.
Link Building on July 3rd, 2008 at 10:12 am

I really like this new toy because I was trying for a few months how can I add a favicon to my site’s name. Now I know and I am very happy with that.
WordPress, Made Easy on July 11th, 2008 at 11:18 pm

Awesome tip. I’ll be putting a link to this article in my blog. Very valuable info.

thanks!
natural weight loss on July 13th, 2008 at 12:29 pm

Just created my icon. Wow really nice. Was looking for something like this and found something similar but this is great thanks.
Eugene Chuang Garg on July 15th, 2008 at 8:17 pm

Really neat Very useful thanks. Just made my own icon and added the piece of codee worked well.
home based travel agent business on July 16th, 2008 at 4:21 am

I noticed many sites use favicons.
I guess this captures the attention of people surfing their favorites too.
Interesting strategy.
Abdominoplasty New Jersey on July 18th, 2008 at 6:15 am

Thanks for the information on how to generate favicons. I think you have done a great job branding your site with the bj favicon.
Monavie on July 31st, 2008 at 12:36 am

That is such a neat trick that I wouldn’t have figured out by myself! I didn’t know you could add or change favlcons before. Thanks for sharing!
Jayapritha on August 6th, 2008 at 8:01 am

Thank you for the informative post.I try this and put a fevicon in my site…
It add extra beauty to my site…