Adding a Favorite Icon To Your Site, The How To
December 14th, 2007
A favorite icon gives you branding strength and more importantly something your members can recognize in a long list of favorites.? It is pretty much straight forward 101 stuff, but I am going to do my best to break it down into simple steps for any management platform.
(Gathering thoughts into sentences….Almost there)
The Basic Concepts
The code you will be adding is very simple
[html] [/html]
Where to stick it
On a regular basis your going to be looking for the first file that loads in sequence. (ie header.html, header.php, header.tpl, etc)? Now you need to find the below code that references to the CSS stylesheet for your site, for instance
[html]
You should add your favorite icon code above or below the reference to your stylesheet .? Have a look at mine below for WordPress.
[html]
[/html]
Uploading
I am not going into much detail about this aspect. Just make sure it matches your given path in the above code.
Conclusions
That is pretty much it. You might not see any changes take effect until you clear your cache. On Monday I will be talking about creating favorite icons with transparent backgrounds.
Related Post
- Creating Favorite Icons with a Transparent Background Using Photoshop - If you haven't noticed or cleared your Internet cache in a while, I have been working on some new logo concepts for the site. Anyway, after doi ...
- Add a Working Mixx Bookmark Icon to the Blogger/Blogspot Platform : Classic or Custom Templates - It literally took me about 2 hours to figure out the syntax for blogspot. I have no idea how people put up with that compared to a self-hosted ...
- Adding Facebook to Sociable 2.0 For WordPress - After posting the instructions for adding mixx to sociable 2.0., Matthew Peters from Pandemic Blog requested the needed code for facebook. I ho ...
By Gerard McGarry on Dec 22, 2007 | Reply
Surely if you have the favicon.ico in the root of the website, most browsers automatically detect it? Any other reasons to put it in the code too?
By Mack on Dec 22, 2007 | Reply
I don’t think they will detect it. I am pretty sure the code is mandatory.
By Mark @ TheLocoMono on Dec 25, 2007 | Reply
I followed your instructions but am unable to display it on my browser. The code is in my header file above the css reference but I am not sure if that is the right place.
By Mark @ TheLocoMono on Dec 25, 2007 | Reply
I figured it out, I checked the source code and realized I forgot the “http://” excellent tutorial, I am going to Stumble it and add it to my tool list.
By Mack on Dec 25, 2007 | Reply
Glad you got it worked out Mark and thanks for the kind words.