Favicon For WordPress And Blogspot

If I wasn’t mistaken, it was two months ago when I setup my favicon at my personal blog, glitchline but I’m sure that I’ve also changed the favicon of this blog. Since it was summer and school vacation, I guess I forgot to correct the link to my php file of this blog. A comment noticed that I’m still using the “default” favicon and I’ve fix it now.

What is favicon anyway? Favicon (pronounced fav-eye-con) is short for “Favorites Icon”. It is a small image or icon before the URL at the address line just like the encirled favicons at the image shown below. Every opened tab also displayed a favicon before the link, same with the bookmark toolbar (using Mozilla Firefox).

Favicon is also visible to saved bookmarks as shown below. Most websites are using favicon. Sometimes, I don’t need to read the link from my bookmarks, the favicon help me recognize faster the link I was looking for.

Its not advisable to change favicon unless needed. Like logo, it is your trademark associated with your site and contents, decide first what favicon suited for your site. After choosing the image, use the favicon generator. Click the animate favicon and input text if you want. Download and save the file to your computer.

For WordPress:

  1. Upload the favicon.ico file to your web host using FTP or your file manager. I’ve upload it to upload folder so that I will not lose the file just in case I want to change my template. You can also upload it to other file host, don’t forget to take note of the link.
  2. Go to wordpress admin panel, theme editor and open header.php
  3. Edit the file by adding this code:

    * Don’t forget to edit the favicon.ico link
  4. Save header.php
  5. Refresh the page to see the result.

For Blogspot:

  1. Upload the favicon.ico file to any file host you want. I don’t suggest to upload it to blogger because there were times that some of my upload images are missing after some time. You can make an account at xthost (it is free). Upload the image there and take note of the link.
  2. Go to Blogger dashboard – layout – edit HTML
  3. At the top part of the html after [head], add this code:

    * Don’t forget to edit the favicon.ico link
  4. Save template then view blog.

Its easy, right?

glitch_sig

technorati


Related posts:

  1. Speed Up WordPress 2.6
  2. WordPress 2.5 Errors?
  3. To Change Or Modified WordPress Template?
  4. Visual Editor Do Works After Upgrade To WordPress 2.5.1
  5. Time Stamp At Blogspot