This might be a little thing, but it’s one of the many little “tweaks” you can do for your site that has an overall BIG effect on your visitors. A Favicon is a little graphic that shows next to your domain name in the address bar. Look up and you can see the one I have loaded for Mr. Gary Lee Dot Com or check out the new one that Bob made Ms. Danielle for her blog. So, if you want one, here’s what you got to do:
1) Create a image in a Graphics Program such as Photoshop with dimensions: 16 pixels by 16 pixels
2) Save the file as “favicon.ico“. FYI - the .ico extension is a Windows Icon Extension.
3) If you have a wordpress blog, upload your new favicon.ico file to your wordpress themes folder - www.yourblog.com/wp-content/themes/default.
Note - If you don’t have a wordpress blog, upload your favicon.ico file to your main folder/root directory - www.yourblog.com/. That’s it! Your favicon should begin to show up automatically. Check JMH for more details!
4) Open the header.php file under the themes folder that you saved your favicon.ico file in.
5) Add the following line within the <head> and </head>:
<link rel=”shortcut icon” href=”</php bloginfo(’template_directory’); ?>/favicon.ico”/>
6) Save your Files and look for your new icon in the Address Bar.
Bookmark at:StumbleUpon | Digg | Del.icio.us | Dzone | Newsvine | Spurl | Reddit | Yahoo! MyWeb
Popularity: 14% [?]
- TWIB: The Blog Homies & Kumiko
- Content is Great but a Useful Site is Better
- Getting Taken for a Ride - Thanks Agloco!
- Yahoo Music Downfall: Signs of Things to Come
- How to Build a Landing Page for an Email Autoresponder
Here’s an even easier way that will get you an authentic icon file that has different resolutions:
http://tools.dynamicdrive.com/favicon/
It does a really nice job!
Nice little tip. This helps people also find your site quicker when they save it as bookmark.
This also helps your web site or blog stand out a bit more. Not sure how clear faces are on it (I need to take off mine from ours
). I think letters, signs or images are best. Things that arn’t too detailed since the img is so small.
Huh, we both wrote the same post on the same day…
http://www.kellycho.com/making-a-favicon/
Hi Gary,
Thanks for reminding me to add a favicon. Always wanted to do one but forgot…
I just made a favicon, but I just used
in the between the header tags.
Works like a charm
Oops, I mean just
NVM…NVM…<link rel="Shortcut Icon" href="/favicon.ico">