Validasi CSS dengan W3C CSS Validation

Telah saya jelaskan sebelumnya kita melakukan validasi code
html dengan CSS menggunakan "javascript console" (Lihat). Sekarang saya akan menjelaskan
cara melakukan validasi menggunankan layanan W3C. W3C Merupakan Layanan yang
dikhususkan untuk melakukan validasi CSS secara cepat dan yang terpenting tool
ini free alias gratis :)


Tampilan masukan Url untuk validasi css






Laporan hasil validasi








Langkah-Langkah untuk melakukan validasi :

1. Ketik
http://jigsaw.w3.org/css-validator/



2. Pada tab "by url" masukan alamat url kita misalkan "http://namablog.blogspot.com" lalu tekan check untuk melakukan proses validasi



3. Proses selanjutnya anda bisa melihat validasi dari kode html dengan css yang
telah dilakukan pengecekan



4. Jika ingin mengecek css secara langsung tanpa menggunakan alamat url anda
bisa melakukan upload langsung dari komputer. caranya tinggal pilih tab "by file
upload" kemudian pilih browse kemudian pilih file dengan ekstensi (*.css).



5. Cara terakhir cara favorite saya yaitu dengan copy paste kode css secara
langsung. Caranya tinggal pilih "by direct input" cara ini lebih cepat karna tidak perlu memakan waktu untuk proses
download html.



6. WSC juga menyediakan plugin untuk Browser firefox anda bisa mendownload
Disini

Tips blogger css validator menggunakan "JavaScript Console" pada Flock Browser

Ada tips cepat untuk mengecek validasi dari code html terutama kode CSS blogger
yaitu dengan cara menggunakan salah satu tool yang merupakan fasilitas dari
Flock Browser. Tentu sudah pernah dengar Flock Browser khan, yup.. ini juga merupakan
salah satu keluarga dari mozilla dan Firefox. Jika belum memiliki Flock Browser kamu bisa
download Disini. Kenapa saya menyarankan menggunakan tool ini, karna dari
beberapa tools yang saya gunakan "JavaScript Console" bekerja lebih cepat dan
akurat serta sudah satu paket dalam Flock. Memang harus dimaklumi dibanding tool khusus
cara ini banyak kekurangan diantaranya kita melakukan pengecekan sendiri pada
kode css yang error. yah namanya juga cara tercepat dan praktis kita dapat kita gunakan

Cara melakukan pengecekan validasi html/css code sebagai berikut:



1. Buka Browser Flock, kemudian masukan alamat blog kamu, saya sarankan jangan
membuka url dengan alamat lain walaupun berbeda tab cukup alamat blog kita aja.



2. Jika loading halaman sudah selesai kemudian klik Tools -> JavaScript Console







3. Terdapat beberapa pilihan tab yang bisa kita amati sebaiknya pilih pada tab
All.



4. Sekarang kita bisa mengamati apabila ada code yang tidak valid pada halaman blog
kita. Cari halaman yang berkaitan dengan blog, saya contohkan disini kita
melihat kode yang error pada halaman http://o-om.blogspot.com 







5. Pada halaman http://o-om.blogspot.com   terdapat code yang error
disertai dengan informasi Line kesalahan error. untuk memudahkan melihat lokasi
error kita cukup clik link url-nya.







6. Jika kode error sudah ditemukan kita tinggal mengedit dan memperbaiki code
tersebut pada code html blogger kita.

Selamat mencoba :)