Andrew Raj’s Blog

Jul 2

Creating an icon for your blog… FavIcon…

Category: Technology

OK.. First of all, just have a look at your address bar if you are using IE 7 or Firefox. If you are using IE 6, just try adding my site into favorites and look at my sites link after you have saved it. You can see my icon at the left side of my address.
Now, this is what I meant…

Looks cool rite ?? I myself learned it from Cypherhackz. So I thought it would be a good idea for me to share it as well… You can see most of the pro bloggers or very famous sites has their own favicon. This is to show unique identity to the world.
Look at some examples below :

 eBay FavIcon
This is eBay’s FavIcon.

Ah Pek’s FavIcon
This is Ah Pek’s FavIcon.

CypherHackz FavIcon
This looks like a very cool and professional FavIcon.

 OK now, if you wanna have this in your site, you have two ways to do it :

First you need to create the favicon file…

The easiest way is to use the online favicon editor. You just need to upload your image to that site and it will create a favicon for you and you just download it.
Click here to reach the online favicon editor.

The other way is by using Adobe Photoshop. You need to download a plugin to allow photoshop to save the file as .ico. Click here to download the plugin. Make sure your image size is less than 120 x 120.

After creating the icon, name the icon favicon.ico for easier handling.
You must have access to edit your server files.
Upload your favicon file into your server.

After you have uploaded, put this code in between your <head> and </head> tag.

<link rel=”shortcut icon” href=”http://www.yourdomain.com/favicon.ico”/>

 

Thats it !! You’re done. try visiting your site and check if you have done it right…
If its unsuccesful, follow this instructions again and see.

I can provide any help regarding this matter. Please use the contact form to contact me.
I can also create a favicon image for you but please bear in mind that you have to pay a slight ammout for it.

Have fun !!

 

No Comments

Leave a comment