Adding favicon in Dreamweaver
by stevem1928 on Sep 5, 2007 at 12:58:27 am
I have searched the web for ways to add a favicon to the web address bar. I have already created the .ico logo and placed it in the folder with the index.html file. I can not seem to enter to code properly to get it to show up in the address bar.
I have searched Dreamweaver help files and the cow for how to to add the favicon.
Is there a way to add the favicon into Dreamweaver in the designer view?
Re: Adding favicon in Dreamweaver by stevem1928 on Sep 5, 2007 at 6:08:57 pm
I am not sure what you are referring to. It seems to be working,,,,but for some reason, the icon does not show up on the home page. It is showing up on all of the other pages. The code I show above was taken from the home page. I will go back and check to see if it is the same on the other pages.
Re: the dreaded favicon by Steve Jones on Oct 27, 2008 at 4:31:41 am
Hi there,
I think this may help,
1) Go to insert,
2) Go to HTML,
3) Go to Head Tags,
4) Go to Link,
5)Browse for File where it says Href: (note your file must be inside your websites folder)
6) when you have selected image it should look like this images/favicon.ico
7) in the rel box type icon
8) Click OK
9) Preview in browser (we recommend fire fox)
10)Click Save you will see your favicon when your browser opens
Re: the dreaded favicon by jana brubaker on Nov 14, 2008 at 5:43:05 pm
Hi Steve,
Sorry to bring up the so-called dreaded favicon issue yet again! I've been able to get the favicon to successfully work in the past when I was writing my own html with a text editor.
I've recently started using Dreamweaver CS3. Favicon not working. Read thru this entire thread. Deleted out my html for the favicon (which was the same as what Dreamweaver inserts anyway), followed your step-by-step instructions, checked the page in Firefox, still no favicon.
Any further ideas?
...Never mind, I've got it now. It occurred to me that if it is not the html in Dreamweaver, then maybe it is the image icon itself. I downloaded a Photoshop favicon plugin to save the filetype, rather than simply renaming the image file with a .ico extension. That seems to do the trick, in Firefox at least. Have not yet sampled other browsers...
Re: the dreaded favicon by Steve Jones on Nov 14, 2008 at 9:38:51 pm
Hi Jana,
You are correct the image file needs to be .ico file format and the plugin is a must for making life easy rather than waiting to upload and download you images. Its a shame that Adobe did not consider this angle when designing Photo Shop CS3 . Now it displays in firefox great. the other browsers are a little behind if you want to see it done you can see my video on You Tube called: Dream Weaver CS3 How to put in a favicon on a webpage the next thing to do is record your actions in dreamweaver say you have 70 pages and need to put an favicon on every page it can become time consuming. But if you record then you can playback on every page and Dream Weaver will do it automatically for you. Just like the record and automation features in photo shop
Re: the dreaded favicon by Gabe Copp on May 28, 2009 at 7:57:46 pm
I'm trying to add a favicon to a site which, as Steve Jones mentions, has MANY pages. I want the favicon to appear on every page without going through the time consuming steps of opening each page in DW and adding the HTML, command, or going through the "Insert" steps. By the looks of Steve's message, it appears that there is a way to set a command to be played back site wide? Is this possible, is there an easy way to make a favicon apply to an entire site?
Re: the dreaded favicon by Gabe Copp on May 28, 2009 at 10:36:43 pm
Thanks for responding Fernando. I tried exactly what you said (as my favicon was not called favicon.ico but had a different file name). Still...no luck. Actually, now the favicon doesn't even appear when I open the pages where I did add the HTML before, and it had appeared in the past. Oddly enough, when I bring the page with the HTML code to my favorites bar (in Firefox) the favicon does appear. If I try this with a page that I did not add code to for the favicon, I juts get the default "paper" icon which firefox has.
Re: the dreaded favicon by Fernando Mol on May 28, 2009 at 11:20:01 pm
Maybe the fact of you having another favicon and some code in your HTML is messing with the display. Remove the code on one of your pages and delete if from your favorites (the favicon only is recoded when you add it, it doesn't update) and see if that works.
Re: the dreaded favicon by Ron Raffan on Nov 28, 2009 at 6:23:59 pm
I created a 16X16 Icon. I put it in the root directory. I also added the following code to the template . i uploaded all this to my site. Firefox displays my Favicon but Internet explorer 8 does not. Any ideas???
Re: the dreaded favicon by Richard Williams on Nov 28, 2009 at 9:54:41 pm
one thing you must make sure of is that you completely clear your browser history and check your site again afterwards... It is not something that will load on the update of a site... Also, post a link please if this does not cure it and we can look
Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)
Re: the dreaded favicon by Joe Maguire on Jul 30, 2009 at 6:23:49 pm
I'm nowhere near expert level at Dreamweaver (see some of my posts and you'll know what I mean), but one of the things I am learning is the advantage of creating a template file and then using File - New - Page From Template to create new pages. If you put the favicon link in the template, any pages you create subsequently will have the link already in there.
The website I inherited at work did not make use of templates, but my new site most definitely will! I've also created a couple of websites (one for personal use, the other for my brother-in-law's consulting business) using templates as the base doc, and that has worked great!
Re: the dreaded favicon by Richard Williams on Jul 30, 2009 at 7:41:27 pm
is this a question or a statement?
Actually, the favicon needs no code, unless you are suing an animated one. If the file is saved to the root as favicon.ico then the broswers will pick it up in every page that is in that root directory.
Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)
Re: the dreaded favicon by Richard Williams on Jul 31, 2009 at 2:13:47 pm
Actually, your page is working fine... your page does have code in it, it is pointing to folder images for the favicon... so, if you go to http://www.acutusdesign.com/images/favicon.ico you can see that it is there... but its BLANK! So, when you go to the URL, it blanks the space where the favicon, or the standard "e" would normally go if you view in IE with no favicon. Check to see why this favicon is blank and save your actual one in this file, BUT remember to clear the Cache first before you test it otherwise it still wont show. If you change the favicon in a website you visit roften, you must clear the cache for you to see its change as it does not update on every visit.
Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)
Re: Adding favicon in Dreamweaver by Suzanne Long on Jan 16, 2010 at 3:43:08 am
Do you have to paste the code into every page on my site, or should it be put in the template and will it update to every page or... how does that work?
Re: Adding favicon in Dreamweaver by Richard Williams on Jan 16, 2010 at 5:57:08 am
you dont need any code... just make sure the favicon is in the root folder... thats all you need to do... AND RESET YOUR INTERNET CASHE as stated in the other replies on this post otherwise you wont see it when you test.
Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)
Re: Adding favicon in Dreamweaver by Denise Albright on Nov 16, 2011 at 11:14:17 pm
Hey Abraham,
Is the above info still relevant? I'd like to add a favicon to my site but have been unsuccessful...with and without using the code you listed above. In conversation today with tech support from 1and1.com (my host package with them includes Dreamweaver), he said that a line of code is no longer necessary. Having the favicon.ico available in the root folder where the index.html lives is sufficient. However, that's not working either!
Re: Adding favicon in Dreamweaver by Kim Deichmann on Sep 18, 2009 at 5:29:36 pm
I've added the favicon logo in Dreamweaver and it displays nicely in Safari and Firefox on both a Mac and PC. How do I get it to display in the new Explorer. Explorer doesn't show any favicons for any site? Can I do something in the Explorer settings?
Adding favicon in Dreamweaver by Matt Wise on Nov 12, 2009 at 8:56:41 am
I have tried multiple times to add a Favicon to my site, and even in the previews of Dreamweaver, it doesn't appear. After writing in the code, I have tried previewing it in Safari, Firefox and Opera and the icon never works. The code I use is below. Please help! Thanks so much.
I've got it to work on my landing page and my homepage but then it switches to a older static version of it that I removed from the root folder but it still shows up. All the pages bar the landing page are made from the same template.
How do the animated version to show on all the pages?
Reply
Like
