Jump to content
xisto Community
Sign in to follow this  
Followers 0
apurva

Favicon - Icon For Website Bookmark

By apurva, in Websites and Web Designing

Recommended Posts

apurva    0

apurva
Posted

Hello everybody,i want to know how to add the icon for our site ,so that when people bookmark our site they get a small icon besides the bookmark.like for Xisto site we get the blue colour icon which has white colour v in it.and where to add it in ftp.my site has blog with wordpress software,so where in the folder should i add it? i hope you are getting what i mean to say.thanks in advance.

Share this post

Link to post
Share on other sites

hts    0

hts
Posted

the icon you are talking about is called a favicon...
how to use a favicon for your site? simple, just follow the steps below (hope you understand :) ) :

1.create your icon and save it as .ico file (windows icon) (I recommend you to use Irfan View for such a job, it is a free image viewer and basic manipulation program)
Note: your .ico image size must be 16 by 16 pixels in height and width

2.upload it to you root folder
3.put this code

<link rel="shortcut" href="path-to-icon-file" />

between the <head> and </head> tags on your page4.you might have to clear your cache / history to see your favicon

regards

Share this post

Link to post
Share on other sites

midnitesun    0

midnitesun
Posted

so i believe you already have an image you want to use as the favicon, if you do not then make an image one with the dimensions 16/16 and its extension should be .ico instead of gif or jpeg , once you have the image upload it your server and copy and paste the following line of code in the head section of the your page 

<link rel="shortcut icon" href="images/favicon.ico" />

make sure you change the path correctly, thats it and you are done :) if you need any further help feel free to post back

Share this post

Link to post
Share on other sites

BArS    0

BArS
Posted

As i remember file must have name "favicon.ico". And insert in head tag

<link rel="shortcut" href="favicon.ico" />


if you have question check source of this page.

Share this post

Link to post
Share on other sites

apurva    0

apurva
Posted

thanks a lot people,wasn't expecting such a respond so soon.the above solution did work :-) very happy for that.for what i realised is the icon should be named favicon.icoanyways thanks once again people

Share this post

Link to post
Share on other sites

keri-j    0

keri-j
Posted (edited)

Just wanted to mention this, seeing as no one else did...

like for Xisto site we get the blue colour icon which has white colour v in it.

This isn't anything to do with Xisto by the way, it's the default icon for all Invision Power Boards.

 

Also, is there anything else you can do with the .ico image format??

 

Edit: This has already been asked (http://forums.xisto.com/topic/8659-little-icon-next-to-address-how-to-get-them/), do search the forums before you post. I know the search facilities are crap (excuse my language), but you may wish to try my method for searching the Forums :)

Edited by keri-j (see edit history)

Share this post

Link to post
Share on other sites

apurva    0

apurva
Posted

thanks people
but i want to ask does this works with mozilla?since i am not having it i cant test it ,and my friends say the icon is not appearing for firefox!

This isn't anything to do with Xisto by the way, it's the default icon for all Invision Power Boards.
sorry i did not see it earlier thanks for bringing it in notice

Share this post

Link to post
Share on other sites

hts    0

hts
Posted (edited)

well, it works for me - I use Firefox and the favicon is displayed for all sites that have one :rolleyes:..tell your friends who have this problem to clean their cache and refresh the page, maybe that will do it :)

Edited by hts (see edit history)

Share this post

Link to post
Share on other sites

BuffaloHelp    24

BuffaloHelp
Posted

Take a look at your coding again.

<link REL="SHORTCUT ICON"href="http://unitechy.zu.uz/public_html/favicon.ico" />


You need a space between ICON and href

Also, if you type the whole favicon's URL you should be able to see your icon. Currently the image is not available. So check your path. Is it under public_html? Then all you need is http://forums.xisto.com/no_longer_exists/

ICO must be saved as ICO from ICO generators. A jpeg, for example, cannot be renamed to .ico. There are online .ico generators for free if you do not have .ico maker.

ICO format should be either 16x16 or 32x32. This makes it easier for browsers to make it available without any distortion.

Share this post

Link to post
Share on other sites

apurva    0

apurva
Posted

Okay thank you.i will do the required modifications tomorrow.but then want to ask one thing,how come its visible in opera and not other browser?

Share this post

Link to post
Share on other sites

BuffaloHelp    24

BuffaloHelp
Posted

how come its visible in opera and not other browser?

This tells me that you just renamed a picture file to .ico instead of creating an actual .ico file.

Opera is made so that it will force any picture format by reading the relevant META tag within a picture. So it does not distinguish a type of image format...it just understands it and translates it. That's why it's very popular with mobile phones and such--it shows the web no matter what the web format.

Share this post

Link to post
Share on other sites

apurva    0

apurva
Posted (edited)

yeah someone here said to do it in paint save in bmp then rename loli did the same.anyways thanks i will sort it nowhurray buffaloHELP you're simply great.it worked for me :-) now the icon is available on both firefox and opera and internet explorer after bookmarking it.

Edited by apurva (see edit history)

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
Followers 0
Go To Topic Listing
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

  I accept