Jump to content

HTML5 favicon Not showing up on godaddy domain?

HeyKitty

So here is my code:

 

<!DOCTYPE html>
<html lang="en-US">
        <head>
                <meta charset="utf-8">
                <title>derp</title>

                <link rel="icon" href="Icon.ico" />

        </head>
</html>
 
(the Icon file is in the same folder as the HTML file.)
 
Now when I upload this to google drive, and do the "googledrive.com/host/"  It works fine and I can see the favicon.  My problem is when I use my godaddy domain and point it to the google drive.
I see all my text and everything else, but I see the google drive icon instead of mine. (I am using URL forward masking)
 
Any ideas on how to fix this?

THIS IS MY SUPER TEENY TINY SIGNATURE!

Ain't it just the cutest little signature.

Some would argue it is the cutest little signature ever.

Link to comment
Share on other sites

Link to post
Share on other sites

Could be a cache issue, try holding shift when you refresh.

Tried.  Nope. Still the google drive icon.

THIS IS MY SUPER TEENY TINY SIGNATURE!

Ain't it just the cutest little signature.

Some would argue it is the cutest little signature ever.

Link to comment
Share on other sites

Link to post
Share on other sites

try that, removed the last slash.

<link rel="icon" href="Icon.ico">

 

also make sure the filename is the same, with the capital i

Link to comment
Share on other sites

Link to post
Share on other sites

try that, removed the last slash.

<link rel="icon" href="Icon.ico">

 

also make sure the filename is the same, with the capital i

File name is correct, and I removed the slash.  Still doesn't work.

 

I talked to a godaddy guy and he said that there is no way to fix my issue at this time...

THIS IS MY SUPER TEENY TINY SIGNATURE!

Ain't it just the cutest little signature.

Some would argue it is the cutest little signature ever.

Link to comment
Share on other sites

Link to post
Share on other sites

If you're using Chrome, press F12, right click the refresh button, empty cache and hard reload

Link to comment
Share on other sites

Link to post
Share on other sites

If you're using Chrome, press F12, right click the refresh button, empty cache and hard reload

Nope.

 

I didn't expect this to work, but tried anyways.

 

here is how I have my site set up.

 

HTML files+images+fonts+icon in a folder

 

Folder auto syncs to my google drive.

 

Google drive is shared publicly.

 

I used the googledrive.com/hosts/ and I am able to access my html pages and view it as a website. (the icons work correctly at this stage)

 

I then got a godaddy domain and "forward with masking" and forwarded to the googledrive.com/hosts/ URL. (now the icons don't work.)

THIS IS MY SUPER TEENY TINY SIGNATURE!

Ain't it just the cutest little signature.

Some would argue it is the cutest little signature ever.

Link to comment
Share on other sites

Link to post
Share on other sites

I'm under the assumption you've tried other browsers?

spoliers are broken go to my page ¯\_(ツ)_/¯

Link to comment
Share on other sites

Link to post
Share on other sites

I'm under the assumption you've tried other browsers?

yup. FF, IE, Chrome.

THIS IS MY SUPER TEENY TINY SIGNATURE!

Ain't it just the cutest little signature.

Some would argue it is the cutest little signature ever.

Link to comment
Share on other sites

Link to post
Share on other sites

Just call it favicon.ico in root, no need to link it

00110000 00110001 00110000 00110000 00110000 00110000 00110001 00110000 00100000 00110000 00110001 00110001 00110000 00110001 00110001 00110001 00110001 00100000 00110000 00110001 00110001 00110001 00110000 00110000 00110001 00110000 00100000 00110000 00110001 00110001 00110000 00110000 00110001 00110000 00110000 00100000 00110000 00110001 00110001 00110000 00110000 00110001 00110000 00110001 00100000 00110000 00110001 00110001 00110000 00110001 00110001 00110000 00110001 

Link to comment
Share on other sites

Link to post
Share on other sites

Just call it favicon.ico in root, no need to link it

I have the icon file named "favicon" and it is in the same folder as the html files.  Still does not work.

THIS IS MY SUPER TEENY TINY SIGNATURE!

Ain't it just the cutest little signature.

Some would argue it is the cutest little signature ever.

Link to comment
Share on other sites

Link to post
Share on other sites

I have the icon file named "favicon" and it is in the same folder as the html files. Still does not work.

try control + F5 a few times, it should work

00110000 00110001 00110000 00110000 00110000 00110000 00110001 00110000 00100000 00110000 00110001 00110001 00110000 00110001 00110001 00110001 00110001 00100000 00110000 00110001 00110001 00110001 00110000 00110000 00110001 00110000 00100000 00110000 00110001 00110001 00110000 00110000 00110001 00110000 00110000 00100000 00110000 00110001 00110001 00110000 00110000 00110001 00110000 00110001 00100000 00110000 00110001 00110001 00110000 00110001 00110001 00110000 00110001 

Link to comment
Share on other sites

Link to post
Share on other sites

try control + F5 a few times, it should work

Nope.  the favicon works perfectly using the google drive hosting link.  Just not my godaddy link (domain) that is "forward with masking"

THIS IS MY SUPER TEENY TINY SIGNATURE!

Ain't it just the cutest little signature.

Some would argue it is the cutest little signature ever.

Link to comment
Share on other sites

Link to post
Share on other sites

whats the address? maybe it's just not working for you?

                     ¸„»°'´¸„»°'´ Vorticalbox `'°«„¸`'°«„¸
`'°«„¸¸„»°'´¸„»°'´`'°«„¸Scientia Potentia est  ¸„»°'´`'°«„¸`'°«„¸¸„»°'´

Link to comment
Share on other sites

Link to post
Share on other sites

Well you can try to put some javascript to reload icon after everything is set.

Maybe google's icon overwrite yours because is loaded after yours.

 



<html>
<head>
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
.....
etc
.....
<script>
$(document).ready(function() {
// User jQuery
$("link[rel='shortcut icon']").attr("href", "favicon2.ico");
});
</script>
</body>
</html>

Link to comment
Share on other sites

Link to post
Share on other sites

 

Well you can try to put some javascript to reload icon after everything is set.
Maybe google's icon overwrite yours because is loaded after yours.
 
<html>  <head>    <link rel="shortcut icon" href="favicon.ico">  </head><body>.....etc.....<script>$(document).ready(function() {  // User jQuery  $("link[rel='shortcut icon']").attr("href", "favicon2.ico");});</script></body></html>

 

Sadly, still doesnt seem to work.

THIS IS MY SUPER TEENY TINY SIGNATURE!

Ain't it just the cutest little signature.

Some would argue it is the cutest little signature ever.

Link to comment
Share on other sites

Link to post
Share on other sites

  • 1 year later...

Most probably , you would have figured it by now but just for other mates , you have convert your favicon to .ico format to display it as a favicon for godaddy sites

Link to comment
Share on other sites

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

×