It's been a cool trick of Web developers for several years now, but I didn't realize how easy it was to add those little icons that appear up at the top of your browser next to the URL for many/most of your Web pages.  The last time I was involved with a Web page development project, I remember asking one of my assistants if they could just add the icon.  I didn't know they were called FAVICONS.

A favicon is simply a 16 x 16 pixel representation of a logo that's embedded into the code of your Web pages and when added, before the URL, in my case, http://www.daddyclaxton.com, there's my little DaddyClaxton.com logo! 

And this is a good thing because it effectively uses an available space on a browser for additional branding opportunities. 

To create the miniature icon, I simply went to Dynamic Drive.com's Web site and uploaded my larger logo image.  In a matter of seconds, it creates the little logo, and lets you download the file to your hard drive.  

Once I got that done, I opened up Dream Weaver, and pulled up my index.html page on the Web site.

Then it's very simple.  Just go over to INSERT>HTML>HEAD TAGS>LINKS.  A screen then pops up and you insert the file you just downloaded, which will be called favicon.ico.  In the REL text box, you just add Shortcut Icon and click OK.  Then you reload the file to the server for that page. 

Then it's just a matter of reloading your page and presto, branding magic is happening a top your Web page! 

Now if you're working with an individual page and not a template, you're going to have to go back in for each page, and for branding consistency purposes you'll want to, and load it to each page following the same, simple process. 

And as the personal developer of my new Web site, it's kind of a satisfying feeling to see my logo sitting in the URL window where at the moment I can see the Typepad logo, over on Twitter I see the T mark, and on Facebook, the F.  You get the idea.

It's very easy to do this if you're doing your own pages and you're using Dream Weaver.  I highly recommend it, too.  Remember, you're trying to support your brand.  And this is an excellent tool for doing such.




  • Pages

  • Subscribe to Blog via Email

    Enter your email address to subscribe to this blog and receive notifications of new posts by email.

  • Categories


Rss Feed Tweeter button Facebook button Technorati button Reddit button Linkedin button Webonews button Delicious button Digg button Flickr button Stumbleupon button Newsvine button Youtube button