RSS
4 Sep 2007

use an icon for your site adress

Author: 2nd bee | Filed under: webdesign

hello!

i just discovered how to use a little icon to show before my adress in the browsers

it’s really nice.

so! you need to put this line in between head tag in your html file
<link rel=”shortcut icon” href=”http://www.yoursite.com/favicon.ico” />
you have to create an icon and put it where your site is :)
you can create an icon with any vectorial software and then just copy and paste in any of the icon making programs.
If you don’t know any vectorial software, this is what i use: Icon Cool Editor. it’s a 30 days trial but works fine

This entry was posted on Tuesday, September 4th, 2007 at 10:14 am and is filed under webdesign. 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.

16 Responses to “use an icon for your site adress”

  2. Nice, but how do you do this on a blog ?

  4. Ciao Mihai.
    Can you tell me what kind of blog do u use.
    I have also an account on blogger and i can’t do it.
    I can take a look and tell you more if u tell me the blog.
    Thanks.
    But as u see on this blog the icon is in it’s place

  6. hey Mihai
    I just took a look at my blogger and i did it. i changed the icon with another one.
    U have to find in your blog the html editor. and there u have to introduce this in between the head tags ( here

    u can do it only if u have another site or something similar and u can put the icon there

  8. I use a wordpress blog . http://www.mihaita.ej.am . But in my blog i don’t have any .html files , only .php files :P

  10. i found a solution for you on the wordpress site
    http://codex.wordpress.org/favicon.ico
    i hope u will manage
    if not write me

  12. I’l try it tomorow . Thank you ;) . I will tell you if it works ;)

  14. hei!
    you did it! congrats! it looks really nice!

  16. Really ? I can’t se it . What do you see ?

  18. it’s a realy nice stilish “M”.
    you just have to clear your cache in internet explorer/firefox.
    (do you know how to do that?)

    or just hit ctrl f5

  20. I’ve done it :D . Thanks for evrything :D

  22. happy to have helped you!
    don’t be a stranger!

  24. have a favicon is always nice :D
    actually there is freeware favicon converter, or u can search “Favicon generator”, there is plenty of service out there, my favicon is using one of those too.

    and there is a ico plugin for photoshop too, check this site http://www.telegraphics.com.au/sw/

  26. Hello Jayhan. Thanks for the post. I tried the plugin for photoshop and it works like a charm.
    Great tip. Thanks again.

  28. Another nice tools

    - online ico files creator
    http://www.rw-designer.com/online_icon_maker.php
    and
    - online ico file converter
    http://www.htmlkit.com/services/favicon/

  30. And don’t forgot to use transparency not white, because the address bar is white in 98% instances but the tab bar is in 2% instances white and will show an ugly icon there.

  32. :) hi graphix! thanks for the tips!
    nice to see you again here!

    come again!

Leave a Reply