Sunday, March 13, 2011

Add or Change Favicon in Blogger Blog

To get started, first you need to backup your Blogger template: Click on ‘Layout’ > ‘Edit HTML’ and then click on ‘download full template’ to save it on your computer. Now perform following steps to a change favicon in your Blogger blog:
1. Click on ‘Layout’ > ‘Edit HTML’
2. Then add following code after <head>
<link href=’http://www.URL.com/favicon.ico’ rel=’shortcut icon’/>
<link href=’http://www.URL.com/favicon.ico’ rel=’icon’/>
Above http://www.URL.com is the web address or location where your favicon is stored (hosted). You can upload favicon to Googlepages (now Closed) or on any free image hosting websites that support favicons upload.
Most of popular image hosting services do not support favicons upload, including ImageShackTinyPic and many more. Here are few selected free favicon hosting services that can come handy in hosting your customized favicons.
  • PicPanda - Max File Size 1.5MB or 1536kb
  • ImageBoo - Max File Size 2MB or 2048kb

‘favicon.ico’ is the name of your favicon file. You can use any name like myfavicon.ico and so on. After adding above code, update the http://www.URL.com and favicon.ico in the code.
Then click on save template button. Open your blog and your new favicon should be visible in the address bar!

       **!!!ENJOY!!!**

No comments:

Post a Comment