How to Install/Customize/Change Favicon on a Blogger/Blogspot Blog

Do you want to have your own custom-made favicon instead of the default Blogger/Blogspot logo? If your answer is yes, then let me show you how to do it.

The favicon is the logo that can be seen at the address bar of your browser just beside the site URL. By changing the default Blogger favicon, it can add spice to your Blogger/Blogspot theme and make it more professional. So let's get started already:

1. First you have to create an image or a logo of your choice. The size should be 16x16 pixels. Save the file in .ico format (eg. myfavicon.ico). If you don't like editing and resizing your image file, I recommend you just use the favicon generator HERE.

2. Next up, sign in or use your existing image/file host (eg. Photobucket, Googlepages), then upload your newly created .ico file.

3. After uploading, it's time to edit the HTML file of your Blogger/Blogspot template by logging in to Blogger, and then going to Layout --> Edit HTML.

4. Add the following codes immediately below the <head> code:

<link href='http://wowbloggertemplates.googlepages.com/myfavicon.ico' rel='shortcut icon'/>
<link href='http://wowbloggertemplates.googlepages.com/myfavicon.ico' rel='icon'/>

*REMEMBER TO POINT THE URL TO YOUR OWN FAVICON IMAGE OR FILE HOST

5. Save your changes and be proud to see your very own logo/favicon on top of your Blogger blog.

*If not, try to reload or refresh your browser.