PDA

View Full Version : Favicon.ico


suwunk
2011-08-21, 06:53 PM
Connect to your server and upload your Favicon.ico file to your website. You must place it into the same directory as your home (index) page, and leave it loose, making sure not to put it in an images directory or other folder. The standard location is the “root” folder of your site, which is same directory as your home (index) page, not inside an images directory or other folder. If you put it there (and name it favicon.ico), most browsers will find it automatically.

Some browsers will look for a direct link in the HTML source code to your site's favicon.ico file. You can help these browsers by adding this link in the head section of each page on which you want the Favicon.ico to appear.
Here is the link code to include:
<link rel="Shortcut Icon" href="/favicon.ico">
Once you've added this code, upload all of your modified pages.

(Some people suggest that the following is actually more correct:
<link rel="icon" href="/favicon.ico" type="image/x-icon"> You can use both if you want!)

If you want to use a GIF or PNG instead, use this format instead (just remember that it won’t work in IE):

<link rel="icon" href="/favicon.png" type="image/png"> or

<link rel="icon" href="/favicon.gif" type="image/gif">

Details: Favicon - How To Create A Favicon.ico | PhotoshopSupport.com (http://www.photoshopsupport.com/tutorials/jennifer/favicon.html)
yourphotobooth
2011-08-22, 09:07 PM
Why wont my Favicon.ico show up? What do I have to do or how should I go about this.

Thank You in advance!

Jerry
YourPhotoBooth.net
yourphotobooth
2011-08-26, 06:22 PM
Ok I think I have done what you have suggested but its not working. This is the first time I have built a web site and I lack the knowledge. So I have pasted the top few lines of code in my “master.dwt”. This is where I added your code.
YourPhotoBooth.net
Jerry

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">

<head>
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="Shortcut Icon" href="/favicon.ico">

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<!-- #BeginEditable "doctitle" -->
<title></title>
<!-- #EndEditable -->
<link href="styles/style1.css" media="screen" rel="stylesheet" title="CSS" type="text/css" />
<style type="text/css">
.auto-style1 {
font-family: "Chisel Wide";
}
.auto-style2 {
text-align: center;
font-size: large;
}
.auto-style3 {
text-align: left;
}
.auto-style4 {
font-size: x-large;
}
</style>
</head>

<body style="background-color: #303030">

<!-- Begin Container -->
<div id="container" style="width: 671px">
<!-- Begin Masthead -->
<div id="masthead">
greenmatter
2011-08-31, 04:33 PM
make sure your favicon.ico is in the right directory. in your case it should be in the uppermost directory. also sometimes after you clear cache and reload the page the favicon appears

http://www.imgsnatch.com/img/n/9.jpg