Cara Membuat Blog valid HTML5 - 100% Valid HTML5
Sebelumnya saya sudah menjelaskan cara membuat blog SEO FRIENDLY, pada kesempatan kali ini saya akan memberikan cara agar sebuah blog bisa valid HTML5. karena dengan seperti ini blog anda akan mudah terbaca dengan sempurna untuk semua browser yang ada sekarang.
Agar blog kita valid html5 kembali lagi kita harus mengedit code pada template blog anda, dan berikut beberapa langkah yang harus anda lakukan :
1. Sebelum melakukan editing alangkah baiknya backup terlebih dahulu template anda.
2. Cari code dibawah ini :
ganti dengan :
3. Pada bagian paling bawah code </html> ganti dengan </HTML>
4. Cari code dibawah ini :
dan ganti dengan :
5. ganti kode <b:skin><![CDATA[ dengan kode di bawah ini :
6. Hapus semua code lambang tang dan obeng :
pada setiap kali anda menambahkan widget.
7. hapus code yang ini juga :
8. Ganti semua code & dengan &
Semoga langkah langkah diatas blog anda sudah bisa valid HTML5.
Agar blog kita valid html5 kembali lagi kita harus mengedit code pada template blog anda, dan berikut beberapa langkah yang harus anda lakukan :
1. Sebelum melakukan editing alangkah baiknya backup terlebih dahulu template anda.
2. Cari code dibawah ini :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html "-//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>
<!DOCTYPE html "-//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>
ganti dengan :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
3. Pada bagian paling bawah code </html> ganti dengan </HTML>
4. Cari code dibawah ini :
<b:include data='blog' name='all-head-content'/>
dan ganti dengan :
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<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>
<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>
5. ganti kode <b:skin><![CDATA[ dengan kode di bawah ini :
<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/> <style type="text/css"> <!-- /*<b:skin><![CDATA[*/]] <style>
6. Hapus semua code lambang tang dan obeng :
<b:include name='quickedit'/>
pada setiap kali anda menambahkan widget.
7. hapus code yang ini juga :
<b:include data='post' name='postQuickEdit'/>
8. Ganti semua code & dengan &
Semoga langkah langkah diatas blog anda sudah bisa valid HTML5.