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 -->
<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>
<!-- 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>
<!-- 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
No comments:
Post a Comment