Page 1 of 1

Favicon

Posted: Fri 17 Dec 2010 11:51 am
by robynfali
Just something hit me, that i did with an old website years ago, and did with my own weather site this morning.

When your site is favourited, you might want a nice relevant image as an icon next to it, and its a VERY easy thing to do (if I can do it, anyone can)


Find an image that best represents your weather website, upload it to this site

http://www.favicon.cc/

You could even use a few images, and create an animation, upload it, then save the created icon.

Upload that to your root directory (same as the index.html (or index.php))

Go to your indexT page, edit it (best done with the likes of notepad++ between the <head> and </head> tags, place the following html

Code: Select all

<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 
then go to your website in your favourite browser, maybe have to hit refresh, and your favicon should now be at the beginning of the address bar, and also in your favourites

Re: Favicon

Posted: Fri 17 Dec 2010 12:00 pm
by steve
Not that there's anything wrong with what you've said, but as a default, most (all?) web browsers look for a file called favicon.ico in the root and use that, without needing it to be referenced in a web page.

Re: Favicon

Posted: Fri 17 Dec 2010 2:14 pm
by robynfali
oh well, learn summat new everyday, so basically forget html, and just create the favicon and dump in the root yeah?

Re: Favicon

Posted: Fri 17 Dec 2010 2:52 pm
by steve
robynfali wrote:oh well, learn summat new everyday, so basically forget html, and just create the favicon and dump in the root yeah?
Yes, that how the favicon on this site and on my weather pages works. Of course, if you want to have different favicons for different parts of your site, then you'll need to edit the html in the way that you've shown.

Re: Favicon

Posted: Fri 17 Dec 2010 3:39 pm
by hans
Opera unfortunatly does need the code between the head tags.

Re: Favicon

Posted: Fri 17 Dec 2010 4:02 pm
by steve
hans wrote:Opera unfortunatly does need the code between the head tags.
Seems to work for me. There's no favicon code on my weather index page. This is Opera:
Sanday weather - Opera_2010-12-17_15-57-33.png

Re: Favicon

Posted: Fri 17 Dec 2010 5:46 pm
by hans
thats weird,mine refused to show it until i put the code on my pages,
yet now it does also show the one of the forum too.(that was always the standard opera ico).
i will do some digging at the operaforum what could be it,sure it was some preference i forgot about. :)