Cara Mengurangi Error Validasi W3
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)
Jika sudah ketemu ganti kode diatas dengan kode berikut ini :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Sekarang cari kode seperti di bawah :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Jika sudah ketemu ganti dengan kode berikut :<b:include data='blog' name='all-head-content'/>
Keterangan : ganti tulisan yang berwarna biru<!-- 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/12175072212877005235' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=3357249562760861965' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/3357249562760861965/posts/default' rel='service.post' title='blog sauted - Atom' type='application/atom+xml'/>
<link href='http://blogsauted.blogspot.com/feeds/posts/default' rel='alternate' title='blog sauted - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
12175072212877005235 ganti dengan ID Profile (bisa dilihat pada address bar browser saat buka profile)
3357249562760861965 ganti dengan ID Blogger (bisa dilihat pada address bar browser saat edit blog)
http://blogsauted.blogspot.com ganti dengan Url blog sobat
blog sauted ganti dengan title blog sobat
Selanjutnya cari kode berikut :
Jika sudah ketemu hapus semua kode tersebut yang ada pada template sobat<b:include name='quickedit'/>
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>
Keterangan : kode tersebut berfungsi untuk menghapus navbar blogger, kalau ada konfirmasi untuk menghapus, klik hapus.<!-- <body><div></div> -->
Hilangkan post icons, cari kode seperti berikut
Jika sudah ketemu hapus dan ganti dengan kode dibawah ini<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>
<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
Source: tiptrikblogger.blogspot.com
