sign in sign up
<<
Home , Favicon

HTML Basix - Favicon http://www.htmlbasix.com/favicon.shtml

Handy Stuff Htaccess code generators Code generators Tutorials Search New!! PHP Contact form generator Choose a generator Choose a generator Choose a tutorial 10,000 quality fonts Movies for your Blackberry htaccess generator >> code generator >> tutorial >> Download 10GB content Search

HTMLBasix fully recommends Hostmonster as your host of choice. Masses of space, transfer, great uptime. All for a VERY affordable price!

Favicon Icon Subscribe to the HTML Basix RSS feed.

Have you ever noticed when you go to some there is a cool image in the address line, rather than the blue 'e'? Or when you add some sites to favourites, an image shows up next to the name? with Google Connect

These images are a favicon (favourites icon) and they're used when you a page. To have your own image show up Members (273) More in someone's favourites list when they bookmark YOUR page, you need to upload your own favicon.. You (usually!!) don't » need to add any code to your pages for this to work, browsers above IE5 will automatically look for an icon called favicon.ico when it adds a site to favourites. However, I've found some browsers won't automatically check, so have found it best to place some code into each page stating where the favicon is, so they WILL use it. You can use different icons for each page, but you need to state in your pages that it's a different image to the 'normal' favicon.ico.

try these: Want some cool astrology icons for your favicon? Try MoonsWeb favicons!

Searching for how to insert a head tag image using coding? Already a member? Sign in

Head Tag Sponsor Spot 10+ Heads Tag Products. Shop, Compare and Save at Pronto. Tag.Pronto.com

Insert Images in Word Need to Mail Merge images with Word? It's easy and fast. onmerge.com

SSI Tag Maker Font Magic Link Magic Chitika | Premium Code Generators Home Offline code generator Ads by Google Hosting Providers Gas Insert FTP Hosting Fireplace Insert Hosting Domain Code Generators Visual Basic teacher resources HTML Generators.com Popup Window Link MouseOvers See who's online Image Mouseovers Eazy HTML free icon editor free icon converter download free icons Drop Down Menu Image Reducer Coloured Scrollbar Click here for image The steps to putting a favicon.ico on your website are: Meta Tag Generator optimisation List Generator Tutorials Create a 16px X 16px, 16 colour image with either a .bmp or . extension. Email Form Generator Install Oracle Repository Your graphics editor should have a setting for 16 colours. It needs to be 16px X 16px, anything other than this Basic Table Generator Beginners Html Tutorial will be ignored by browsers most times. Advanced Table Generator Server Side Includes Page Table Generator Fonts Another option is to download a free icon editor and make your own through that. Banner Rotator Tables Mouseover Status Hider Frames Explained Convert your image to the .ico format if it's .bmp or .ico. Form Styles Earn With Your Website You can't just rename the image extension - it HAS to be converted with a special program or it won't work. Use Bookmark Page Code Favicon Icons an icon converter, then save the converted file as favicon.ico. If you are creating several icons to use, call each Set Homepage Code Cgi Errors Help one something different - but remember it needs to have the .ico extension. Javascript Alerts Create DHTML Menu SSI Tag Generator Worth a Look Upload your favicon.ico into the root directory of your website. Mouse Trails The root directory is where your main index.html page is. Browsers look for the favicon.ico here. If you're Frames Generator providing a link in your pages to the icon, then you can store them wherever you wish - in a folder just for icons, Marquee Generator on another server, as long as you provide the path/ to where it is so browsers know where to look for it. Font Magic Link Magic Webmaster Insert a link to it in all your pages that you wish to use the favicon. Applet Generator Website Templates Url Forwarding If you have called your icon favicon.ico and you uploaded it into your root directory, you don't NEED to put any Other Stuff Stylesheet Generator code in your pages. However, sometimes the favicon won't show for some browsers, so to put a link in might be Users Online Script iFrame Generator a wise thing to do. You will also need to put a link in if you want to use something other than a file called Privacy policy favicon.ico or if your site is a subdomain or a free hosted site (ie: not your own domain name). This is because Scrollbar in Table Link to HTML Basix you need to tell the browser to look for THAT image for that page in THAT folder. Status Bar Messages Webmaster Tools Javascript text/url Rotator Popup Colour Picker Put this piece of code somewhere between the tags on your pages: Page Transitions Colour Chart Image Cursor Generator Websafe Colour Chart Sound Code Generator

1 of 3 2/23/2008 9:29 PM HTML Basix - Favicon Icon http://www.htmlbasix.com/favicon.shtml

Search Engine Submit Crontab Code Generator CodePunk's CSS Tutorial If you have a 'secure' site, you will need to provide the path using : Font Filters Title Bar Messages Popup Window Rotator That's about it. If you've gone through these steps, you can try bookmarking your page to see if the favicon shows up. Of Disable Right Click course, if you already HAVE the page bookmarked, it won't show - as your browser checks for the favicon at the time of PHP Contact Form Generator bookmarking. You will find if you remove your site from favourites and add it again, it probably won't work still, as there will be traces of the bookmark left somewhere on your computer so it won't check. The best way to test it in this case is to get a Htaccess Generators friend to do it. Disable Hotlinking Password Protecting I'm confused - what steps do I need to do? Password Protect files Custom Error Pages I have downloaded a favicon.ico and wish to use it on my site: Block Users From Your Site step 3 (step 4 optional)

I have a couple of icons I want to use, for different pages:

step 3, step 4

I have a gif or bitmap image I want to use for my favicon.ico:

step 2, step 3 (step 4 optional)

I have a site on Geocities or Tripod and I have my favicon.ico that I wish to use:

step 2, step 3, step 4

I'm a glutton for punishment, and would like to create my own favicon.ico:

step 1, step 2, step 3 (step 4 optional)

Comments(1)

Want to contribute? JoinorSign In

No one has left a comment yet. Be the first!

Translate »

Searching for how to insert a head tag image using html coding?

Insert Images in Word Need to Mail Merge images with Word? It's easy and fast. onmerge.com

Chitika | Premium

Site Stats

Visitors Pageviews Total: 6,671,765 Total: 18,071,684 Today: 332 Today: 603 Yesterday: 3,433 Yesterday: 6,585 Past Month: 106,423 Past Month: 204,135

3,441 visitors in the last 24 hours This page has been visited 358,676 times There are currently 20 visitors online click to see where most people online at once: 120 visitors on 12/06/2010

2 of 3 2/23/2008 9:29 PM HTML Basix - Favicon Icon http://www.htmlbasix.com/favicon.shtml

This site is © HTML Basix 2003 - 2009

3 of 3 2/23/2008 9:29 PM