Login with your blogger account first, follow this step :
Step 1
First time you must edit the DOCTYPE for get the better HTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
change to:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Save template.
Step 2
To further expand the widget to find the hidden code that contain on the widget. Search this code and delete them, this code use for quick edit icon on widget.
<b:include data='post' name='postQuickEdit'/>
and
<b:include name='quickedit'/>
This code will added when we add new widget, so dont forget to check if you added new widget
Step 3
Be sure to always use the
alt= code for each image and close the image with />
Step 4
Do not use the widget Archive using Hierarchy view, because it will show a lot of errors. Better to use the Model List, thereby reducing errors, but it will look more simple and elegant.
Step 5
Becarefully for using this step, couse small mistake can make some error on the blogs.
First time you can del this code for default injection code from blogger.
<b:include data='blog' name='all-head-content'/>
For change the injection by manualy follow this code and edit the bold content with your own, couse this is unique nothing same on each blog.
<!-- Blogger Default Meta -->
<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/YOURBLOGERID' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=YOURBLOGID' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/YOURBLOGID/posts/default' rel='service.post' title='BLOGTITLE - Atom' type='application/atom xml'/>
<link href='http://www.YOURBLOGURL.blogspot.com/feeds/posts/default' rel='alternate' title='BLOGTITLE - Atom' type='application/atom xml'/>
<!-- End Blogger Default Meta -->
YOURBLOGERID: is your blogger profile ID show in numberic on your blogger profile URL.
YOURBLOGID: is your blog ID show when we edit our blog, check on the url identity with numberic.
BLOGTITLE: is your blog title.
YOURBLOGURL: is your blog url .com
Step 6
Check your CSS skin code, don’t use many dash (
-) code to the CSS. its contain error for that code. Use max only two dash on your css for explain some code tag.
Step 7
This step will make big change on your blogger blog, this code will delete the navbar and also some inject code from blogger. Still on HTML Editor, place this code between </head> and <body> code :
<!-- <body>
<div></div> -->
Step 8
For page navigation that contain error url, we can hide that link. But that link is needed for good navigation. The error only on index pages, so we can hide the link only on index pages. Here the tricks, find this code
<b:include name='nextprev'/>
Replace with this code :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
Closing
I think it is still a lot of code that needs to be correct and the most basic is the use of the code (&) that contain error code for not in the end with (;). In addition there are also errors in the comment box susunanya inappropriate. Although not all mevalidasi this blogger template, but at least we can minimize errors.
Do not forget to always perform validation checks on the page to find the remaining errors on our blog after doing the step-step above.
Visit :
www.validator.w3.org 
Saturday, March 02, 2013
>
