Blog Khusus Membahas Tentang Tutorial, Tips dan Trik Seputar Blog Di BlogspotDotCom


17 Jul 2011

Peran Post Editor Untuk Valid XHTML Pada Blogspot

| 17 Jul 2011
Berbicara tentang valid XHTML di blogspot memang tidak ada habisnya, secara default untuk blogspot sendiri memang tidak bisa sepenhnya lulus valid XHTM, yaitu ada beberapa bagian tempalte yang benar-benar sudah tidak bisa diganggu gugat. Yaitu bagian komentar blogspot. Terkecuali kita memakai template klasik, saya rasa bisa kita buat agar valid XHTM. Seperti pada cara membuat template agar valid XHTM, yang pernah saya bahas sebelumnya.

Sebelum saya bahas, sobat pastinya sudah bisa merubah post editor yang akan sobat pakai di blogspot kan?? biar lebih lengkap saya jelaskan juga caranya:
Masuk ke Setelan/Setting >> Dasar >> Pilih editor entri
Disitu ada beberapa pilihan, silahkan sobat pilih sesuai dengan keinginan sobat.

Nah terus apa hubungannya valid XHTML dengan post editor blogspot ??
Begini sob, setelah beberapa hari kemarin saya mencoba posting dengan post editor baru, ternyata memberikan dampak kurang bagus untuk valid XHTML, terutama dalam hal "upload gambar", dimana setelah saya cek di Markup Validation Service, pada bagian gambar pasti kedetect error tuh, setelah saya bandingkan upload gambar dengan menggunakan post editor lama,setelah dicek di Markup Validator , memang hasilnya berbeda.
Untuk beberapa kode gambar dipostingan yang error, coba perhatikan contoh dibawah ini:

1. there is no attribute "imageanchor"
…/s1600/Viyan_Pradita.jpg" imageanchor="1" style="margin-left:1em; margin-right…
2. required attribute "alt" not specified
…1AlsVw/TiI2GUI7h-I/AAAAAAAAA3Q/-aoBKRH6Kmc/s320/Viyan_Pradita.jpg" /></a></div>

Kode diatas merupakan kode yang terdeteksi error di Markup Validator. Perhatikan kode yang diberi warna merah, itulah kode yang dianggap errors / tidak valid XHTML.
Bayangkan saja, satu gambar tedapat 2 errors, bagaimana kalau bepuluh-puluh gambar yah?? Bisa sobat bayangkan sendiri hasilnya :P

Bisa saya ambil kesimpulan, setelah saya pelajari hal tersebut, ternyata dalam kode setiap kita upload gambar, untuk menggunakan post editor lama dan post editor baru itu berbeda kodenya. Untuk post editor lama, menurut saya lulus di validator, sedangkan dengan menggunakan post editor baru itu sebaliknya, alias terdeteksi error (untuk kode gambar pada postingan blog).
Oleh karna hal itulah saya sendiri lebih memilih menggunakan post editor lama dibanding post editor baru. Memang dalam hal kelengkapan, sudah pasti lebih lengkap post editor baru, tapi tidak untuk hal yang satu ini. Tapi saya disini tidak menyarankan sobat untuk tetap menggunakan post editor lama, saya hanya mencoba berbagi pengalaman saja. Untuk hal ini, terserah sobat masing-masing.

Itulah yang bisa saya sampaikan tentang Peran Post Editor Untuk Valid XHTML Pada Blogspot. Nah, sekarang tinggal tugas sobat mencoba mebuktikannya sendiri, dari apa yang saya jelaskan diatas. Sekian dari saya, semoga bermanfaat.

Article Information:
Description: Peran Post Editor Untuk Valid XHTML Pada Blogspot
Reviewer: Viyan Pradita - Itemreviewed: Peran Post Editor Untuk Valid XHTML Pada Blogspot - Rating: 4.5

Related Posts

18 komentar:

  1. Mas tapi kalo pake editor terbaru itu enaknya gambar input dengan ukuran berbeda ntar hasilnya (output) jadinya sama dan lebih rapi. dan untuk urusan SEO juga posting gambarq sering muncul di Google image search. bahkan 2 dari 10 traffikku (itung2an kasar aja..) itu berasal dari Google image. jadi menurut aq ga masalah juga pake yang baru.. hehe ntah lagi kalo aq salah (...maaf) :)) thanks

    BalasHapus
  2. @Romadhon: Makasih sob buat tambahannya, iya memang untuk post editor baru tentu lebih lengkap, tp disini saya membahas tentang perannya dalam masalah Valid XHTML, hehee... masukan yg bagus sob !! \m/

    BalasHapus
  3. capek dunk ntar ngeditnya :D

    BalasHapus
  4. @eko tri: Ngedit apanya masbro.. gak juga lah?
    Lagian perbedaane jg gak begitu menongjol2 amat :D

    BalasHapus
  5. Mantap,,,
    Viyan Is The Best ...

    BalasHapus
  6. @Ojel HTC: Wahh.. berlebihan itu masbro =))

    BalasHapus
  7. Tapi ngomong2 soal validation error, homepage Google aja ada 35 error. Coba cek aja :
    http://validator.w3.org/check?uri=http://www.google.com
    :D

    BalasHapus
  8. @Dimas Prast: Iya jg yah, guugle aja kek gitu, jd mungkin gak begitu ngepek di blog ya masbro :D
    Makasih buat tambahannya mas :)

    BalasHapus
  9. nice inpoh gan...,
    follow back gan...
    abis mmasang widget follow hehee

    BalasHapus
  10. aku kok baru tau ya soal hal ini sob...
    jd mending pilih yg mana tuh?
    yg lama kali ya..
    :D

    BalasHapus
  11. @campuran: Ok, makasih sob
    @Asmara Susanto: Sip, silahkan sob :D
    @Penghuni 60: Soal mau pakek yang mana terserah masing2 aja sob, saya sendiri masih pake yg lama :D
    cuma berbagi pengalaman saja. hihihi :)

    BalasHapus
  12. Wah terima kasih infonya gan.saya jadi tahu.memang susah banget biar blogspot saya valid xhtml.apa pengaruh terhadap SEO

    BalasHapus
  13. kalo masalah images sudah pernah coba ini : <img alt="nama images..!" src="url images..!" />

    hmm.. kalo mau valid semua ada template nya : Batik Html5

    BalasHapus
  14. @Firstromantics: Pengaruh gak pengaruh sekarang sob, buktinya halaman google aja yg kelihatan simple, masih terdapat errornya tuh :))

    @Dhani: Kalau mau valid biasanya pakek template classic bro :D tp melihat template tsb koq bisa yah :D cuma 1warning. thank sob :)

    BalasHapus
  15. hmm, kalo masalah saya adalah max-result yg ada di navigasi halaman, bgmn cara validasinya yah, kalo pake html5 kira2 bisa ngga ya :D
    sorry kalo ngelantur =))

    BalasHapus
  16. @Ladida: max-result itu biasanya dalam penaruhan link ya sob, di link daftar sisi saya gak kedetect tuh mas, "http://kode-blogger.blogspot.com/search?max-results=200" coba diutak atik dibagian "max-results=3" dan juga di linknya mas.
    udah bagus tuh mas error nya udah gak banyak :D
    blogq mentok dulu 2errors sama 2warning :D tp sekarang udah bnyak lagi tu errornya :))

    BalasHapus
  17. @admin :
    iya, dulu juga sama cuma 2 error 2 warning, hohoho, tapi gara2 ngga valid2 yaah, gpp lah ditambahin error warningnya #lho =))

    oh iya, mas
    itu soal gambar yg dibahas di atas, apa sudah pake "alt" ??
    biasanya image ngga valid krn ngga ada "alt" :D

    BalasHapus
  18. @Ladida: gpp lah, lagian page guugle juga banyak warning n errornya tuh :D 38-2 kalo gak salah :D
    Iya sob, udah saya kasih ALT koq, cek aja scriptnya. :)

    BalasHapus

Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>