Loading Profile...
CHAMP
While the site builder does have a favicon (logo in the browser) generator built into the side bar it does not create a cross browser favicon.
To make one that is cross browser compatible simply;
1) Go to http://tools.dynamicdrive.com/favicon/
2) Browse your computer for the image that you want as your favicon
3) Click the "Create Icon" button
4) Then after it generates your favicon click the "Download favicon" button
5) Save it to your computer
6) Upload it to your file manager
7) Take the following code and place it in an HTML widget
<link rel="shortcut icon" href="resources/favicon.ico">
8) Update your site to view
Happy site building
Ed
You can find me with my head in the honey pot here..
Honey Bear Playhomes Tips and Favs in one place... A Honey bear Playhomes Tip ;)
(Oh by the way don't forget to remove the favicon in your sidebar ;)
Help get this topic noticed by sharing it on
Twitter,
Facebook, or email.
Twitter,
Facebook, or email.
Create a cross browser favicon (logo in the browser tab and address bar) in 8 simple steps... A Honey Bear Playhomes Tip...
-
I’m
happy and thankful.
Thank you very much. Your site looks awesome (is that mostly javascript?).
TIP: Yola users please make sure that in page properties under fav icon you have NO image uploaded or this html code won't work. Good luck!
http://www.SportsTimeZ.com
- view 1 more comment
-
-
Ed-a-Torials @ Honey Bear Playhomes January 23, 2011 23:41wow I feel silly that you have to reply to Vlad's post 10 months later for me Nathan... Thank's LOLEditDeleteRemove
-
-
Nathan January 23, 2011 23:46Haha. Your welcome.EditDeleteRemove
-
-
-
-
-
-
adding these two codes (you already wrote here) will say EVERY browser,script , application,.. Everything that 'this is the icon of this web site'
this icon works even in IE , Desktop Shortcuts , Feeds , Facebook Links , Twitter , Email links , etc , etc... -
-
So Great - It is a small thing (literally) but makes a huge different with perception of the site. Thank you!
-
-
Thank you Ed!! This is the best tutorial as I was finally able to put a favicon on my site... LOVE IT!!!
-
-
hi,
i've tried using the code you gave,
and i pasted this into an html widget on my home page.
the favicon isnt showing up at all on internet explorer. I've cleared my browsing history, but still doesn't work.
however, it does work in firefox....But, it only works on certain pages. I tried pasting the code on every page in an html widget because i thought that was the reason it was only showing on certain pages, but that didnt work either... it still only shows in random pages.
what am i doing wrong? sorry... i'm a coding dummy and this is probably a stupid question.-
It is important to ensure that you delete the reference to the favicon in the right side toolbar of your sitebuilder for each page of your site. If not, the sitebuilder places a code for a favicon as well.
If you have more than one code on your site the sitebuilder's code will always win... ;)
Then publish your site once again to check that all your pages have the favicon in IE.
If that does not work then you could try placing the full URL to your favicon in the code at the top of the page instead of just "resources/favicon.ico" That often will clear it up if all else fails.
Let us know if it works or doesn't so we can help you further... -
-
-
-
-
thank you! you guys are always so helpful. much appreciated!
-
-
UPDATE:
Recent changes in the sitebuilder may have affected how or if the cross browser favicon (using code above) is or is not viewed in Firefox.
I noticed recently that upon viewing my site in Firefox that my favicon did not appear in either the address bar or the tab. After some investigation I found that my code was the likely culprit.
<!--
<link rel="shortcut icon" href="resources/bear%20favicon.ico">
-->
You see, the file before upload was named "bear favicon.ico" but after it was placed in my file manager the name was automatically changed to "resources/bear%20favicon.ico"
The addition of the extra "%20" was until the other day of no issue as it was visible in all major browsers. After some recent turn of events the code was left inactive and my favicon was no longer visible in Firefox.
I recommend that you verify that your favicon is as well visible in Firefox. If it is then you more than likely have a "one" word file name or the bug so to speak has not affected your site. If you cannot see your favicon in Firefox then the following steps should get you fixed right up.
1) On each page of your site that you have previously placed the code you must go in and delete the HTML widget that contains the code.
2) Update/Publish your website without the favicon code on any of your pages.
3) Wait a few minutes and then empty your cache and open your website in your browser.
4) Click "View" in your toolbar and then click "page source" OR right click on a blank part of your page (background works well) and then click "View page source"
5) When the source of your page opens in a new tab click "Edit" in your toolbar and then "Find".
6) In the revealed find box type favicon" or whatever you named your favicon as.
If no results appear then follow step 7. If you find the results have highlighted the search term then re-verify that no code appears in your sitebuilder once more and follow the above steps again.
7) Rename your favicon to delete the "%20" effectively removing the blank space between the two words. It is wise to rename the file to remove the blank space on your computer and upload the new/renamed favicon to your file manager.
8) Open each of your pages and drag a fresh HTML widget onto the page(s) and place the code which reflects the changes.
Mine, from:
<!--
<link rel="shortcut icon" href="resources/bear%20favicon.ico">
-->
Mine, to:
<!--
<link rel="shortcut icon" href="resources/bearfavicon.ico">
-->
9) After each of your pages have been edited Update/Publish your site once again.
These steps returned my favicon into view in Firefox and it is once again visible in all the major browsers.
Cheers... -
-
Hi
Have sorted all my favicons bar one. One site has a framed redirect, is it possible to get around this one? -
-
Hi, Vicki,
Not sure about that. If you can share your url for that page we can take a look and do a bit of research. -
-
my site is vickiwheeler.co.uk if you use the yola address the favicon is there but not when using the redirected one.
Thanks -
-
Hi, Vickie,
I am not seeing it on the yolasite as well and the link for it does not show the resources file. Your code looks like this: href="/favicon.ico" and it should look like: href="resources/favicon.ico". I hope this helps. -
-
This is what I have at the top of my home page, I think if it works it would need to go on the top of every page, but at the moment nothing is happening.
-
-
This is what is at the top of my home page
-
-
link rel="shortcut icon" type="image/x-icon" href="resources/favicon.ico"
-
-
Vicky replace the code that you are using here:
<link rel="shortcut icon" type="image/x-icon" href="resources/favicon.ico">
with this code here:
<link rel="shortcut icon" href="resources/favicon.ico">
You need not place
type="image/x-icon"
as it may be the reason that your favicon does not show.
Your favicon ico file is in the right place and if you use the proper code should work...
http://vickiwheeler.yolasite.com/reso...-
Hmmm looks like the inclusion of (type="image/x-icon") matters little as the code is cross browser compatible with or without it...
I would however still add the code to each and every page in your website.
<link rel="shortcut icon" href="resources/favicon.ico">
You currently only have it on your index page and to have it appear in the address bar of every page you must place it in an HTML widget on every page. -
-
-
-
-
Still nothing, I realise that it needs to go on every page but see little point all the time it doesn't work anyway. More ideas please.
-
How bizarre that it doesn't show.
Who do you have your .co.tk domain through?
Is there any way to add the favicon code to the pre-redirect page as it is not allowing the favicon to show in the browser.
I think that it must be frame related. -
-
-
-
-
I’m
frustrated
Domian is through heartinternet, nothing doing that end!-
Aha it is a heartinternet issue and not a Yola one as heartinternet only allows two choices for redirect.
http://www.heartinternet.co.uk/domain...
Automatic= Your .co.tk directs to your yolasite where all your yolasite pages will be seen with the yolasite.com ending in them.
OR
Framed= Where the only URL shown regardless the page you are on is always going to be http://vickiwheeler.co.uk/
The only way that you will get your favicon to show in your browser will be to use the automatic redirect or to purchase your .co.tk through another registrar who allows for masked forwarding of your purchased domain.
Please bear in mind that if you use Google webmaster tools you should use your http://vickiwheeler.yolasite.com URL as the .co.tk one will not be indexed properly as the webcrawlers have no content to search through with the way it is forwarded. -
-
Wait.... There is another way... Try this code between but not including the <!-- and -->
<!--
<link rel="shortcut icon" href="http://vickiwheeler.yolasite.com/reso...>
-->
The use of the full URL of the favicon file might just do the trick... ;) -
-
-
-
-
No. Still nothing unless it is taking a while to catch up.
Thanks for the webmaster tip, figured that out the other day, you have now confirmed i was right!-
Just checked your site and the code with the full URL shows so it has caught up but sadly the heartinternet frame direct is fouling it all up.
I think that you only have two choices then... To use the automatic direct or a use a new registrar.
Good luck... -
-
-
-
-
OK. Thank you for all your help. Was well worth trying. I have applied what I have learnt to my other sites with great success.
Thanks again. -
-
I’m
thankful
ed a torials you are a genius thanks -
EMPLOYEE
