How To change Blogger Favicon

By iAn On July 21, 2010 · Leave a Comment

First, what is Favicon? Favicon, is also known as Favorites icon or an icon found beside your URL in your browser.

For blogger users, the Favicon usually appears a bold letter “B” in orange color. But if you wanted to change or personalized with your own, then it is easy.

1. You must have your own picture (jpeg & gif formats) preferably equal dimensions on both side or simply a square (if your picture is rectangular, the whole picture may not appear as is or some part may be missing).

2. Host the picture from number 1 and copy the direct link. Several sites offer free photo hosting such as ImageShack®, Photobucket, Picasa, etc. If you want to use your profile pic in facebook, you may right click the pic and select copy image location. If you take the picture from google images, flicker or yahoo photos, you may also right click the image and select copy image location.

3. Sign in to your blogger account, click layout tab and then edit html.

4. Press “Ctrl F” and find the code below

5. Right below or beside the code above, paste the code below

YOUR IMAGE DIRECT LINK HERE‘ rel=’shortcut icon’/>

6. Your code must look like this

http://img193.imageshack.us/img193/8031/
freedomwallnetoriginal.gif‘ rel=’shortcut icon’/>

(note: the red colored link is an example of direct link)

7. Now you are ready to save your template. Sadly, you can only see the changes if you use Mozilla Firefox as your browser.