Blog valid HTML5 CSS3, Template Valid HTML5 CSS3, Membuat blog valid HTML5 dan CSS3
Berikut Ini ada beberapa tips bagi sobat yang ingin mencoba validasi CSS3, dengan menghilangkan error atau warning, silahkan coba tips dibawah ini :
Non Aktifkan CSS Reset Stylesheet Blogger
Cara menonaktifkan CSS Reset ini, saya temukan di Blog Damar Zaky, aplikasinya dibuat mudah oleh Kompi Ajaib. Silahkan lihat kode dibawah, biasanya susunan template sobat akan seperti ini :
<b:skin><![CDATA[* ...... KODE CSS DI SINI ...... ]]></b:skin>
Kode <b:skin><![CDATA[* diganti dengan kode dibawah ini :
<style type="text/css"><!-- /* <b:skin><![CDATA[*/]]></b:skin> <style type='text/css'>
Sedangkan kode ]]></b:skin> diganti dengan kode :
</style>
Setelah berhasil menonaktifkan CSS Reset ini, akan ada sedikit perubahan tampilan, baik di dashboard atau di blog. Saran saya tidak usah panik, edit saja satu persatu.
Langkah Selanjutnya Hapus Beberapa Kode
Dengan hadirnya CSS3 ini, kode-kode tersebut sudah tidak diperlukan lagi. Seperti contoh kode rounded corner (ujung membulat) biasanya kodenya akan kita temui di template kita seperti ini :
-moz-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
Dengan datangnya CSS3, untuk beberapa browser hanya diperlukan kode border-radius:5px, oleh karena itu, hapus semua kode yang berawalan:
-moz- -khtml- -o- -webkit-
Hapus juga kode dengan awalan
DXImageTransform
Beberapa Perintah Validator
Banyak perintah-perintah perbaikan dari CSS Validator. Sebagai contoh perintah seperti ini :
Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space.
Ini artinya, apabila ada hurup mempunyai spasi, tambahkan tanda petik (“). Misal : sobat menggunakan huruf Open Sans, Segoe UI, Arial (sebagai backup apabila huruf pertama tidak bisa diload) maka penulisannya
font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif
Sebetulnya masih banyak perintah yang lain, silahkan lakukan secara bertahap dan rilek saja. Selamat Mencoba tahap demi tahap agar blog template sobat valid HTML5 dan CSS3, terutama membuat breadcrumb valid HTML5 dan CSS4