How can I change the icon appearing on the address bar?

Status
Not open for further replies.
Z

zacheri

New Member
Messages
58
Reaction score
0
Points
0
I've been seeing sites which have customized icons appearing before their URL on the address bar, instead of the standard icons of web browsers (i.e. internet explorer, mozilla firefox, etc.). Does anyone know if its possible to customize it for free? Any info relative to customizing icons appearing before the website's URL will be a lot of help for me. thanks :lol:
 
Jarryd

Jarryd

Community Advocate
Community Support
Messages
5,534
Reaction score
43
Points
48
In your root images folder, place an icon and name it favicon.ico.

The standard size is 16x16 pixels but there are larger 32x32 versions.

You can use this here to make a standard image into a favicon or make a favicon.

http://www.x2studios.com/index.php?page=products&id=11


I am pretty sure you place it in the images folder, if not it is the root folder you place it in. Let me know how it goes.
 
Spartan Erik

Spartan Erik

Retired
Messages
6,764
Reaction score
0
Points
0
In case Hellsheep's method doesn't work, I used the code:

<link rel="shortcut icon" href="http://example.com/favicon.ico">
Click to expand...

Have it placed on the pages you want to display a favicon
 
Last edited:
rockee

rockee

New Member
Messages
120
Reaction score
0
Points
0
After making your favicon.ico image and placing it in the web root - public_html directory - of your site(s), you then have to add some code between the <head></head> section of your web site's index file - index.html perhaps, usually after the meta tags.

Best to put the file in the web root for consistency - there are also new tags that you may wish to include which relate to other browsers and can be found from the below Google search.

Code: 
<link rel="shortcut icon" href="favicon.ico">

Google for favicon.

If you have more than 1 site hosted - addon domain or parked domain for example - in the same web root - public-html directory - then repeat the above procedure with a different favicon.ico file for each, if required, in that particular web site's sub directory.

Regards,
Rocky
 
Jarryd

Jarryd

Community Advocate
Community Support
Messages
5,534
Reaction score
43
Points
48
Thanks for supplying those codes, i was looking for the code to do that.
 
Z

zacheri

New Member
Messages
58
Reaction score
0
Points
0
Thank you guys! I'll keep you posted once I have followed your suggestions
 
kkenny

kkenny

Active Member
Messages
1,950
Reaction score
0
Points
36
Make sure you post the code they suggested in the Head of the page, not the body.
 
Z

zacheri

New Member
Messages
58
Reaction score
0
Points
0
Ok. I haven't done your suggestions until now, mdyo naging sobrang busy lng... But I do appreciate your prompt replies on my question. Perhaps I'll attend to it tonight. Thanks again guys!
Edit:
I have done it successfully! Thanks! I'm very happy with the outcome of my favicon. You can check it at http://www.zachsbday.x10hosting.com to see the outcome.
I have included the code on my index.html and I'll just paste it on my other web pages tomorrow. I'm still working on my website, in case you'll notice there's not much to see there =)

Added input, I vectorized the image before saving it at my web root public_html folder
 
Last edited:
tnl2k7

tnl2k7

Banned
Messages
3,131
Reaction score
0
Points
0
I'll close this, it has been resolved clearly. Glad you got it working, feel free to make a new thread if you still need help.

-Luke.

* Thread Closed *
 
Status
Not open for further replies.
Top