What’s a favicon?
A favicon (favorites icon) is an icon associated with a blog/site. Most popular browsers display favicons as 16×16 pixel icons next to the URL in the address bar, next to the title in tabs, and next to the title as well in bookmarks.
The following is my current favicon:
How to create a favicon?
First, create a 16×16 pixel icon using your graphics editor of choice. Then, you could either save it as favicon.ico or save it in another format and use an online favicon generator to do the conversion to .ico.
Links that might be useful:
- How to Create a Favicon in Photoshop
- Favicon Converter | Favicon Converter 2 | Favicon Converter 3
- Favicon Maker | Favicon Maker 2 | Favicon Maker 3
Need inspiration?
- 50 Remarkable Favicons by Smashing Magazine
- Favourite Favicons by Daniel Burka
- The Favicon Gallery
- Favicons of the Top WordPress-Related Blogs
How to add it to your blog?
Once you have your favicon ready, place it in the root directory. Most popular browsers will automatically detect and use the favicon.
For better results, add the following line to the header.php file of your theme, between the <head> and </head> tags:
<link rel=”shortcut icon” href=”wp-content/themes/current_theme/favicon.ico” />
*change ‘current_theme’ to the name of the theme that you are currently using
You’ve just added a Favicon to your blog!
Want to read more WordPress tutorials?
Thanks for the tip. ^^<
Great blog here, btw.
Cheers!
Hey man, that was a great tip, thanks!
Just wanted you to know I found you by going through Entrecard. I like your site and wish I knew more about the things you write about. I am trying to learn code but just started so making an avatar would have to be step by step. Kind of like in Kindergarten ya know? Keep up the good work.
nice tip men.. You might want to visit my blog some time…..
Thanks for letting me know.Nice posting -very informative.
thinks, it’s help me.
Very informative tips. Thanks for letting me know.