Remove W3 Html Validation Errors in Blogger

When one visits http://validator.w3.org/ to validate ones Blogger Blog for errors, it is normal to find that your site has hundreds of errors and warnings. Try as hard as you might want, you are unable to resolve this problem satisfactorily and the errors and warnings in Blogspot remain unresolved.

While searching for answers on how to remove the errors and warnings, I came across a relevant topic on the Google Products Forum regarding the default CSS of Mobile Templates and how to resolve this problem, you can read the discussion here – Here

A simple CSS Code has to be inserted inside the Blogger Template. If unsure or editing the template for the first time download and save your template.

The open your template and add this small CSS code as shown below above/ before –
]]>
</b:template-skin>

So that the final code looks like this –

<b:if cond=’data:blog.isMobile’>
<style type=’text/css’>
/* style for mobile site */
</style>
<b:else/>
<style type=’text/css’>
/* style for desktop site */
</style>
</b:if>
]]>
</b:template-skin>

Now visit http://validator.w3.org/ to validate your site. The hundreds of errors and warnings come down to 13 or 14 errors and 4 to 5 warnings.

Hope this tutorial helps those publishing on Custom Templates as well as the default Blogger Templates.

Published
Categorized as Blogging

By Sujata Nerurkar

I am an Expert Indian Chef, Food Columnist and Adviser. I write on food and recipes on my site and conduct cooking, candle making, chocolate making, dry cleaning, decoration and other art classes. The recipes and food themes given by me are unique and original and appear regularly in numerous reputed periodicals, newspapers and magazines.

Leave a comment

Your email address will not be published. Required fields are marked *


The reCAPTCHA verification period has expired. Please reload the page.