What’s a Favicon? It’s the tiny icon that appears on your web browser, next to the URL of the current displayed site.
It will also appear on the Bookmark/Favorites area of your browser. It’s not a requirement to have a Favicon on a website or a blog, but it does create a site/blog’s unique identity of its own. Gone have the days where you must design one in an image editor, with specific resolutions, and specific rules so that the favicon can be used on a website. Now, you can simply browse any image on your computer, upload it to Favicon.cc, and your favicon will be resized and generated automatically.
You can even modify your uploaded image on Favicon.cc. Once you are happy with the changes (IF you want to make any changes), simply click on the “Download Favicon” button to grab the favicon.ico file. This file can then be used automatically to display your Favicon on a user’s browser.
If you have a website, simply upload this favicon.ico to the root of your website (usually a folder called /www/ or /public_html/).
If you own a WordPress blog like this one, you need to upload the file to the root of your blog (depends on where you install WordPress to). Afterwards, you have to modify the header.php and add this line between the tags:
<link rel=”icon” href=”<?php bloginfo(‘stylesheet_directory’);?>/favicon.ico” type=”images/x-icon” />
Save the file and refresh your site. The favicon should now appear on the browser. If not, try uploading favicon.ico on the folder where your theme is (wp-content/themes/YOUR THEME/) and try refreshing again.
If you are having any problems whatsoever when trying this, don’t hesitate to ask it here or contact me, I’ll try to help as much as possible!
{ 12 comments… read them below or add one }
Hey this is the most detailed post I’ve seen on the favicon and may now actually do it. Thanks! (shucks we have the same wordpress theme)
Entrepreneur’s last blog post..Marketing Done Right: Win US$250 & 1000EC from Saphrym
Good find yo!
Thanks for sharing.
Useful info for those who yet to have a favicon or would like to change one.
Oh by the way, your favicon is not showing up in blog posts such as this one.
It shows up nicely in your home though.
Cheers!
Deimos Tel`Arin’s last blog post..How Deimos uses Social Networking – EntreCard.Com – Writing Contest! Win 3,000 EntreCredits – by Alan @ libdrone.info
wow, i am looking for this tips, thanks for sharing information.
Sameer’s last blog post..Do you know the origin of these names !!!
No worries guys, thanks for giving the feedback!
Deimos:Huh? Where? It looks fine here.
I’ve fixed it up. From the the Error log on my hosting control panel, it actually looks for the favicon.ico in my public_html/ folder and not the public_html/blogs.
Just kidding
By changing the link href to “http://www.cravingtech.com/blog/favicon.ico”, it now displays correctly!
Thanks for pointing that out, Deimos
nice info here. anyway I added my favicon since last time too
vickie’s last blog post..Check Your Polling Centre Online (Malaysia Election)
nice write-up, funny how a simple thing like this so many bloggers still don’t have.
raymondm’s last blog post..Free PATH rides today
thanks for the tutorial. it just happen that I wanted to make my own favicon. then I found your site. Bookmarked it right away
Thanks for sharing. I really need one for my blog.
Steve Yu’s last blog post..Toread – Send Bookmarked Webpages to Your Email
You’re welcome, guys. Glad I can help out
My Thanks also, I had been wondering how to do this. Then I was wondering how I’m going to do this since I use blogger, well here is a detailed post about how to setup your own favicon in blogger – Add Favicon to Blogger URL
Now I just need to come up with an image I like for my icon.
Jim’s last blog post..ICE (In Case of Emergency)
Awesome post, the other day I was wondering how to do just this. Perfect timing.
Josh’s last blog post..You?re nothing without meaning
I prefer Faviconer.com
It can save 24bit .ICO files with transparency