RSS

Search Engine

Saturday, February 13, 2010

Add Favicon to Your Blog 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 :

blogger favicon

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 :

your self favicon

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

  1. First you must have an image, for example like this:
  2. my icon

  3. 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


  4. Click at the "Browse..." button.


  5. Insert your image which will change into favicon.


  6. Click at "Generate Favicon!" button.


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


  8. Save into your computer.


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


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


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

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


  13. http://www.geocities.com/amn_tea/favicon.ico"/>

  14. Next step is login to blogger with your ID.


  15. Click at "Layout".


  16. Click at "Edit HTML" tab.


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


  18. Find the code :


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


  20. http://www.geocities.com/amn_tea/favicon.ico"/>

  21. Click "Save Template" button.


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


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

If you enjoy this post please Digg It!

Allright, I think this enought. Enjoy your new favicon.

0 comments:

Post a Comment