I want to fix the favicon for my blog as I see in others blog and websites. I like to display my own icon on the browser address bar and browser tabs when visitors view my blog pages. But, the problem arise when I see the favicon not appear.

I read one of the entry of Vagabundia on fixing the favicon.In his entry says that Rosa fix the problem. When I visit the site, it states that Blogger has added a line of code in the header of the templets that overrides ours:

<link href='http://www.blogger.com/favicon.ico rel='icon' type='image/vnd.microsoft.icon'/>

The same message I found while testing my favicon for my blog in chami.

While I search for the code in the templet, I have not seen the code. This is also mention by Vagabundia.
According to him, this may be due to the presence of the code

<b:include data='blog' name ='all-head-content'/>

The favicon dissappears because it is overwritten.
Yes, I agree with him as I get this message from chami.

The simple process that favicon code should be put after </skin> or before </head> blog.

It is like this;

</skin>
<!-- START[Favicon]-->
<link href='http://LINK SITE/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://LINK SITE/favicon.ico' rel='icon' type='image/x-icon'/>
<!-- END[Favicon] -->
</head>

He also give another procedure to fix the favicon.

You may add the following series of codes:

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
specifies the character encoding and content type

<meta content='true' name='MSSmartTagsPreventParsing'/>
is an attribute introducing by Microsoft to prevent a page showing the SmartTags,
something that was never implemented in browsers so there is no practical use.

<meta content='blogger' name='generator'/>
indicating who is the creator of the website

On continuing the feed syndication;

<link rel='alternate' type='application/atom+xml'-title='YOUR BLOG NAME - Atom' href='http://www.blogger.com/feeds/BLOGID/posts/default'/>

<link rel=type='application/rss+xml'-title='YOUR BLOG NAME - RSS' href='http://feeds.feedburner.com/YOUR BLOG NAME/feeds/posts/default?alt=rss'/>

<link title="rel='service.post" type="application/atom+xml' YOUR BLOG NAME - Atom' href='http://www.blogger.com/feeds/BLOGID/posts/default'/>

<link rel='EditURI' type='application/rsd+xml' title="RSD' href='http://www.blogger.com/rsd.g?blogID=xxxxxxxx'/>


<link rel='me' href='http://www.blogger.com/profile/xxxxxxxxxxxxxxxxxxxxx'/>
the number you get from your google profile

<link rel='openid.server href='http://www.blogger.com/openid-erver.g'/>
is how to integrate OpenID directly to our blogger account

Yes. I try for both procedure. And, I successful to fix the favicon.

Friends, I share the process that I use for my blog. If you use the process, let me know that my message help you or not.

Thanks. Happy blogging.

Favicon - fixed! Subscribe to updates