Creating Favicon using VSD

Jan 12th, 2009 at 09:35 AM
User 390814 Photo

Margot Urban
Registered User
10 posts

Is it possible to include a Favicon using VSD or do I have to have the Editor?
Jan 12th, 2009 at 10:32 AM
User 355448 Photo

BillR
Ambassador
3,144 posts

Margot,

It should be. Create your favicon and upload it to your root directory using an FTP program.

Now in VSD, click on the HTML tool and click on the "Header HTML" tab and add the favicon code.

<link rel="shortcut icon" href="http://www.yoursite.com/img/favicon.ico" type="image/x-icon">
<link rel="icon" type="image/ico" href="/img/favicon.ico">

You may need to play around with the href settings, and it seems that both sets of code are needed.
Bill R.
First Baptist Church
Brighter Day Charities
Roberson Family
Jan 12th, 2009 at 03:04 PM
User 390814 Photo

Margot Urban
Registered User
10 posts

Thanks I'll give that a try!
Aug 29th, 2009 at 11:40 PM
User 544588 Photo

Shannon
Registered User
9 posts

That worked for me! Thanks!
Sep 1st, 2009 at 07:42 PM
User 3004957 Photo

CoffeeCup Software Rocks!
Registered User
866 posts

I'm adding this here in case someone else comes along later:

You can add the same lines of code posted by Bill above using Edit > Edit Header. Doing it this way means one less HTML box on the page that you have to move around.

Then, select Settings > Add Files and add the image directly to your VNU project with Visual Site Designer. That way, Visual Site Designer will track it along with everything else on the site.
Sep 18th, 2009 at 09:39 PM
User 1970960 Photo

Mark Harrington
Registered User
20 posts

I tried that but can't get it to display have uploaded a favicon but it still shows a red blobby one that I didn't give it! What needs to be kept the same and what needs changing in the code above?
Mark Harrington
Christian Magician & All Age Communicator
www.illusistration.com or www.facebook.com/illusistration
Sep 18th, 2009 at 09:55 PM
User 355448 Photo

BillR
Ambassador
3,144 posts

Mark,

There is nothing to change in the code unless it is location of the favicon. You have this code:
<link rel="shortcut icon" href="http://www.illusistration.com/img/favicon.ico" type="image/x-icon">

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

Notice the /img/ part of each line of code. That is part of the location of the favicon if you have an image folder named img. If you change the code to read:
<link rel="shortcut icon" href="http://www.illusistration.com/favicon.ico" type="image/x-icon">

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


That should work.
Bill R.
First Baptist Church
Brighter Day Charities
Roberson Family
Sep 18th, 2009 at 10:20 PM
User 1970960 Photo

Mark Harrington
Registered User
20 posts

tried that still getting the red blobby icon instead (am viewing in IE8) I used to have this icon when I used MS publisher to make the site, but someohow still have it despite deleting all other image files on the server!
Mark Harrington
Christian Magician & All Age Communicator
www.illusistration.com or www.facebook.com/illusistration
Sep 18th, 2009 at 10:27 PM
User 1970960 Photo

Mark Harrington
Registered User
20 posts

have checked with a validator my favicon is too large but links work so will resize and try again
Mark Harrington
Christian Magician & All Age Communicator
www.illusistration.com or www.facebook.com/illusistration
Sep 21st, 2009 at 07:45 PM
User 1970960 Photo

Mark Harrington
Registered User
20 posts

Bingo now works and don;t know what I did!
Mark Harrington
Christian Magician & All Age Communicator
www.illusistration.com or www.facebook.com/illusistration

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.