does anyone know how to add an icon in the url address bar?
Thanks,
Sharon
adding icon to url address bar - Post...
Sharon Heaney
Registered User
7 posts
Fe Pixie
Registered User
2,900 posts
Hi Sharon
The wee pic like the cup up there next to the address?
That's called a "favicon"
If you use CoffeeCup HTML Editor you can open your page and insert the following code inside your <head></head> tags...
where http://www.yourwebsite.co.nz/ is the address of your website...
Then you need to make the .ico file and upload it to the root directory of your website (where your index.html page lives)...
Last time i had to come up with one quickly i made it via this website...
http://www.degraeve.com/favicon/
nice and easy to follow
I'm not sure how to make one in VSD sorry - I'm a strictly code pixie
Oh - and once you do make one you'll need to empty your cache and stuff from your browser and mess around a bit to get the pesky little thing to show - if you think your code is cool but it doesn't show up for you - come back here and post a link to your site and ask other people to check it for you - sometimes it's hard to convince your browser to see it once it's gotten used to there not being one
The wee pic like the cup up there next to the address?
That's called a "favicon"
If you use CoffeeCup HTML Editor you can open your page and insert the following code inside your <head></head> tags...
<link rel="Shortcut icon" href="http://www.yourwebsite.co.nz/favicon.ico">
where http://www.yourwebsite.co.nz/ is the address of your website...
Then you need to make the .ico file and upload it to the root directory of your website (where your index.html page lives)...
Last time i had to come up with one quickly i made it via this website...
http://www.degraeve.com/favicon/
nice and easy to follow
I'm not sure how to make one in VSD sorry - I'm a strictly code pixie
Oh - and once you do make one you'll need to empty your cache and stuff from your browser and mess around a bit to get the pesky little thing to show - if you think your code is cool but it doesn't show up for you - come back here and post a link to your site and ask other people to check it for you - sometimes it's hard to convince your browser to see it once it's gotten used to there not being one
Have fun
~ Fe Pixie ~
~ Fe Pixie ~
jhaboyd
Trial User
1 post
I've tried all of your steps and still do not have the icon I created appearing in the address box. My url is http://www.ststephensculpeper.net
Chris Hall
Ambassador
223 posts
jhaboyd wrote:
I've tried all of your steps and still do not have the icon I created appearing in the address box. My url is http://www.ststephensculpeper.net
I've tried all of your steps and still do not have the icon I created appearing in the address box. My url is http://www.ststephensculpeper.net
Your site code shows logo2.ico. It needs to be favicon.ico.
Alisa Lofgren
Registered User
11 posts
Geoffrey Kevin Joyce
Ambassador
27 posts
With Internet Explorer 7 and most other browsers you don't even need the link tag - just put in a file named favicon.ico in the root folder (ie the same as the index file and it should show up. However if you don't want to use that filename simply substitute this in the link tag, but make sure that the file exists.
However there are actually two icons one is for the address bar and the other is for the favourites/bookmarks
<link rel="shortcut icon" href="http://www.canalboat.org.uk/favicon.ico" type="image/x-icon" />
<link rel="icon" href="http://www.canalboat.org.uk/favicon.ico" type="image/x-icon" />
In the code above you can see I have made these the same icon - but they don't have to be.
PS this code is for XHTML for the eagle eyed but it does work for HTML.
However there are actually two icons one is for the address bar and the other is for the favourites/bookmarks
<link rel="shortcut icon" href="http://www.canalboat.org.uk/favicon.ico" type="image/x-icon" />
<link rel="icon" href="http://www.canalboat.org.uk/favicon.ico" type="image/x-icon" />
In the code above you can see I have made these the same icon - but they don't have to be.
PS this code is for XHTML for the eagle eyed but it does work for HTML.
Tommy
Registered User
1 post
ANSWER TO THIS QUESTION FOR VIRTUAL SITE DESIGNER USERS.
I am a "web dummy" which is why I use VSD 6.0 and why, when I decided to "spruce up" my site (fcr-mm.org) with a favicon, I came to this forum. The post that I found most helpful was Alissa's referal to http://www.html-kit.com/favicon/. The program is completely free and it's simple and clean (doesn't leave a bunch of unwanted files on your computer) and it's easy to use.
Just follow the onscreen instructions to make your favicons (it will acutally make two) and save them to your computer. Then copy the two "favicon" files into the root directory for your website using the following sequence of commands in VSD 6.0:
Settings / Add Files / Browse (to find your favicons) / select the two favicon files...at this point these two files should show up on the left side of the split screen...on the right side of the split screen, double click on "Root" / Click on "Add All" and close the Add Files window.
Now the only thing left to do is add the html code to your home page by going to the "Edit" tab and then selecting "Edit Header". Once you are there, paste the following html code:
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="animated_favicon1.gif">
Upload your website and it should be there. (As noted in previous posts, you may have to delete your browsing history and favorites entry, but in my case it loaded without having to do any of that.)
Good Luck.
Tommy
I am a "web dummy" which is why I use VSD 6.0 and why, when I decided to "spruce up" my site (fcr-mm.org) with a favicon, I came to this forum. The post that I found most helpful was Alissa's referal to http://www.html-kit.com/favicon/. The program is completely free and it's simple and clean (doesn't leave a bunch of unwanted files on your computer) and it's easy to use.
Just follow the onscreen instructions to make your favicons (it will acutally make two) and save them to your computer. Then copy the two "favicon" files into the root directory for your website using the following sequence of commands in VSD 6.0:
Settings / Add Files / Browse (to find your favicons) / select the two favicon files...at this point these two files should show up on the left side of the split screen...on the right side of the split screen, double click on "Root" / Click on "Add All" and close the Add Files window.
Now the only thing left to do is add the html code to your home page by going to the "Edit" tab and then selecting "Edit Header". Once you are there, paste the following html code:
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="animated_favicon1.gif">
Upload your website and it should be there. (As noted in previous posts, you may have to delete your browsing history and favorites entry, but in my case it loaded without having to do any of that.)
Good Luck.
Tommy
Marc Watson
Registered User
4 posts
Many thanks Tommy. Just used your method and it worked a treat ! !
Thanks again for your advice.
Marc
Thanks again for your advice.
Marc
It's better to burn out than to fade away.
Tree Bones
Registered User
3 posts
Thanks Tommy
This worked great.
This worked great.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
