So I bet you all wondered like I did how do they create those neat icons on their web site and have it displayed in the bookmarks? Well here a few short steps on how to make one.

First you need to create a image that is 16×16 pixels because this is the size for the icons for the bookmark and browsers. Once you have Create that icon (that one is mine) save it out as a .gif or a png with transparency if you need it.

Next we will go to our favorite web page http://tools.dynamicdrive.com/favicon/ where they are super nice and have given us a tool to create our favicon! Yes that right we don’t have to install any software just upload and download.

Once you have created your FavIcon for your website upload it somewhere on your website.  Please make sure you know where you saved it cause you will need to link back to that file.  I put mine in the same wordpress theme folder that I am currently using.

The next step is to open up your page and go to the HEAD section and add the link.

<link rel=”shortcut icon” href=”/favicon.ico”>

If your using wordpress and uploaded the icon to the theme folder you are using please use the code below. Just copy and paste the code in the HEAD section of that theme.

<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico”>

Once you’ve added the code save your page and your done.