Step By Step Tutorial On How To Add Favicon To Blogger Website

Step By Step Tutorial on How To Add Favicon Or Change Blogger Icon To Your Icon

First Of All What Is Favicon ??
Ans. See The Image Bellow

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

1. Choose your image . I’m using Random Girl Photo for example.

2. Open Photoshop or any Photo Editing Software 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. Now Upload This File on Your Webhost like 5gigs.net 110mb.com , etc

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

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

9. DONE