View Full Version : Web site icons
Jamongris
28th Jun 2008, 10:25
Does anyone know how to get your own little icon to appear on your web site, so that when a browser loads it up it appears next to the title of the web page ?
Ppune doesn't have one, but a lot of sites do. This icon also then seems to appear in the favourites/bookmarks section.
Any ideas gratefully received, thanks.
Avtrician
28th Jun 2008, 10:37
Fairly easy really,
First yoyu need to make an icon for your website, usually called favicon.icon and save this to your server along side the pages. You can name it anything you like really, but it must be reflected in the coding shown below.
In your index.html page near the top lines of code you need to insert this. You can cut and paste if you want
<LINK rel="SHORTCUT ICON" href="favicon.ico">
it will end up looking like this.
<HTML><HEAD>
<meta http-equiv="Content-Language" content="en-au">
<TITLE>Ulysses Joondalup Group</TITLE>
<LINK rel="SHORTCUT ICON" href="favicon.ico">
<META NAME="Generator" CONTENT="Microsoft FrontPage 5.0">
How to display your web site logo on the address bar and in the favorites list (http://www.chami.com/tips/Internet/110599I.html) - from
http://bp1.blogger.com/_ZaGO7GjCqAI/SEqGM6LmlmI/AAAAAAAAJNk/esIVx4A8vjk/s640/google-favicon-iterations.jpg
Jamongris
28th Jun 2008, 11:40
Thanks guys, exactly what I was looking for :ok:
Shunter
28th Jun 2008, 19:44
CONTENT="Microsoft FrontPage 5.0"Eww, nasty! ;)
Avtrician
29th Jun 2008, 07:46
Eww, nasty! ;)
Ah well, I admit it, I dont know HTML too good, but hey it works:\:\:\
amanoffewwords
29th Jun 2008, 18:35
but hey it works:\:\:\
and Frontpage...mentioned in the same thread, now there's a first :eek:
Cap Loko
2nd Jul 2008, 21:46
Just putting a favicon.ico in the root folder will do, no need to insert the code in your index.html.
Some older browsers however, may not pick it up like this. Then you can use Avtrician's idea.
It's so easy, I wonder why PPRuNe doesn't have an icon!
Even our flying group booking site has one.
Atlas Shrugged
3rd Jul 2008, 00:54
If you want to create your own, try here:
Dynamic Drive- FavIcon Generator (http://tools.dynamicdrive.com/favicon/)