Submit

25
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

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari o-om.com di inbox anda:


25 comments:

MAJALAH NUR HIDAYAH mengatakan...

Assalamu'alaikum, om mo tny nih? knp sy cb CSS validation, bnyk errornya ya?? tp stlh sy copy paste validationnya ke edit html, keluar pesan "tidak well formed" kr2 apanya ya? jazakallahu khairan atas bimbingannya.

Eko Priyanto mengatakan...

Duh kasihan amat sih om..! Majalah nurhidayah nanya kok di cuekin tuh..! aku juga ga tahu nih om..? kalau banyak yang error dan benerinya gimana..?

OOM mengatakan...

CSS validasi hanya untuk melakukan pengecekan..laporan kesalahan harus diperbaiki secara manual :)

NovalPutraBIMA mengatakan...

iya tuh ternyata saya banyak erornya makasih om untuk infonya :X

DzibrilOne mengatakan...

eror jarot juga waktu nyoba template css buat blogku minta solusinya;))

cah ndeso mengatakan...

kalo banyak error terus efeknya di mana

razi mengatakan...

salam bro, ada tidak cara otomatis perbaiki hasil kesalahan validasi?thx

si Gen mengatakan...

Ahhahaha.... setelah saya cek, ternyata situs besar semacam kapanlagi.com pun masih error. Bahkan google juga punya 2 eror. Tp setelah cek detik.com... wow... tidak ada errornya....
Mantabs tuh..!

Download Ebook Gratis mengatakan...

Ke TKP AHhhh... Mau nyoba check up doeloe... thanks om atas inponya..!

fajriphoto.com mengatakan...

ngomong@ cara benerinnya gimana ya om??
di del gitu yang eror eror??
binung :(

man behind the blog mengatakan...

Si om juga bingung tuh, hahaha

Zuki mengatakan...

Infonya berguna banget nih, Tx.

naughtyric mengatakan...

thanks info nya gan, cek ke tkp duluw :)

Beli Notebook Bekas mengatakan...

mohon petunjuk o'om, cara memperbaiki secara manual pada setiap pesan error..dan dimana letak serta bagaimana cara detilnya. sy tunggu di post berikutnya om,..tolong di konfrms thanks.

Bismar Tobing mengatakan...

wah saya setuju om, apabila ada tools untuk memperbaiki kesalahannya secara otomatis :D

kamto mengatakan...

ok,langsung dicoba

ichsan afriadi mengatakan...

ke tkp :D

Pembelajaran Komputer dan Internet mengatakan...

mantap cek ke tkp duluw, makasih :)

Pesona Gaib mengatakan...

Jadi kode CSS setelah divalidasi digunakan untuk mengganti kode CSS sebelumnya (yang lama) ya?

shafira mengatakan...

sungguh menarik... tpi ttp aky gk bisa nyesuainnya!! hufth

CATATANKU-YD mengatakan...

salam blogwalking...

mau nanya nih gan.. gimana cara mempperbaiki error pada css, karena kalau cek di w3, tidak ada petunuk untuk cara memperbaikinya..

mohon pencerahannya gan???

BsC ++ mengatakan...

I am very happy to see you here. Thanks for share your thought about blogging. And the best part of it, we all in the warmest community and find the greatest people like you, my friend. I am proud to be your friend here. God bless you.

Blog Rudy Hartono mengatakan...

info yang layak dicoba

cek validasi mengatakan...

saya cek template bloggku banyak yang tak valid nie, harus segera dibenahi
trims atas infonya agan

warungbelajar mengatakan...

wah bagus nih artikel kak , terim akasih atas infonya , kebetulan lagi belajar css ini

Poskan Komentar

Silahkan beri komentar dengan bijak dan jangan sampai komentar anda masuk dalam {COMMENTS SPAM}. Thanks

 

About Agus Ramadhani

Agus RamadhaniAgus Ramadhani dan lebih dikenal dengan panggilan OOM memulai kegiatan Blogging sejak tahun 2007 hingga sekarang. Saat ini dia focus sebagai profesional Blogger dan menjadi penulis dibeberapa blog miliknya yang cukup populer diantaranya..

Anda dapat menemukan OOM pada Twitter, Facebook dan Google+ dan Anda juga dapat menghubunginya di oom[at]o-om.com

GRATIS BLOGGER TEMPLATES

  
Segera konfirmasi email anda agar saya bisa mengirimkan template terbaru gratis ke email anda.