Actual error in W3C validation problems on the blog is not a big problem for us , why is it so? it is because websites like google, facebook still have the error also on their website, so if you are interested and in love with your websites html validation then you can try the steps below.
Here is how you can do to reduce errors in your blog:
1. On the Edit HTML "doctype" default bloggers have this level of difficulty to be valid.
The solution :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Change With
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. On the Edit HTML check expand widget templates and look for code :
<b:include data='post' name='postQuickEdit'/>Then delete them, The function code is the Quick Edit icon on each widget, some blogger hack can disable or remove the icon but the edit link to the widget itself is an error because it contains the code "&" that is not close by ";" resulting in error.
and
<b:include name='quickedit'/>
3. Do not forget to add ALT tags on every image contained in the weblog, no matter how small the image. This meant that the image does not only work visually, but can be read by the robots. Also do not forget to use closing tags with the attributes /> so that it can reduce the error in the html validation (read : Maximizing Image Using the "alt" Tag For Your Blog)
4. Do not use widgets Archive using the Hierarchy view, because it will show a lot of errors. Better to use the Model List, thereby reducing the error, otherwise it will look more simple and elegant.
5. Be careful in using these steps, make sure you are not wrong in doing copy and paste as a little change can lead to errors.
Search code :
<b:include data='blog' name='all-head-content'/>
Change The Code with :
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/IDYOURBLOGGER' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=IDYOURBLOG' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/IDYOURBLOG/posts/default' rel='service.post' title='OBLO - Atom' type='application/atom xml'/>
<link href='http://www.YOURBLOGURL.blogspot.com/feeds/posts/default' rel='alternate' title='OBLO - Atom' type='application/atom xml'/>
6. Do not use a lot of dash (-) in the HTML of your blog, will increase the number of errors in the HTML / CSS, Use it as simple as possible.
HTML
<!------------------- blogger Default Meta ----------------------> FALSE
<!-- blogger Default Meta --> TRUE
CSS
/*----------- Header ------------*/ FALSE
/* Header */ TRUE
7. If you disable Default Blogger Navbar, it is better to delete it, link contained therein will be preserved. Place the following code between the </ head> and <body>
<! - <body>Then save the template, it will exit the notification to remove the Navbar Widget. Done you lost the Navbar.
<div> </ div> ->
8. Actually there are still many that need to fix the bloggers, especially the use of & (&) in each URL, because the code is not able to stand alone and must end with (;) in HTML, the solution use code &
By doing a few steps above you will not get a valid result from bloggers because some important parts of the bloggers themselves that contain ERROR. We can outsmart by deleting it, but the functionality of the widget that we remove is not able to walk perfectly. Some of the bloggers who simply contain many errors are the Comment box Comments and links that continue to use the code (&). In addition to the index page there is also an error on the navigation page (New and older post).
To eliminate Navigation newer and older posts on the index page, can use the following trick. Find the code below
<b:include name='nextprev'/>
Replace with
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<! - Navigation ->
<b:include name='nextprev'/>
</ b: if>
9. On each photo that is uploaded to the post you will find this code
imageanchor = "1" then delete the code.
Try to check errors in your template is W3C Validation once again, and see if the fault is smaller? Just added you could add the code below (Put the between this code </ div> </ body>):
<script src='http://gochati.com/resource/gochati_w3validator.js' type='text/javascript'></script>
Hopefully this article helpful to make your blog better quality.
.:: HAPPY BLOGGING ::.