Validasi Template blogspot | Penulisan Kode Gambar dan Video Menurut W3 Validator

Mencoba lagi menulis tentang validasi xhtml template blogspot ini. Semoga saja bisa membantu sahabat blogger lainnya yang kebetulan "care" dan lagi usaha untuk mengurangi tingkat error pada template blognya.

Apa yang yang share disini adalah berdasarkan step-step yang telah blog ini lalui untuk mencapai tingkat error seperti sekarang ini. Seandainya saja mau mengurangi widget ataupun sidebar yang bikin blog Iskaruji dot com terlihat ngejreeng, [setidaknya di mata saya selaku admin] mungkin bisa saja mencapai 100% pass check. Tapi masih sayang dan aku ingin tetap template blog ini seperti sekarang tanpa mengurangi widget.

Pada kesempatan ini, kita akan melihat bentuk penulisan kode gambar dan kode video pada post. Saat kita meletakkan gambar dan video pada post maka akan terlihat error seperti pada gambar berikut ini setelah di cek pada W3 Validator;

Dalam keadaan default saat pertama kali gambar di upload ke post akan tertampil kode sebagai berikut:

Dan ini adalah kode default saat kita embed video pada post. Kode-kode ini merujuk kepada post tentang video lipsing Briptu Norman.Jadi teringat Pak Yadi. EYD yang salah tapi ngetren. Masak Brigadir Satu disingkat Briptu...gak nyambung khan?...hehe

Kode-kode tersebut akan dianggap error oleh W3 Validator jika tetap dibiarkan demikian. Untuk membuatnya valid, hapuslah kode berwarna merah dan selalu tambahkan "alt" pada setiap gambar pada post. Maka kode gambar yang benar adalah:

Dengan menghapus kode berwarna merah dan menambahkan alt seperti pada kode berwarna hijau, maka halaman post ataupun halaman utama kita yang dijejali dengan gambar akan berkurang error-nya. Load halamannya-pun akan terasa lebih cepat dari biasanya.

Sebelumnya, pastikan dulu kamu telah mengganti tipe dokumen template blogspot kamu seperti pada post tentang Validasi template blogspot sebelumnya.

Selamat mencoba and happy blogging!

16 comments

Iskaruji dot com mengatakan...: @deeahzone
Alhamdulillah...akhirnya blog ini kembali di datangi blogger wanita lagi...moga makin sering mampirnya...happy blogging!; 13 Juni 2011 22:33
YADI KARNADI, S.Pd. mengatakan...: Wah, info yang berguna. Sya hampir putus asa. Nanti deh sya akan coba, walau harus nyuri-nyuri waktu....
Mengenai singkatan (akronim) Briptu, lihat di SINI. Hhehe; 13 Juni 2011 22:36
Iskaruji dot com mengatakan...: @Pak Yadi...
link sudah disantap..kebanyakan mikir SERPs..hehe. Ternyata ada kata polisi ditengahnya. Pantes singkatannya jadi Briptu. Sueer..Baru tau dari link bapak..parah bener gue...Thanks; 13 Juni 2011 22:49
YADI KARNADI, S.Pd. mengatakan...: Hhaha, iya, mas. Karena dia polisi, bukan tentara............; 13 Juni 2011 23:09
YADI KARNADI, S.Pd. mengatakan...: Mas, saya coba mengubah kode video di salah satu posting saya, menjadi kode ini (tanda siku kurung saya hilangkan):

iframe title="YouTube video player" width="480" height="350" src="http://www.vivanews.com/embed/video/12136/" frameborder="0" iframe

Tapi tetap tak ada pengaruh terhadap validasi. Apa yg kurang ya?; 15 Juni 2011 14:46
Iskaruji dot com mengatakan...: @YADI KARNADI, S.Pd.
Dari yang saya cek tidak ada masalah dgn kode tersebut..tidak menambah error Pak. Kalo udah di centang semua optionnya, coba klik no error utk melihat tmp errornya...thanks; 15 Juni 2011 15:54
YADI KARNADI, S.Pd. mengatakan...: Waduh, mas. Nyerah saya. Hapus ini, hapus itu, gak valid juga.... Hhahahah; 15 Juni 2011 17:01
Iskaruji dot com mengatakan...: @YADI KARNADI, S.Pd.
haha...dibawa santai aja Pak sambil baca2 referensi..thanks; 15 Juni 2011 18:51
Er'end mengatakan...: Step by step aza dulu kawan ya,karena setiap ada perubahan pun pasti saya kabari.
Benar...,tadi sebelum posting pakai gambar masih 29E dan 9W,sekarang naik kembali.Lalu saya search di google dgn kata kunci memposting gambar agar valid di W3,ech..,mencloknya tetap di Iskaruji dot com,hehehe.Memang sahabat satu ini,semakin tau saja kesulitan orang.Makasih pencerahannya.; 20 Juli 2011 20:06
Iskaruji dot com mengatakan...: @Kumpulan pantun
bukan tandanya yang keliru...tapi ada penulisan kode yang terdapat tanda tersebut yang bikin error. kebetulan sobat pake HTML 5 jadi memang akan menimbulkan error jika penulisan kodenya seperti itu..thanks; 13 Agustus 2011 10:46
Iskaruji dot com mengatakan...: @kumpulan pantun
Bisa diikutin langkah-langkahnya disini Sob..
http://www.iskaruji.com/2011/07/validasi-xhtml-template-blogspot.html Backup dulu templatenya...Thanks; 14 Agustus 2011 11:02
Sejuta Trik Blogger mengatakan...: makasih gan, jika memakai lightbox fersi bawaan blogger apa pengaruhnya ya???kunjungan perdana nih gan,; 5 November 2011 22:14
Iskandar Aruji mengatakan...: @Sejuta Trik Blogger
Untuk bawaan blogger sepertinya sudah pake HTML 5, maka kode border="0" pada gambar juga dianggap tidak valid...thanks; 5 November 2011 22:32
Sejuta Trik Blogger mengatakan...: wah, ane masih pakai template minima lama modif, jadi masih buanyak yang mesti dibenahi, makasih gan infonya. Membantu sekali; 5 November 2011 23:01
blogger bondowoso mengatakan...: silaturahmi sob, thanks dah share; 14 Februari 2012 11:18
Arief Ahsan mengatakan...: maaf sob, sy sudah mengikuti semua saranmu.. tapi koq masih banyak yang belum sy mengerti.. sy bingung dengan eror yang tersisa.. seperti.a yang itu gak ada di tutorialmu.. tolong bantu cek punyaku ya sob,, jika kamu tidak keberatan, tolong konfirmasi ke aq ya sob.. thanks before hiburdunia.blogspot.com; 8 April 2012 20:35