How to make Our Blog Become Valid HTML 5





Baca Juga

Valid HTML 5
Creating Valid HTML5 - Hai Hai... Blogger, Good night wherever you are, to enhance a blog post on this Blog, I would like to explain about How to Make a Blog For Valid HTML5. Creating a blog in order to be valid HTML 5 is quite a bit complicated, and you should really already know the HTML for easy editing or deletion code that makes your blog HTML 5 invalid. So, here I will share to you the code that makes most of your blog template is not valid HTML 5, and you can simply delete the script code that makes your blog HTML 5 invalid. 

What is HTML5? 
HTML 5 is the fifth revision of the development of HTML (Hyper Text Markup Language) which was first created in 1990 and earlier versions of HTML 4 was created in 1997 and in 2011. This HTML 5 is still in development. The main objective is to improve the development of HTML 5 HTML technology  is that to support the latest multimedia technology, to be easily readable by humans and also easily understood by the search engines. 

HTML 5 is one of the works of the W3C (World Wide Web Consortium) to define a single markup language that can be written by means of HTML or XHTML. HTML 5 is not a primary key to affect the quality of SEO and SERP in search engines, because if your blog is valid HTML 5 is only slightly affects the quality of your blog, and keep in mind that HTML 5 is not so greatly affect the quality of SEO and SERP on our blog. 

What are the Advantages Blog Valid HTML5? 
Valid HTML5 have so many advantages for our blog. The advantages are pretty good and kind to the development of our blog are: 
  • Make it easy for search engines to index a document or article blog better and faster.
  • Document Object Model (DOM) is more stable and consistent.
  • Can determine the condition of a blog or website in more detail, especially in Dead Link (Broken Link).
  • HTML is more compatible to the latest browser.
  • Render better and faster browser.
  • Preferably search engines.
  • And many other advantages.
How to Check Valid HTML 5 Or Not? 
If you wanna know about your blog is in HTML 5 or no Please visit the website below: 
http://validator.w3.org 
http://html5.validator.nu 

How To Blog Valid HTML 5? 
To make your blog a valid HTML 5 please delete or replace the code below with appropriate, good, and true. 

Important Notes
Backup your template beforehand to prevent the occurrence of errors when editing or elimination of code. Please copy all the script code of your template and save it in notepad. 

Use Ctrl + F to speed up the search script code:

  • Look at the code Below
  • <?xml version="1.0" encoding="UTF-8" ?>
    
    <!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'>
    
    <head>
  • Then replace by code below

  • <?xml version="1.0" encoding="UTF-8" ?>
    
    <!DOCTYPE html>
    
    <HTML>
    
    <head>
    
    <meta charset='utf-8'/>

  • Find the code<html>and</html>replace by<HTML>and</HTML>


  • Find the code below

  • <b:include data='blog' name='all-head-content'/>
  • Then replace by

  • <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    
    <meta content='blogger' name='generator'/>
    
    <link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
    
    <link expr:href='data:blog.url' rel='canonical'/>
    
    <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
    
    <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
    
    <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' 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 == &quot;item&quot;'>
    
    <b:if cond='data:blog.postImageThumbnailUrl'>
    
    <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
    
    </b:if>
    
    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
    
    <meta expr:content='data:blog.metaDescription' name='description'/>
    
    <b:else/>
    
    <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
    
    </b:if>
    
    </b:if>

  • Find the code<b:skin><![CDATA[ then replace the code by

  • <link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
    
    &lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]]
    
    <style>


  • Find the Code<b:include name='quickedit'/>then remove all (each added widget will display the code as it is, you simply remove the above code every time you add a new widget).

  • Find the Code<a expr:name='data:post.id'/>then remove all (not obligatory).

  • Find the Code below, then remove all

  • <b:include data='post' name='postQuickEdit'/>

    and
    
    <b:includable id='postQuickEdit' var='post'>
    
    <b:if cond='data:post.editUrl'>
    
    <span expr:class='&quot;item-control &quot; + 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>

  • Find the code below (if there is clear and if there is not skip it)

  • <div class='post-share-buttons goog-inline-block'>...till...</div>


  • Find the code and replaced by &amp; (changes all)



  • If you are still confused and too many errors in your template, please replace the blog SEO Friendly template Valid HTML 5. You can browse in many websites.


  • That's the script code that makes your blog becomes invalid HTML 5, therefore you must replace or remove the code above. My advice is that after the replacement or removal of existing script code is to check how many errors appear, if you succeed on the wane, then replace or remove the code. If there are errors and invalid HTML 5, please comment because it would be very usefull or us. 



    Thats all my explanation about a few articles on How to Make Valid HTML 5 Blog. I do apologize if I have some mistakes. 

    Thanks...

    Subscribe to receive free email updates:

    0 Response to "How to make Our Blog Become Valid HTML 5"

    Post a Comment

    Peraturan Dalam Berkomentar:
    1. Komentar harus relevan dengan konten blog
    2. Harus menggunakan bahasa yang sopan
    3. Tidak boleh menyinggung SARA or Bullying.
    4. Hindari komentar SPAM. Exp: Nice gan, Makasih Gan, dll
    5. Tidak ada link di dalam isi komentar. Aktif maupun tidak.

    Gunakanlah Sarana Publik ini dengan Bijak. Baca dan Pahami isinya baru Berkomentar. Terimakasih.