What’s All This Then!

<-- me?
In your browser, have you ever noticed those little icons that show up next to a website’s title? They’re known as Favicons, short for favorite icons. And today I figured out how to create my own for both my webpage and for my blog.

First of all, the file for icon picture is completely different from all other picture files. So the first thing I had to do was to select one of my JPEG or GIF pictures and convert them into an icon file, ICO. An easy way to do that was to go to DynamicDrive’s site and use their FavIcon Generator, which is no big deal. I just used their form to pick my picture, click the [Create Icon] button and then use the [Download FavIcon] to send it to my hard drive. For the sake of this discussion, I created a file called animal.ico.

Since I have my own domain with Blue Host, I signed into my account and used the FTP manager to copy animal.ico to my public_html directory. I then put the address, rdesgr.com/animal.ico, into my browser to make sure it showed up. So far so good.

The next step is to get my icon to show up when anyone visits my website or my blog. Basically, all I had to do was place a link in the header section of my index.html file for my website, and in my header.php file in my template for my blog. The index.html file is in my public_html directory. Since I’m using wordpress for my blog, I found my header.php in [directory name of my blog]/wp-content/themes/k2 directory.

In both files, I looked for a line that had </head>. In my index.html file, I added

<link href=’http://rdesgr.com/animal.ico’ rel=’shortcut icon’/>

just before that </head> line. In my header.php file, I added

<link href=’http://rdesgr.com/animal.ico’ rel=’shortcut icon’/>
<link href=’http://rdesgr.com/animal.ico’ rel=’icon’/>

just before that </head> line.

And that’s all there is to it! Hope that you found this helpful look forward to your comments and suggestions.

Popularity: 15% [?]