How to HTML Validation for your Blogger XML Template
ADVERTISEMENTSHello bloggers lover, as we all know a lot of deficiencies found on blogger blogs. From the permalink structure is not familiar to many error code is detected in the W3C validation. It was very disturbing in the optimization of a blog, because the validation is very important to do with SEO. Besides blogs that have been validated highly favored by search engines like google.
We were not able to make a blogger blog into 100% valid, because there are some who make errors permalink validation. But we can reduce these errors by modifying some HTML code contained in the xml blogger template.
Go to page HTML editor, do not expand because it will make the widget code so that more and more difficult to edit, don’t forget to save the old template for recovery the missing code.
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
<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.
Related posts:
- How Import and Move Blogger to WordPress Self Host At before, this blog use free service host at blogger.com...
This is what I want!! My template have 244 error..and dont how to fix it.
but when I follow your tutorial, I just got 212 error..
it still too many error..sigh!!
Hello,
I have started my blog one month ago that time I was uploaded another template from other site that time blog was crawled. But when I changed template of my since that my blog still not crawled by google. I think in second theme there was not rss feed url in meta data (http://rikhavinfotech.blogspot.com/feeds/posts/default?alt=rss). Now I have included it. Also I have included meta description. Tell me now, will it work? what may another error to crawl my blog?.
Nice guide! Thanks for Sharing ^_^
Hi man! I’ve a problem… i validated by blogger website and everything is okey except labels page. In every page where there are multiple post, validator says that lots of images and br haven’t / > tags in the end. But single post are validating well. I wonder why validator threats them in different ways… Do you have any idea about fixing it?