What is HTML5?
HTML is a markup linguistic communication peculiarly used for structuring information as well as presenting content globe broad web.This is the 5th version of HTML since the root of www.HTML5 is a ameliorate evolution of the previous version of html.HTML v helps search engine to index your website or weblog inward ameliorate way.HTML v destination is to improve the search lineament as well as back upwards the multimedia applied scientific discipline for search engines as well as easily readable past times humans as well as understood past times computers.
What are the benefits of validating Blogger template to HTML5 Version
HTML5 versions hit got lot's of advantages few of them are below:
- Improved markup as well as cleaner code
- rich media elements
- browser rendering smoothen as well as faster
- support search engine to index website or weblog inward ameliorate way
- support to Mobile cook projects
- design elegant forms
- User interface enhancements
- Better Interactions as well as Doctype
- Many more..
How To Make a Blogger Template Valid HTML v Version
Installation steps:
Before proceeding to installation steps commencement brand certain to accept a backup of your template.
Step 1. Log inward to your Blogger concern human relationship as well as Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML
Step 3. Now hold off for the below code,you volition honor all this code inward your template merely to a higher identify the <head> tag.
Step 6. Now search for the next code <b:include data='blog' name='all-head-content'/> by using CTRL+F or CMD+F (Mac) keys and supervene upon it amongst the below code.
Step 3. Now hold off for the below code,you volition honor all this code inward your template merely to a higher identify the <head> tag.
<?xml version="1.0" encoding="UTF-8" ?>Step 4. Now supervene upon all the to a higher identify code,with the next below code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' 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'>
<?xml version="1.0" encoding="UTF-8" ?>Step 5. Now supervene upon the </html> amongst </HTML> inward your template,you volition honor this tag inward the bottom of your template.we hit got highlighted Both the html tags of your website or blog,so don't forgot to supervene upon the lastly one.
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
Step 6. Now search for the next code <b:include data='blog' name='all-head-content'/> by using CTRL+F or CMD+F (Mac) keys and supervene upon it amongst the below code.
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>Step 7. Now Search for the next <b:skin><![CDATA[ tag as well as supervene upon amongst the next below code.
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if>
<style type="text/css">Step 8. Now Search for the next ]]></b:skin> code as well as supervene upon amongst </style> code. directly your lastly code snippet volition hold off similar this:
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
<style type="text/css">Step 9. Now take all the below code snippet your honor inward template.you volition honor thus many times,remove all of them.
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
//All CSS Code Here..
</style>
whenever you lot volition add together novel widget you lot need to take i time again the below code.
<b:include name='quickedit'/>Step 10. And finally take all the below code from your template.
<b:include data='post' name='postQuickEdit'/>Step 11. Now Save your template..Done !
or similar below;
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
No comments:
Post a Comment