How to Make Valid XHTML Blogger Templates SEO

28 comments
How to Make Valid XHTML Blogger Templates - Reduce Total Error Templates Blogspot. Perhaps many who have discussed about how to create a blog template xhtml valid or invalid html5 by reducing the number of errors in templates and widgets. Where the diminishing number of errors on the template, it will be easier for the robot browse our blog and would affect the quality of the SEO of a blog.
To check the validation of a blog template can use the tools of the W3C Markup Validation Service by visiting http://validator.w3.org/ There, we just enter the url of the blog and can determine the amount of error of our blog . Before performing the validation , it is better to use other blogs to trial, if it does not delete the widget results in the perceived error or copy all the contents of the widget to the notepad.

How to Make a Blog Templates Valid XHTML / Valid HTML5

1. Login to your Blogger > Templates > Edit HTML > Expand Widget Templates check settings
2. Change 'DOCTYPE declaration , find the code below
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
remove all the above code and replace it with the following code 
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
after the change of code </html> to </HTML> 
3. Delete the existing comment on the CSS declaration, code search dash (-----) and delete them. example: 
/* ----------------------
Name: Leet Blogger Responsive Template
Date : 16 Jan 2014
Url : https://www.facebook.com/sec.researcher
-------------------------*/
Results become
/* Name: Leet Blogger Responsive Template
Date : 16 Jan 2014
Url : https://www.facebook.com/sec.researcher */
4. Remove the meta tag <b:include data='blog' name='all-head-content'/>
5. Removing the Navigation Bar default blogger, search <body> code and add the following code on top spot 
<!-- <body><div></div> -->
6. Removing Icon QuickEdit or images screwdriver, look for the code <b:include name='quickedit'/> 
if you have found clear all, do not forget if you later add a new widget to remove the code again. 

7. Removing Post icon, locate the following code 
<span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>
        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span> <div class='post-share-buttons'>
        <b:include data='post' name='shareButtons'/>
      </div> </div>
