This is simple way to add fave icon on your web site.

What is fave ico?

See this picture.

Icon on the left side of the URL bar is Fave icon. Is that cute to have your site with that icon?

Now, I will try to explain step by step how to put fave icon on your website

1. Choose your image . I’m using Suzuki Hiroki Photos for example.

2. Open Photoshop or any editing image and resize it into 25 px X 25 px (Skip tutorial number 3-4 if you already know how to resize your image).

3. Press Image->image size (ctrl+Sift+I) and fill the field with 25 pixel

4. Press File->save for web (Ctrl+Sift+Alt+S) and save your new image on jpg/gif type.

5. Now you must rename the jpg/gif file into ico (Skip tutorial number 6-7 if you already know how to resize your image).

6. Make sure you already disable function "Hide known extension" from your windows. If now, you can turn it off at Windows Explorer->tool->Folder Option

7. Right click the image file and choose rename file . Change jpg with ico. If your current file name is Hiroki.jpg, change it into hiroki.ico and U will get alert. Just press YES

8. At HEAD in your page HTML code, put this code

<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/favicon.ico">

9. DONE

Is that simple? If you have any question fell free to ask.

Be Sociable, Share!

• 

Tags: CSS, Fave Icon, html, put, step by step, Tutorial, Website —