Cara Membuat Blog 100% Valid HTML5 - Apa sih Valid HTML5 itu? Valid HTML5 itu Adalah memperbaiki template yang kita gunakan agar mendukung dengan teknologi HTML5.
Berikut saya dapatkan dari beberapa sumber mengenai Valid HTML5:
- Membantu Search Engine mengindeks blog dengan baik.
- Render Browser lebih baik dan cepat.
- HTML5 Lebih compatible terhadap browser baru dan masih banyak lagi keuntung blog Valid HTML5 ini.
Cara Penerapannya
1. Backup template sobat
2. Cari kode seperti dibawah ini:
<?xml version="1.0" encoding="UTF-8" ?>ganti dengan kode dibawah ini:
<!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>
<?xml version="1.0" encoding="UTF-8" ?>3. Ganti kode </html> dengan </HTML> (Letaknya paling bawah kode template)
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
4. Ganti kode dibawah ini:
<b:include data='blog' name='all-head-content'/>5. Dengan kode dibawah ini:
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>6. Hapus semua kode:
<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>
<b:include name='quickedit'/>setiap kali menambahkan widget baru
7. Hapus kode dibawah ini:
<b:include data='post' name='postQuickEdit'/>atau seperti ini:
<b:includable id='postQuickEdit' var='post'>8. Ganti semua kode & dengan &
<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>
Demikianlah Cara Membuat Blog 100% Valid HTML5 semoga artikel ini bermanfaat ...
Resource: http://blog.kangismet.net/2013/08/cara-membuat-blog-valid-html5.html