Postingan sebelumnya saya sudah menjelaskan Cara Memvalidasi Blog di W3 Markup Validation Service, dan postingan kali ini saya akan menjelasan Cara Mengurangi Error Validasi W3.
Tanpa banyak basa-basi langsung saja kita praktekkan
Berikut Cara Mengurangi Error Validasi W3
Ganti
DOCTYPE punya blogger
Caranya :
Login ke
Blogger
Klik
Rancangan →
Edit HTML
Klik tulisan
Download Template Lengkap
Silahkan
save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda
centang pada kotak di samping tulisan
Expand Template Widget
Kemudian cari kode seperti berikut letaknya di awal kode template
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol
Ctrl +
F atau (
F3)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Jika sudah ketemu ganti kode diatas dengan kode berikut ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Sekarang cari kode seperti di bawah :
<b:include data='blog' name='all-head-content'/>
Jika sudah ketemu ganti dengan kode berikut :
<!-- Blogger Default Meta -->
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/00356345871860419117' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=6634386433859994495' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/6634386433859994495/posts/default' rel='service.post' title='Tip Trik Blogger - Atom' type='application/atom+xml'/>
<link href='http://tiptrikblogger.blogspot.com/feeds/posts/default' rel='alternate' title='Tip Trik Blogger - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
Keterangan : ganti tulisan yang berwarna
biru
00356345871860419117 ganti dengan ID Profile (
bisa dilihat pada address bar browser saat buka profile)
6634386433859994495 ganti dengan ID Blogger (
bisa dilihat pada address bar browser saat edit blog)
http://tiptrikblogger.blogspot.com ganti dengan Url blog sobat
Tip Trik Blogger ganti dengan title blog sobat
Selanjutnya cari kode berikut :
<b:include name='quickedit'/>
Jika sudah ketemu hapus semua kode tersebut yang ada pada template sobat
Keterangan : kode tersebut di atas adalah kode yang menampilkan gambar tank dan obeng yang biasanya berada di sudut bawah widget
Catatan : usahakan jikan sobat menambahkan widget/gadget baru pada template, cek pada
Edit HTML, dan hapus kode tersebut.
Kemudian tambahkan kode berikut dibawah kode
</head>
<!-- <body><div></div> -->
Keterangan : kode tersebut berfungsi untuk menghapus navbar blogger, kalau ada konfirmasi untuk menghapus, klik hapus.
Hilangkan post icons, cari kode seperti berikut
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
Jika sudah ketemu hapus dan ganti dengan kode dibawah ini
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
Selanjutnya usahakan kurangi penggunaan kode strip/dash (-)
Contoh untuk HTML
<!--------------- Blogger Default Meta ---------------> Kesalahan
<!--End Blogger Default Meta--> Yang di anjurkan
Contoh untuk CSS
/*--------------- Navbar ---------------*/ Kesalahan
/*Navbar*/ Yang di anjurkan
Gunakan tag alt pada setiap gambar.
Contoh :
<img alt='Keterangan' src='Url gambar'/>
jika sudah
SIMPAN TEMPLATE.
Untuk membuktikan kebenarannya sebelum di edit sobat bisa cek di situs
http://validator.w3.org/ berapa errornya dan sesudah di edit berapa errornya.
Semoga bermanfaat