Remove and replace with the following code
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
8. adding types type = "text/javascript" on all JavaScript code and type type = "text/css" for all existing css, either in templates, post or in a widget. example:
<script src="https://leetblogger.googlecode.com/files/code.js"></script>
<script src="https://leetblogger.googlecode.com/files/coba.css"></script>
Change it to
<script type="text/javascript" src="https://leetblogger.googlecode.com/files/code.js"></script>
<script type="text/css" src="https://leetblogger.googlecode.com/files/coba.css"></script>
9. Hiding page navigation on the main page, look for the code <b:include name='nextprev'/> replace with the following code 
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
10. Adding Alt attributes on all images, examples 
<img height='75' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpOjFdZ-NLj0YZbVtJIJozDwGKIitbZ8uUgysBxa-b-iEsh8RCrV4AMMWCaxLnSeqPc0aY641JOCsZelzn2nPjp28mPYQaOeKV_1bI-zUIPWkhRJKqUNE4EVRpYKlX73aRIRdN8NVgfis/s1600/logo.png' width='75'/>
Change becomes as below
<img alt='no image' height='75' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpOjFdZ-NLj0YZbVtJIJozDwGKIitbZ8uUgysBxa-b-iEsh8RCrV4AMMWCaxLnSeqPc0aY641JOCsZelzn2nPjp28mPYQaOeKV_1bI-zUIPWkhRJKqUNE4EVRpYKlX73aRIRdN8NVgfis/s1600/logo.png' width='75'/>
11. Remove all the meta tags resulting Error in blog template. Use meta tags follows Valid HTML 5 
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<meta content='Your Blog Description' name='description'/>
<meta content=’Keywords of your blog’ name=’keywords’/></b:if>
<link href=’http://leetblogger.com/atom.xml’ rel=’alternate’ title=’Atom’ type=’application/atom+xml’/>
<link href=’http://leetblogger.com/feeds/posts/default’ rel=’alternate’ title=’RSS Feeds’ type=’application/atom+xml’/>
<link href=’http://www.blogger.com/openid-server.g’ rel=’openid.server’/>
<link href=’http://leetblogger.com/favicon.ico’ rel=’icon’ type=’image/x-icon’/>
<meta content=’verification code from google webmaster’ name=’google-site-verification’/>
<meta content=’alexa verification code’ name=’alexaVerifyID’/>
<meta content=’verification code from bing’ name=’msvalidate.01′/>
<meta content=’your Name’ name=’Author’/>
12. Addressing error css templates bundle, remove code <b:skin><![CDATA[
replace with the following code 
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' /> &lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]] <style>
13. Hide widgets on the main page.
<b:if cond='data:blog.homepageUrl != data:blog.url'>
The hidden widget you Want
</b:if>
14. Put it under the following script just below <head> 
<!--[if IE]><script type='text/javascript' src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script><![endif]-->
15. At the time of posting pictures remove attributes Anchor='1' and border='0' alt dressing and add the title attribute. The following example is a standard image format blogspot 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpOjFdZ-NLj0YZbVtJIJozDwGKIitbZ8uUgysBxa-b-iEsh8RCrV4AMMWCaxLnSeqPc0aY641JOCsZelzn2nPjp28mPYQaOeKV_1bI-zUIPWkhRJKqUNE4EVRpYKlX73aRIRdN8NVgfis/s1600/logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpOjFdZ-NLj0YZbVtJIJozDwGKIitbZ8uUgysBxa-b-iEsh8RCrV4AMMWCaxLnSeqPc0aY641JOCsZelzn2nPjp28mPYQaOeKV_1bI-zUIPWkhRJKqUNE4EVRpYKlX73aRIRdN8NVgfis/s1600/logo.png" /></a></div>
Change it to
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpOjFdZ-NLj0YZbVtJIJozDwGKIitbZ8uUgysBxa-b-iEsh8RCrV4AMMWCaxLnSeqPc0aY641JOCsZelzn2nPjp28mPYQaOeKV_1bI-zUIPWkhRJKqUNE4EVRpYKlX73aRIRdN8NVgfis/s1600/logo.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Leet Blogger" title="Leet Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpOjFdZ-NLj0YZbVtJIJozDwGKIitbZ8uUgysBxa-b-iEsh8RCrV4AMMWCaxLnSeqPc0aY641JOCsZelzn2nPjp28mPYQaOeKV_1bI-zUIPWkhRJKqUNE4EVRpYKlX73aRIRdN8NVgfis/s1600/logo.png" /></a></div>
16. Never use tag <center> to make writing or drawing centered, use the following code if you do not want to result in either an html error in the post or in the html widget. 
<div style="text-align: center;">Fill Widget</div>
If you really like this Post comment below! Thanks....

28 comments :

  1. hey, can you help for validation my blog ?
    Thi is my blog http://kang-mousir.blogspot.com/

    ReplyDelete
  2. thank you for giving useful information. this is the best way to change templates.

    ReplyDelete
  3. On this page, you'll see my profile, please read this information. Blog comment

    ReplyDelete
  4. Hi there! Nice post! Please tell us when I will see a follow up! buy backlinks from marketing1on1

    ReplyDelete
  5. Thanks for the blog post buddy! Keep them coming... Adult Package

    ReplyDelete
  6. If you are looking for more information about flat rate locksmith Las Vegas check that right away. I will do 30 article submission seo service dofollow backlinks

    ReplyDelete
  7. Yes i am totally agreed with this article and i just want say that this article is very nice and very informative article.I will make sure to be reading your blog more. You made a good point but I can't help but wonder, what about the other side? !!!!!!Thanks SEO Service Provider

    ReplyDelete
  8. This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value of providing a quality resource for free. 50 article submission dofollowlinks high quality backlinks

    ReplyDelete
  9. Search engine optimization has today gone a must to make online business successful. If a website is not visible in the first page of the search engine result page, there is less possibility of making good business with it. To get better result we should avoid some optimization mistakes. Let's learn what those mistakes are. Website Migration Services

    ReplyDelete
  10. You make so many great points here that I read your article a couple of times. Your views are in accordance with my own for the most part. This is great content for your readers. blog comments

    ReplyDelete
  11. I think this is a really good article. You make this information interesting and engaging. You give readers a lot to think about and I appreciate that kind of writing. I Will Do 15 Do Follow Niche Relevant Seo Service Do Follow Backlinks

    ReplyDelete
  12. I understand this column. I realize You put a many of struggle to found this story. I admire your process. Lead Generation Company

    ReplyDelete
  13. I was reading some of your content on this website and I conceive this internet site is really informative ! Keep on putting up. marketing 1on1 seo firm

    ReplyDelete
  14. I wanted to thank you for this great read!! I definitely enjoying every little bit of it I have you bookmarked to check out new stuff you post. organic seo company Redding

    ReplyDelete
  15. be triumphant! it can be one of the maximum beneficial blogs we have ever come upon upon the difficulty. first rate data! Im similarly to an expert in this topic consequently i can obtain your attempt tremendously quick. thank you for the massive formerly. Orlando SEO

    ReplyDelete
  16. This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post. business seo services

    ReplyDelete
  17. Keep up the good work , I read few posts on this web site and I conceive that your blog is very interesting and has sets of fantastic information. dofollow blog comment

    ReplyDelete
  18. Only strive to mention one's content can be as incredible. This clarity with your post is superb! Thanks a lot, hundreds of along with you should go on the pleasurable get the job done. free website seo backlinks

    ReplyDelete
  19. I was surfing the Internet for information and came across your blog. I am impressed by the information you have on this blog. It shows how well you understand this subject. seo backlinks

    ReplyDelete
  20. The most interesting text on this interesting topic that can be found on the net ... free email extractor

    ReplyDelete
  21. Ever wondered if it would be profitable to do web search engine optimization for others as an internet business? https://www.seoservicesindelhi.in/

    ReplyDelete
  22. Hello I am so delighted I located your blog, I really located you by mistake, while I was watching on google for something else, Anyways I am here now and could just like to say thank for a tremendous post and a all round entertaining website. Please do keep up the great work. SEO services

    ReplyDelete
  23. I think this is a really good article. You make this information interesting and engaging. You give readers a lot to think about and I appreciate that kind of writing. consultor seo sevilla

    ReplyDelete
  24. It's superior, however , check out material at the street address. pop over to this website

    ReplyDelete
  25. There is so much in this article that I would never have thought of on my own. Your content gives readers things to think about in an interesting way. Thank you for your clear information. link building

    ReplyDelete
  26. It is a fantastic post – immense clear and easy to understand. I am also holding out for the sharks too that made me laugh. small business seo

    ReplyDelete
  27. Yes, I am entirely agreed with this article, and I just want say that this article is very helpful and enlightening. I also have some precious piece of concerned info !!!!!!Thanks. visto turistico per il Canada

    ReplyDelete