Well in addition to the previous post Free ICO plug-in for Photoshop & Illustrator I stumbled upon a better alternative to the plugin method - A web based ico generator.
http://www.favicon.cc/
Well it's pretty user friendly and offers simple and basic editting tools. You can either draw your own original favicon or import an image (of which it will be automatically resize to fit). The rest of the feature are simply self explainable. Just fiddle around with the tools and first time users will just get a hang of it in no time.
Once you have completed you desired favicon design, just click on the "Download Favicon" button in the bottom middle. Save it to a location on the computer and upload it to your web server root folder.
Once uploaded to your webserver, you can put a link on the portion of your site html codes. Below is an example of how the two line of codes should look like, your site will automatically load the ico image by default:
<head>
<link href="favicon.ico" rel="shortcut icon"/>
<link href="favicon.ico" rel="icon"/>
If you are on a free blog host account such Blogspot/Blogger/Wordpress, you will need to a free web space host which lets you upload and host .ico file. Just simply do a google search with the keyword "FREE WEB HOSTING" and you'll find plenty of them. Well all you need is just a little space to upload the ico file.
Here's one i would recommend (Very good ICO file uploader - NO account creation required) : http://www.shokimages.com/
Once uploaded on the free web host, just replace the link path with the direct path to your ico file (shown below) and you're good to go.
<head>
<link href="http://www.yourwebhost.com/favicon.ico" rel="shortcut icon"/>
<link href="http://www.yourwebhost.com/favicon.ico" rel="icon"/>
No comments:
Post a Comment