Announcement

Collapse
No announcement yet.

Inserting a Favicon

Collapse
X
Collapse
 
  • Page of 2
  • Filter
  • Time
  • Show
Clear All
new posts
Previous 1 2 template Next
    #1

    Inserting a Favicon

    Hi
    I have just discovered how to create a favicon to appear in the address bar when someone searches on my site. And I know how to do this thanks to the Actinic Knowledge base.
    My problem is, and I know I'm a bit thick with this stuff, I don't know where to find my site root. I'm guessing it's really simple but I don't have a clue.
    Basically I need detailed help on how to do the following eg where is my site root, where do I put the code, etc but please remember you're talking to someone who doesn't have much a clue about html and code:

    Once you create your favicon.ico file, upload it to the root directory of your website and put the following code in your html page in the header:

    <LINK REL="SHORTCUT ICON" HREF="http://www.yourwebsite.com/favicon.ico" />

    I really would appreciate any help on this.
    Thanks.
    Julie
    www.toys-to-you.co.uk
    Tags: None
    #2
    You should not need to upload it to the site root. Just add the .ico file as an additional file in Actinic (Design | Additional Files) and then change your href in the post above to:-

    http://www.yourwebsite.com/acatalog/favicon.ico

    assuming acatalog is your shop directory
    Cheers

    David
    Located in Edinburgh UK
    http://twitter.com/mcfinster

    Comment

      #3
      Wow that was quick!
      Thanks Dave I'll try that.
      Julie
      www.toys-to-you.co.uk

      Comment

        #4
        Originally posted by toystoyou View Post
        I don't know where to find my site root
        This is the upper most folder level of your site eg:

        www.site.com

        Actinic places almost everything into the /acatalog/ folder .. which is a folder sitting in the site root.


        Bikster
        SellerDeck Designs and Responsive Themes

        Comment

          #5
          With the link attribute, you can upload it anywhere, they say the "root" because it's the easiest.

          For example, you could upload it to http://www.yoursite.com/subfolder/bl...er/favicon.ico. Providing the link code says this:-

          <LINK REL="SHORTCUT ICON" HREF="http://www.yoursite.com/subfolder/blahdeblah/anotherfolder/favicon.ico" />

          It should still work.

          You can upload it to a seperate site if you wish.

          Comment

            #6
            http://www.w3.org/2005/10/howto-favicon

            the preferred w3c method is at root, although you can use a predefined URL

            Comment

              #7
              Hi
              I've done all the suggestions on here. I've looked at the link provided by Pinbrook and done it what said and still no Favicon.
              Can someone please tell me in a detailed description (and please remember I'm not too html literate!) how to insert a favicon in my site.
              The favicon is designed, it's saved as an .ico file but where exactly do I put it and how do I tell Actinic where to find it etc. I'm pretty confused by this, as you can no doubt tell.
              Thanks.
              Julie
              www.toys-to-you.co.uk
              Affordable ethical and Fairtrade toys

              Comment

                #8
                There does not look like there is anything wrong with your code you just haven't uploaded thet .icon file (or you have uploaded it to the wrong place). Did you remember to upload that too?
                Cheers

                David
                Located in Edinburgh UK
                http://twitter.com/mcfinster

                Comment

                  #9
                  <LINK REL="SHORTCUT ICON" HREF="http://toys-to-you.co.uk/acatalog/favicon.ico" />


                  place the above into the outer layout. Switch to design tab and navigate to the very outer layout (continually click on the up arrow until it goes no further) and paste just after the <head> tag. You will need to do this on product pages and brochure pages.

                  Place the icon into the additional files and upload.

                  Note this will force all pages to be uploaded so do when quiet


                  Bikster
                  SellerDeck Designs and Responsive Themes

                  Comment

                    #10
                    Originally posted by dave_finlayson View Post
                    There does not look like there is anything wrong with your code you just haven't uploaded thet .icon file (or you have uploaded it to the wrong place). Did you remember to upload that too?
                    The code is pointing to

                    href="http://www.toys-to-you.co.uk/myicon.ico"

                    Actinic uploads to the /acatalog/ sub directory

                    href="http://www.toys-to-you.co.uk/acatalog/myicon.ico"


                    Bikster
                    SellerDeck Designs and Responsive Themes

                    Comment

                      #11
                      Originally posted by jont View Post
                      The code is pointing to

                      href="http://www.toys-to-you.co.uk/myicon.ico"

                      Actinic uploads to the /acatalog/ sub directory

                      href="http://www.toys-to-you.co.uk/acatalog/myicon.ico"
                      But the .ico file is not in either location! I was assuming they had gone with uploading it to the root of the site (mainly because I never read the post properly).
                      Cheers

                      David
                      Located in Edinburgh UK
                      http://twitter.com/mcfinster

                      Comment

                        #12
                        Originally posted by dave_finlayson View Post
                        You should not need to upload it to the site root. Just add the .ico file as an additional file in Actinic (Design | Additional Files)
                        I don't think the OP has fully read your original post in that case


                        Bikster
                        SellerDeck Designs and Responsive Themes

                        Comment

                          #13
                          Me thinks not. However, as I managed to accidentally skim over half of what was in her last post I will let her off!!!!!!!
                          Cheers

                          David
                          Located in Edinburgh UK
                          http://twitter.com/mcfinster

                          Comment

                            #14
                            You also need to remember that dispalying in ie can take several days to start to work and there is a bug in ie6 that can stop it working so its all a bit hit and miss sometimes

                            Comment

                              #15
                              Ok, I think I've managed to do it.
                              I used Filezilla and uploaded the favicon.ico to acatalog which appears to contain the index file.
                              I inserted the code, kindly provided on here, in the design pages on all the pages in my site. And also added the favicon.ico to the additional files just in case I still needed to do that.
                              The favicon hasn't appeared on my site yet in IE7 as expected.
                              I checked it exists on my site by putting http://www.toys-to-you.co.uk/acatalog/favicon.ico in the browser location and the favicon shows up on the page, but not in the address bar. But when I check it for other sites with favicons it shows it the same way.
                              So hopefully I've done it right. And v v soon it'll show up in IE and the rest.
                              Fingers crossed...
                              Thank you all for all your help and advice and your patience with me!
                              Julie
                              www.toys-to-you.co.uk
                              Affordable ethical and Fairtrade kids toys

                              Comment

                              Previous 1 2 template Next
                              Working...
                              X