Cara Validasi Blog Agar Support HTML 5

Blogger Trix | Cara Validasi Blog Agar Support HTML 5 Sangat bermanfaat untuk SEO blog kita, karena itu sobat harus memvalidate templet blog sobat.
Saya akan memberi tutorial Cara Validasi Blog Agar Support HTML 5, Kembali ke inti pembahasan. Sekarang saatnya untuk men-setting Step by step blog sobat agar support HTML 5 :

Untuk contoh blog yang sudah support HTML 5 adalah seperti gambar berikut. Jika sobat mengecek Blog Blogger Trix, mungkin saat ini sobat akan menemukannya belum tervalidasi namun masih dalam proses pem-valisian. Berikut cara dan pembahasannya :

Klik Untuk Zoom Gambar

1. Ganti kode berikut :

<?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>

Dengan kode berikut :

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

2. Ubah Kode <html> dengan <HTML> besera tag penutupnya.

3. Hapus kode-kode berikut :

<div class='post-share-buttons goog-inline-block'>
isi kode
</div>

4. Hapus lagi yang ini

<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>

5. hapus semua kode berikut

<b:include name='quickedit'/>

6. Hapus lagi kode yang ini

<b:include data='blog' name='all-head-content'/>

7. hindari penggunaan tag <center> atau ubah tag <center> dengan kode berikut

<div style="text-align:center;">
Isi atau Kode
</div>

8. Rubah kode <b:skin><![CDATA[ sehingga hasilnya seperti berikut :

<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></b:skin>

9. Cek Meta tag blog sobat di http://validator.w3.org/ jika menemukan error hapus saja. kode error pada meta tag yang sering saya temukan adalah seperti kode berikut, jika kode berikut ada dimetag blog sobat maka hapus saja karena kode berikut belum sopport HTML 5.

<link href='https://plus.google.com/116156650385680645147/post' rel='publisher'/>
<meta content='follow, all' name='googlebot-image'/>

10. cari dan ganti kode berikut <b:include name='nextprev'/>

Ganti dengan kode berikut :

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:include name='nextprev'/>
</b:if>

11. perhatikan beberpa hal berikut

- Tambahkan tag alt di setiap tag <img>
- Hilangkan kode imageanchor pada tag img.
- Hilangkan kode border pada tag img.

12. lengkapi kode java script (<script ) dan css (<style ) seperti kode berikut:

<script type='text/javascript'>
<style type='text/css'>

13. Bila kalian menemukan kode seperti ini :

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger : Oppa Gangnam Style
Name : Sexy Lady
Date : 03 Feb 2013
----------------------------------------------*/

hapus tanda "-" , sehingga menjadi :<b:skin><![CDATA[/*

Blogger : Oppa Gangnam Style
Name : Sexy Lady
Date : 03 Feb 2013
*/

14. Masukkan kode dibawah ini tepat DIBAWAH kode </head>

15. Perhatikan Hal berikut :

Tambahkan tag alt di setiap tag <img>
Hilangkan kode imageanchor pada tag img.
Hilangkan kode border pada tag img.

16. Hapus Widget dibawah ini (Jika ada) :

Google+ Followers
Pengikut
Share Button
Statistic (Penghitung jumlah pengunjung)

Selesai , Simpan Template
Setelah itu, silahkan kalian cek blog kalian disini
Oke semoga bermanfaaat dan berguna. jika masih bingung silahkan berkomentar.

Judul : Cara Validasi Blog Agar Support HTML 5
Deskripsi : Blogger Trix | Cara Validasi Blog Agar Support HTML 5 Sangat bermanfaat untuk SEO blog kita, karena itu sobat harus memvalidate templet blog...