Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 20
  1. #1
    New Coder
    Join Date
    Jul 2010
    Posts
    50
    Thanks
    16
    Thanked 0 Times in 0 Posts

    Inserting a favicon into my website

    Can someone help me insert a facicon into my website? I am having trouble. Here is the image I want to use: http://www.kick-addiction.com/stopsmoking.jpg. Here is my web site: http://www.quitting-smokingnow.com. Thanks.

  • #2
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    Just post this in the header of you page:
    Code:
    <link rel="icon" href="favicon.ico" />
    Image must be saved as .ico. You can download the Photoshop ICO Format plugin here. Once installed, everytime you go to "Save As" option, you will be able to save as .ico.
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • Users who have thanked optimus203 for this post:

    mjmrcng (08-10-2010)

  • #3
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    I've attached a copy of your graphic converted to .ico.
    Attached Files Attached Files
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #4
    New Coder
    Join Date
    Jul 2010
    Posts
    50
    Thanks
    16
    Thanked 0 Times in 0 Posts
    Ok. I inserted the Code under the header and it did not work. Here is what is looks like:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <link rel="icon" href="favicon2.ico" />
      <meta http-equiv="Content-Type"
     content="text/html; charset=utf-8" />
      <title>How to Quit Smoking</title>
      <link href="style.css"
     rel="stylesheet" type="text/css" />
      <style type="text/css">
    <!--
    .style3 {
    color: #990000;
    font-size: 24px;
    }
    .style8 {
    color: #990000;
    font-size: 18px;
    }
    .style10 {font-style: italic}
    Last edited by mjmrcng; 08-10-2010 at 04:22 AM.

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Did you even upload your favicon? Your code is looking for favicon2.ico but its not where you say it is.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • Users who have thanked _Aerospace_Eng_ for this post:

    mjmrcng (08-10-2010)

  • #6
    New Coder
    Join Date
    Jul 2010
    Posts
    50
    Thanks
    16
    Thanked 0 Times in 0 Posts
    I have the favicon2.ico file saved in my downloads folder. Do I have to put the file into a certain folder?

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    It needs to go into the same directory as your web page.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • Users who have thanked _Aerospace_Eng_ for this post:

    mjmrcng (08-10-2010)

  • #8
    New Coder
    Join Date
    Jul 2010
    Posts
    50
    Thanks
    16
    Thanked 0 Times in 0 Posts
    Well I inserted the code and uploaded the new site to the web with my ftp client and it doesn't work. Can you get it to work. http://www.quitting-smokingnow.com

  • #9
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    On your host the favicon needs to be in the root of your site in the same place you uploaded your page to.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #10
    New Coder
    Join Date
    Jul 2010
    Posts
    50
    Thanks
    16
    Thanked 0 Times in 0 Posts
    Does that mean I need to create a folder in my ftp client with my website and favicon in? Right now, all I have is an images folder.

  • #11
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    No just put it in the same place (the root) as your index.html file and rename it to favicon.ico not favicon2.ico
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #12
    New Coder
    Join Date
    Jul 2010
    Posts
    50
    Thanks
    16
    Thanked 0 Times in 0 Posts
    Do I have to do anything with the coding in the website?

  • #13
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    In your code change where it says favicon2.ico to favicon.ico, upload favicon.ico to the root of your site and thats it. Nothing more. This isn't hard to do. Its the basics.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #14
    New Coder
    Join Date
    Jul 2010
    Posts
    50
    Thanks
    16
    Thanked 0 Times in 0 Posts
    I did what you told me and the icon is not showing up. Here is the code:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <link rel="SHORTCUT ICON"
     href="http://www.quitting-smokingnow.com/favicon.ico" />
      <meta http-equiv="Content-Type"
     content="text/html; charset=utf-8" />
      <title>How to Quit Smoking</title>
      <link href="style.css"
     rel="stylesheet" type="text/css" />
      <style type="text/css">
    <!--
    .style3 {
    color: #990000;
    font-size: 24px;
    }
    .style8 {
    color: #990000;

  • #15
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Don't use the full url but now there is an issue with your host. I suggest contacting your host and telling them that your .ico doesn't display, it tries to download instead.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • Users who have thanked _Aerospace_Eng_ for this post:

    mjmrcng (08-10-2010)


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •