Posted inBlog

Mengakrabi CSS/XHTML Validator

4 Agustus 2008No Comments

Berkat bantuan Mas Ronggo yang menyediakan theme premium gratis, kemarin saya memutuskan untuk mengganti theme. Kali ini saya memilih theme Revolution News 1.0 karya desainer Brian Gardner. Bukannya apa-apa. Kebetulan kemarin hari Minggu, sedang tak ada kerjaan. Jadi, ada waktu luang untuk belajar “bahasa” CSS dan HTML. Iseng-iseng saya mencoba menginstal theme yang sudah saya unduh. Tampilannya memang menarik, tetapi bingung juga untuk mengopreknya. Yang pasti, tampilan halaman depan (home) sungguh sulit saya pahami. Memang, ada plugin yang bisa digunakan untuk membantu mengatasinya. Namun, agaknya plugin yang disediakan kurang mendukung atau bisa jadi saya yang memang tidak paham. Akhirnya, saya memutuskan untuk mengoprek secara manual. Melelahkan dan capek, sampai tak tidur semalaman, hiks. Untung saja koleksi MP3 gending-gending Jawa yang ada di PC masih bersahabat dengan saya sehingga bisa sedikit menghibur.

Ah, memilih theme agaknya memang bukan perkara gampang. Ada banyak pertimbangan. Pertama, test loading-nya entheng. Biasanya ini dimiliki oleh theme-theme minimalis karena tak terlalu banyak fitur yang digunakan. Kedua, tampilan sesuai dengan selera. Ketiga, memiliki tingkat kesahihan alias validitas CSS dan XHTML.

Para penganut standar Web, pasti juga memiliki pertimbangan tersendiri. Salah satu penganut setia standar Web adalah Pak Dani Iswara. Dokter yang kini bermukim di Den Pasar, Bali itu, bisa dibilang sebagai bloger yang sangat peduli pada blog berstandar Web, sampai-sampai menyediakan halaman khusus untuk memuat web atau blog yang dinilai menganut standar WEB. Tanpa saya duga, ternyata blog abal-abal ini dimasukkan juga ke dalam daftar 42 Situs perorangan Penganut Standar Web di Indonesia. Terima kasih, Pak Dani, yang telah menyempatkan diri untuk menguji blog ecek-ecek ini berdasarkan standar Web.

Theme WP-Premium yang sebelumnya saya pakai, memang tidak ditemukan lagi kesalahan kode CSS atau XHTML-nya berdasarkan analisis W3C. Namun, berkali-kali saya cek berdasarkan validome, selalu saja ditolak dan blog saya dinilai tidak valid kode HTML / XHTML / WML / XML-nya. Itulah yang mendorong saya memutuskan ganti theme. Sambil mendengarkan alunan suara waranggana yang diiringi alunan gamelan yang rancak dan ketipak gendang yang sesekali menghentak, saya mencoba untuk menelusuri ratusan error kode CSS dan XHTML yang masih terus bermunculan.

Setelah “berjibaku” mengoprek-oprek, theme yang sekarang saya gunakan agaknya dinilai valid berdasarkan analisis W3C (valid CSS dan XHTML), ATRC dalam keadaan conditional pass meski masih ada sekitar 250-an kode yang potensial bermasalah, dan valid XHTML 1.0 Transitional berdasarkan analisis validome. Berikut ini beberapa skrinsyut-nya.

Saya juga tidak tahu, apakah kondisi semacam itu akan berpengaruh terhadap indeks google atau kemudahan pengunjung dalam bertamu di blog ini. Sekali lagi, saya hanya iseng dan sekadar untuk membuktikan rasa penasaran saya dalam mengoprek “bahasa” tag CSS dan HTML. Dari Pak Dani Iswara, saya juga memperoleh informasi dari postingan beliau di sini bahwa sekarang ada Sakui Web Validator sebagai situs yang berfungsi untuk menganalis sebuah WEB. Ada beberapa faktor yang dianalisis, di antaranya Markup X/HTML, CSS Style, Accessibility, Usability, Features (RSS), Speed (Gzip compression), SEO, Privacy (P3P), dan Compatibility (web safe fonts). Saya juga tidak tahu maksud semua itu. Mungkin Pak Dani Iswara yang bisa menjelaskannya. Karena penasaran, saya pun iseng untuk mencobanya.

Hasilnya? Berdasarkan data pukul 00.32 WIB, Senin, 4 Agustus 2008, blog ini hanya memiliki skor 49% dan berada pada peringkat 50 dari 152 web/blog yang terdaftar. Masih sangat jauh dari kesahihan blog para master web, semacam Maseko atau Dani Iswara yang berada pada peringkat 17 dan 18. Hal yang wajar bagi seorang pengelola blog abal-abal seperti saya, hehehe 😆 Peringkat tersebut akan terus berubah sering dengan makin banyaknya web atau situs yang terdaftar.

Sampeyan tertarik juga untuk menguji blog masing-masing? Silakan langsung meluncur ke TKP! ***

Tags:

Comments

  1. nenyok
    Reply
    4 Agustus 2008,

    Salam
    Pertamax ni kayaknya
    Wah pak dhe rajine oprek-oprek begitu, saya kok ga mudheng, ga ganti-ganti theme..karena belum bosen atau memang type setia he..he..
    hey siapa bilang blog Pakdhe abal-abal..btw abal2 teh apa sie duh.. :411

    nenyoks last blog post..Apa Kotak hitam or Black Box itu??

    gonta-ganti theme karena merasa masih ada yang kurang cocok, mbak nenyok, hehehe 😆 berarti saya termasuk tipe yang tidak setia, yak? kekekeke 😀

  2. nenyok
    Reply
    4 Agustus 2008,

    Salam
    He..he..saya ke TKP dan hasilnya seperti yang sayah duga “32%
    This webiste does not qualify for an award!” di urutan 84 he..he..tragis but its fun *hiperbol mode:ON*
    Btw tampilan Web Pakde nurut sayah lebih simple, sederhana tapi eye catching nie…Semangat!!!

    nenyoks last blog post..Apa Kotak hitam or Black Box itu??

    wah, salut buat mbak nenyok yang sempat meluncur ke tkp. wah, skore 32% juga dah lumayan bagus, kok, mbak :oke

  3. Epat
    Reply
    4 Agustus 2008,

    wah pak sawali memang jagonya nguprek theme wordpress 😀

    walah, masih harus banyak belajar, mas epat 😆

  4. KiMi
    Reply
    4 Agustus 2008,

    Pak Sawali ini hobi sekali ya ngoprek2 theme? Kalo aku mah mana pahaaam… Lebih seneng terima jadi. Hehehehee..

    KiMis last blog post..More Than Words

    hehehehe 😆 seringkali kurang cocok dg theme yang ada, mbak, shg terpaksa harus ngoprek lagi, haks, haks …

  7. marsudiyanto
    Reply
    4 Agustus 2008,

    Komentar ini saya tulis saat ngantuk dengar presentasi di STM Kendal. Ngantuk karena belum ngrokok….

    marsudiyantos last blog post..Ejaan bin Edjaan

    kekekekeke 😀 sama2 ngantuk! enake terus piye? 💡

  8. Yari NK
    Reply
    4 Agustus 2008,

    Saya sampai sekarang belum bisa mengoprak-ngoprek HTML dan CSS-nya secara maksimal, maklumlah karena sedikit gaptek juga karena saya masih pakai yang gretongan! Huehehehe….

    Malah sekarang saya lagi kerajinan ngoprak-ngoprek matematika á la Kang Jupri nih. Huehehe…. 😀

    Yari NKs last blog post..Leo

    walah, gpp, bung yari. yang gratis malah dah siap pakai, kok. btw, ngoprek matematika ala kang jupri menarik juga tuh :oke

  9. dani
    Reply
    4 Agustus 2008,

    wah pak guru sawali, tdk pantang menyerah..saya salut pd yg berhasil menerapkan dan mempertahankan kondisi itu..dan ternyata memang tdk mudah.. 🙂

    peramban2 berusaha menerapkan standar web (walau masih banyak aspek standar web lainnya; bukan sekadar validator online itu), blogger jg dong.. 🙂

    utk pembelajarannya saya buat daftar situs itu..sbg ucapan terima kasih krn dari kode sumber web/blog beliau2 saya bs belajar 😀 saya pemula jg lho pak..
    salut buat pak sawali dan blogger2 lainnya
    terima kasih apresiasinya..

    danis last blog post..Elearning Indonesia melalui Inisiatif Edufiesta

    waduh, makasih banget juga apresiasinya, pak dani. wah, lagi mencoba mengakrabi css/html validator, pak. masih gaptek banget, haks :oke

  11. qizink
    Reply
    4 Agustus 2008,

    boro2 mau oprek-oprek html… maen internet aja nunggu kompi di kantor kosong…
    *Pemred melotot di belakang* 😯

    qizinks last blog post..Hari Kemerdekaan

    hehehehe 😆 maklumi aja mas qizink. seorang jurnalis memang padat jadwalnya, apalagi kalau sudah mendekati diadline :oke

  12. Rafki RS
    Reply
    4 Agustus 2008,

    Ganti wajah nih Pak. Lebih fresh dan simple kelihatannya. Thanks infonya tentang pengujian validitas standar web di atas.

    makasih apresiasinya, pak rafky 💡

  14. Donny Verdian
    Reply
    4 Agustus 2008,

    Yang saya kagum dari sampeyan, Pak.. meski Anda guru Bahasa Indonesia tapi keingintahuan anda tentang IT itu mengalahkan mahasiswa-mahasiswa jurusan IT sendiri.
    Salute!

    Donny Verdians last blog post..Akhirnya Aris lah Jawara Indonesian Idol 2008

    walah, jadi malu nih sama mas donny, hehehehe 😆 boasa saja kok, mas, hanya suka iseng saja, haks :oke

  16. Jangan gaptek
    Reply
    4 Agustus 2008,

    Terimakasih Pak GUru atas kunjungannya ke blog ku, dan tq atas commentnya. bg yg mo liat comment seorang guru yg bijak silakan datang ke blog ku.

    Jangan gapteks last blog post..The King of SEO

    ok, sama2 mas kipram, hehehe 🙄

  18. laporan
    Reply
    4 Agustus 2008,

    Wah pak sawali memang serba bisa, info ini sangat bermanfaat, btw CSS, HTML, dab XHTML itu apa ya maksudnya, saya kok ngak dong-dong, padahal sudah baca berkali-kali.

  19. laporan
    Reply
    4 Agustus 2008,

    Wah pak sawali memang serba bisa, info ini sangat bermanfaat, btw CSS, HTML, dan XHTML itu apa ya maksudnya, saya kok ngak dong-dong, padahal sudah baca berkali-kali.

  20. laporan
    Reply
    4 Agustus 2008,

    Wah pak sawali memang serba bisa, info ini sangat bermanfaat, btw CSS, HTML, dab XHTML itu apa ya maksudnya, saya kok ngak dong-dong, padahal sudah baca berkali-kali.

    laporans last blog post..Politik Asmara Mataram

    walah, jangan berlebihan, pak aryo. saya juga nasih baru belajar, kok :oke

  21. zoel
    Reply
    4 Agustus 2008,

    wahhhh saya blom bisa nyoba nichhh

    hehehehe 😆 ya dicoba aja, mas zoel 🙄

  22. Nazieb
    Reply
    4 Agustus 2008,

    Beuh..
    Jarang lho, Pak.. ada generasi senior yang mau belajar hal yang baru dari awal..

    Saya menjura pada sampeyan..

    kekekeke 😀 hanya kebetulan ndak ada kerjaan kok, mas nazieb, hehehe 😆

  26. Donny Reza
    Reply
    4 Agustus 2008,

    Sejak setahun terakhir saya juga sudah pake validator untuk ngecek. Bagusnya mengikuti standar jadi lebih mudah untuk melakukan perbaikan-perbaikan. Makanya, IE sekarang mulai ditinggalkan Developer karena nggak standar 🙂

    Donny Rezas last blog post..Rakyat dan Tuhan

    oke, makasi tambahan infonya, mas donny 💡

  27. Petani
    Reply
    5 Agustus 2008,

    Ternyata bukan saja ahli Sastra, si bos Guru ini juga alhi HTML dan CSS.
    Wah bisa berguru nih,
    sambil ngeblog.

    Mantap.com bos Guru.

    Salam kenal dan Hormat.

    kekekekeke 😆 wah, mas petani bisa aja nih. salam kenal juga, mas. :oke

  28. Iis sugianti
    Reply
    5 Agustus 2008,

    hwaduh, suami saya sih yang rajin oprek themes (dulu)..sekarang aja masih, tapi gak se intens (dulu). Saya juga mulai belajar nie ko pak. Tapi sambil menyambi Dimas yang mencelat-mencelat… :411 :411 🙂

    wah, salut juga sama suami mbak is. wah, dimas kok mencelat2? haks 😀

  29. Daniel Mahendra
    Reply
    5 Agustus 2008,

    Sejak kali pertama berkunjung, Pak Sawali ini selalu telaten mencoba ini-itu. Sesuatu yang belum berani kucoba sepenuhnya… 🙂

    hanya suka iseng saja kok, mas daniel, hehehe :oke

  30. Edi Psw
    Reply
    5 Agustus 2008,

    Wah, selamat ya, Pak? Ternyata blog Pak Sawali ini valid CSS dan valid XHTML. Kalau blog saya, masih banyak yang error, Pak. Nggak tahu gimana solusinya, soalnya saya sudah terlanjur senang dengan theme yang saya gunakan saat ini. Dulu ngoprek2nya juga lama, untuk mengganti tampilan yang beda.

    Edi Psws last blog post..Lebih Baik Terlambat daripada Datang Lebih Awal

    ok, makasih, pak edi 🙄 kalau sudah mantab yang nggak perlu dioprek lagi, pak 💡

  31. denny
    Reply
    5 Agustus 2008,

    bagaimana kalau sekedar copy paste CSS untuk themes :p

    dennys last blog post..se-oplah koran…

    utk blog yang berdomain saya kira ndak masalah asalkan cocok, mas denny! :oke

  32. Rindu
    Reply
    5 Agustus 2008,

    Tampilannya memang jauh lebih bagus mas … bener, gak ngibur 🙂

    Rindus last blog post..Buaian angin

    waduh, jadi malu, nih, mbak rindu. makasih yak? :oke

  34. okta sihotang
    Reply
    5 Agustus 2008,

    wagh..mantap mas sawali…ga hanya mntap dalam hal mengajar, tapi didunia perblogan juga mantap..salut to mas sawali 😉

    okta sihotangs last blog post..Awal Agustus di Jakarta

    kekekeke 😆 mas okta bisa aja nih. sanjungannya terlalu berlebihan, haks 💡

  35. laporan
    Reply
    5 Agustus 2008,

    Nginstalnya caranya bagaimana pak, saya kalau coba-coba takut salahnya

  36. laporan
    Reply
    5 Agustus 2008,

    Nginstalnya caranya bagaimana pak, saya kalau coba-coba takut salahnya

    laporans last blog post..Klaim Sejarah

    waduh, utk semntara instal theme itu hanya diperbolehkan utk blog yang kebetulan berdomain, pak aryo, hehehe 😆 theme blog wp.com juga tak kalah menarik kok, pak :oke

  40. sapimoto
    Reply
    5 Agustus 2008,

    Berat klo udah urusan ngoprek script….
    Punya saya juga sedang proses, Pak…
    Semoga tidak banyak masalah dan bisa segera launching…

    sapimotos last blog post..Perbanyak Backlink, Page Rank Meningkat

    ok, mas sapimoto, mudah2an prosesnya lancar dan tdk banyak kode2 css dan xhtml yang error :oke saya tunggu launchingnya, mas.

  41. Gunawan Rudy
    Reply
    5 Agustus 2008,

    Selamat pak. Heheee… Nggak Revolution Pro Media aja sekalian?

    Saya sih gara-gara desain terus, blog terbengkalai. Maklum kecanduan kerja desain…

    makasih, mas rudy. yang media pro terlalu rumit. terlalu banyak ngopreknya, hehehe 😆

  42. masarif
    Reply
    6 Agustus 2008,

    Gara-gara anu saya terlambat dapat info dari P Guru.. Gending yang menemani yang ini ya, pak?

    terlambat? kenapa, mas arif? hehehe 😀

  43. serdadu95
    Reply
    6 Agustus 2008,

    Sementara ngabsen ajehh nggih…. Saya ndak dong Pak… jadihh bingung mo komen apahh. Pokoke sukses aja dahh.

    serdadu95s last blog post..Berbagi Kisah

    silakan bung serdadu, makasih sudah berkunjung 🙄

  44. Gelandangan
    Reply
    6 Agustus 2008,

    saya mirip sekali dengan mas sawali klo sudah 2 bulan themes jadi bosen diliatnya pengen gant yg baru 😀

    wew… kok bisa sama, ya mas? haks… tapi perlu di[ertimbangkan juga kecepatan loading dan valisitas css/htmlnya, mas, agar ndak terlalu ribet indeks google-nya 🙄

  45. edratna
    Reply
    6 Agustus 2008,

    Waduhh……saya cuma berusaha bisa tetap menulis, jadi themanya ya itu-itu aja….
    Salut deh sama pak Sawali, yang rajin ngoprek…

    edratnas last blog post..Apa sumbangan tulisan di blog bagi pembaca?

    nggak apa2, bu enny. kebetulan saya suka iseng ngoprek theme, bu enny, hiks :oke

    • Sawali Tuhusetya
      Reply
      13 Desember 2008,

      salam kenal juga, mas, terima kasih kunjungannya. duh, saya juga barusan belajar soal css dan html kok, hehehe …

  48. riesal
    Reply
    5 Januari 2010,

    css masih error:
    W3C CSS Validator results for http://sawali.info (CSS level 2.1)
    Sorry! We found the following errors (7)

    xhtml 1.0 transitional sudah ok. menurut saya kalo editor visual wp dipakai masalah xhtml comply ini tidak perlu ada. kecuali pakai xhtml strict 🙂

    salam sukses pak guru.
    .-= Baca juga tulisan terbaru riesal berjudul "Majapahit has been released!" =-.

    • Sawali Tuhusetya
      Reply
      9 Januari 2010,

      terima kasih infonya, mas rizal. baru saja saya cek nih. ternyata ada plugin yang ndak sesuai dengan standar web.

  49. cah ndeso
    Reply
    5 Januari 2010,

    menurut saya, gampang2 susah untuk bisa memaksimalkan sebuah web agar bisa bener2 valid menurut W3C dan situs validator lainnya.

    Apalagi blog saya yang notabene dari free hosting. Sangat susah untuk dapat memvalidasi karena adanya iframe banner dari pemiliknya 🙁

    Btw, nice info Pak dan salam sukses dari Lereng Muria 😉
    .-= Baca juga tulisan terbaru cah ndeso berjudul "Akhirnya, Kembali Seger Lagi" =-.

    • Sawali Tuhusetya
      Reply
      9 Januari 2010,

      betul sekali, mas. blog saya yang berdomain co.cc dan free hosting ndak pernah bisa clear dari error.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *