« Convert your files with Zamzar
Webnotes – an online post-it »

Put your own icon on the browser address

Have you seen FronTools icon? Would you like to put your own icon on the browser address? It’s easy and we will help you. As Monika says “By having your very own unique favicon you can set yourself apart from millions of other online users. It’s kind of like a signature of your website/blog”. It will make a difference; give your site an identity and a visual improvement.

But how can we do it? There are some cool free tools on the web:

Using one of the tools above you can create your icon. Them you must upload it to the root of your site and insert the following code in your site’s main index page, just before the </head> tag:

<link rel=”shortcut icon” href=”/favicon.ico” mce_href=”/favicon.ico” />

To test it in Internet Explorer, add your site to Favorites and reopen browser. In Firefox or other Mozilla-based browser just open your web page.

Try it and let me know how it worked!
 

This entry was posted on Sunday, September 2nd, 2007 at 2:16 am and is filed under generators, images. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

23 Responses to “Put your own icon on the browser address”

  1. Thanks for the mentioning of my humble self. Your favicon looks great by the way. I also love the site’s purpose.

    Wishing you much Success
    Monika :-)

  2. Hi..I adore your blog. Cool and very interesting. Lots of tips too. Great work. Will be back and would link your URL to my buddy list so that I can drop by occasionally and share your blog with friends.

    Thanks for sharing.

    Regards,

    Framcp

  3. I couldn’t understand some parts of this article our own icon on the browser address, but I guess I just need to check some more resources regarding this, because it sounds interesting.

  4. Hi Daniel, let me know if you need any help.

  5. Believe it or not, just today I was thinking about it where I can get some infomation about that. So thank you for sharing.

  6. For quite some time I was wondering how it could be done. Thanks for the explanation.

  7. wah.. good. thanks

  8. Great! I just made one for my humor blog, and will make another one for my blogging bloggy blog later!

    Thanks for the resources!

  9. Favicom didn’t give me enough information about how to install the icon once I had created it. The actual icon creator worked well though

  10. Hi there! Nice blog posting about our own icon on the browser address. I would have to agree with you on this one. I am going to look more into create your own website. This Thursday I have time.

  11. Thanks for sharing this information, I was always curious on how to do this.

  12. Hello, Nice blog posting about our own icon on the browser address. I would have to agree with you on this one. I am going to look more into how to create your own website. This Thursday I have time.

  13. Hi from New York! I came across your blog posting after searching for build your own website and your post on our own icon on the browser address makes an interesting read. Thanks for sharing. I will research more next Wednesday when I have the day off.

  14. I found out how to do this from one of my friends. It’s pretty handy if you want something cute on your URL but I see no real use for it.

  15. Hi Jenny,
    it works as a branding atitude :)

  16. I don’t see a favicon in the URL box for your site, I’ve used IE, Firefox, Opera and Maxthon all with nothing, just thought I’d let you know, unless you’ve taken it out for whatever reason.

    z-k

  17. Hi there,

    Great article!

    I’ve written something a-like on my blog a while ago. Check here how to create a favicon with Photoshop. It’s easier than “painting pixels” on those websites.

    http://www.marcofolio.net/webdesign/how_to_create_a_favicon_for_your_website.html

    Greetings & Keep on bloggin,,

  18. I like to use http://www.freefavicon.com/ for creating favicons from images. They also have a ton of free favicons you can just look through if you don’t want to create your own.

  19. Thanks zer0-kill,
    the wordpress update cut the code line out of my index page. you should see it now :)

    Marco and LGR, thanks for your comments.

  20. No problem, looks like it works in Firefox, however not in Internet Explorer, haven’t tried the others, I’ll try when I get home though.

  21. Hi,

    I am using prosense theme and have placed favicon icon in the ../theme/ProSense/ProSense folder but I am unable to see the favicon.

    Thanks
    Vinod

  22. Hi Vinod!
    did you put the code in the in your site? Try to put the icon in the root of your site.
    Let me know if it worked.
    Joliveira

  23. Hi Joliveira,

    I have put the favicon in wordpress folder which is root folder in my laptop, I am using wamp server.

    I had in past used guzel-pro theme and had favicon inside the ../theme/guzel-pro/ folder and it was working fine both in localhost and in website.

    I plan to develop the site first in localhost and the host this time but favicon isn’t coming :(

    Thanks for the quick reply Joliveira…

    Thanks
    Vinod

Leave a Reply