Practical Web Programming

Sunday, February 15, 2009

Solved: Can't Change Blogger Blog Shortcut Icon

Ok, you followed my instructions on how to change your blog/website shortcut icon but your Blogger blog is still showing the default Blogger shortcut logo. Don't despair, you are not alone. I myself was in that situation before when I tried to change this blog's shortcut icon.

In your Blogger template head tag section, you will see a b:include tag named all-head-content (highlighted in red) . When your is blog is visited (or loaded in HTML), the Blogger engine will replace that tag with all the meta tags for you blog including the shortcut icon, and you have no control over this.

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*


Fortunately, I found a simple trick to outsmart Blogger. When you insert your HTML shortcut icon code, put it after the b:include tag named all-head-content. Here's an example from this blog.

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<link href='http://kabalweg.googlepages.com/blog.com.ico' rel='shortcut icon'/>
<b:skin><![CDATA[/*


Doing it this way will override the shortcut icon from the Blogger enginge.

0 comments:

Recent Post