Adding Favicon to URL address

Do you ever seen your blog URL? what do you see beside your blog URL? yea.. beside your blog URL address is a blogger icon, see the following sreenshot :

The icon beside URL address named with Favicon ( favourite icon ). If you ask to me, do blogger icon can be changed with your icon or might be with your photo's? the answer is you can do that. See the following sreenshot :

How about the step to do that? this is the steps :

1. First you must have an image, for example like this:
View Raw Image"> View Raw Image">
2. After that, you must change your image to be icon. For do that, you can use favicon Generator, please check out http://www.favicongenerator.com



3. Click at the "Browse..." button.



4. Insert your image which will change into favicon.



5. Click at "Generate Favicon!" button.



6. After the process is complete, click at "Click Here to Download your favicon".



7. Save into your computer.



8. Next step is you must upload your Favicon to image hosting. For this step, you can read at this post!.



9. Now I assume you have had the URL address of your favicon. For example, I have a favicon URL address like this :


http://www.geocities.com/amn_tea/favicon.ico


10. You must change the favicon URL address to be like this :


< rel="shotcut icon" href=".


11. Click at "Edit HTML" tab.



12. Click at "Download full template" link. Save your template into computer (importan !):



13. Find the code :



14. Place your "Favicon code" below of . For example :


< rel="shotcut icon" href=" button.


15. Done. Now you have favicon at your blog URL addres.



To see the result, please use Fire fox or Opera browser.

















Related Posts :