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:

<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-B5dRf5tjoqc/TZlaDRYPLcI/AAAAAAAABGk/GDO0IKborqo/s1600/Video+lipsing+anggota+brimob+Gorontalo.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="143" src="http://2.bp.blogspot.com/-B5dRf5tjoqc/TZlaDRYPLcI/AAAAAAAABGk/GDO0IKborqo/s200/Video+lipsing+anggota+brimob+Gorontalo.JPG" width="200" /></a></div>

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

<iframe title="YouTube video player" width="480" height="350" src="http://www.youtube.com/embed/ZyhI3OG2raE" frameborder="0" allowfullscreen></iframe>

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:

<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-B5dRf5tjoqc/TZlaDRYPLcI/AAAAAAAABGk/GDO0IKborqo/s1600/Video+lipsing+anggota+brimob+Gorontalo.JPG" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Video lipsing briptu norman" border="0" height="143" src="http://2.bp.blogspot.com/-B5dRf5tjoqc/TZlaDRYPLcI/AAAAAAAABGk/GDO0IKborqo/s200/Video+lipsing+anggota+brimob+Gorontalo.JPG" width="200" /></a></div>

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!

Read more »

Validasi Template Blogspot | Cara Penulisan dan Validasi XHTML Template Blogger

Rasa penasaran terhadap ada atau tidak template blogspot yang lolos validasi xhtml, membawa saya searching di beberapa blog yang menulis tentang hal ini. Banyak blog-blog besar bahkan sampai bertanya langsung ke salah satu blog webmaster, tetap saja template Iskaruji dot com ini mentok pada posisi seperti sekarang ini. Lalu adakah template blogspot yang bisa lulus validasi xhtml? Jawabannya ada. Jika sebelumnya saya sempat berkomentar bahwa tidak ada, tapi sekarang saya sudah punya dua blog yang "menghijaukan" W3 Validator karena telah lulus validasi xhtml.

Inilah kedua blog platform blogspot yang telah lulus validasi xhtml dari W3 Validator.

1. http://mastotosugiarto.blogspot.com/
2. http://hendro-prayitno.blogspot.com/

Sementara hanya dua blog tersebut yang setelah saya cek hasilnya "hijau" [lulus validasi]. Silahkan cek di search engine dengan kata kunci, "W3 Validator, validasi template blogspot atau validasi xhtml". Cek saja pada halaman pertama google, disitu akan ada blog-blog yang membahas tentang validasi template blogspot. Tentunya selain dari blog Iskaruji dot com ini.

Dari kedua blog diatas saya lebih merekomendasikan cara penulisan template-nya seperti yang dilakukan oleh blog mastotosugiarto.blogspot.com. Karena dia menggunakan tipe dokumen yang sama seperti template blogspot rata-rata. Yaitu;

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Untuk itu, sebelum usaha untuk validasi template blogspot, silahkan ganti dulu dengan tipe dokumen seperti diatas. Untuk hal detail lainnya, saya hanya bisa merekomendasikan link-link berikut:

1. http://www.oblo.web.id/2009/11/step-by-step-validasi-blogger.html
2. http://www.rikyrizkiyana.co.cc/2010/07/memvalidasi-template-blogger.html
3. http://www.masdoyok.co.cc/2011/04/mengurangi-error-validasi-template.html

Jangan cek hasil validasi xhtml blog-blog tersebut, baca dan praktekkan saja artikelnya. Karena artikel tersebut persis seperti yang aku temui saat ngoprek template blog Iskaruji dot com ini hingga seperti ini.

Untuk pengalaman sendiri, cobalah untuk mencentang semua option yang ada saat mem-validasi template blogger seperti pada screenshoot berikut. Ini sangat membantu kita mengenali apa yang error pada template ataupun cara penulisan kita, baik pada postingan maupun pada sidebar.

Powered by :

Read more »

W3 Validator | Usaha Untuk Validasi XHTML Template Blogspot Dengan W3 Validator

Usaha untuk mencoba mem-validasi template blogspot yang dipakai oleh blog Iskaruji dot com ini sepertinya hampir mencapai titik maksimal. Hingga saat ini saya hanya mampu menekan hingga 1 error dengan 2 warning. Itupun hanya jika kita memvalidasi halaman utama. Pada halaman post sendiri masih berkisar belasan error dan warning.

Tampilan Hasil Validasi Halaman Utama

Tampilan Hasil Validasi Halaman Posting

Suatu kemajuan tersendiri, karena awalnya memang tidak terpikirkan oleh saya jika tidak dapat masukkan dari sobat blogger Tips Wisata Murah mengenai pentingnya validasi XHTML ini. Dan betul juga, saat dicek hasilnya 200-an lebih error...

Usaha untuk memvalidasi xhtml ini sebenarnya agak lebih gampang jika kita coba membuang widget-widget yang tidak terlalu penting pada blog kita. Sayangnya, saya ingin tetap mempertahankan widget tersebut sambil terus membenahi cara penulisan kodenya yang benar menurut W3 Validator.

Jika ada sebagain sahabat masih bertanya-tanya mengapa dan kenapa W3 validator, saya mungkin hanya bisa menjawab dengan menunjukkan kode berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Itu adalah kode yang selalu ada diatas kode html template blogspot kita. Ada tulisan www.w3.org, tempat dimana saya memcoba memvalidasi template blog ini. Jangan-jangan hak cipta xhtml yang dipake oleh template ini adalah bikinan w3.org? ...au' ah...

Pertanyaan diatas memang belum terjawab sempurna karena keterbatasan pemahaman saya tentang W3 Validator ini. Tapi, hal yang bisa saya rasakan secara langsung adalah load halaman yang lebih cepat dari sebelumnya walaupun masih dijejali dengan widget seabrek. Saat ditest pada Google Page Speed Online skor yang dihasilkan mencapai 80-an. Naik dari sebelumnya yang hanya 50-an. Selain itu, saya juga tahu cara penulisan kode html yang baik dan benar menurut W3 Validator.

Karena keyword W3 Validator ini masih bertengger "manis" pada SERPs Indonesia, semoga saja ada sahabat blogger yang lebih dulu paham tentang manfaat sebenarnya dari validasi xhtml ini bisa nyasar kesini dan dapat memberikan pencerahannya. Kolom komentar Iskaruji dot com selalu terbuka untuk kalian, dengan tetap menjunjung tinggi budaya ketimuran kita...

Moga manfaat and happy blogging!

Read more »

W3 Validator | Ketika Halaman Web Google Dan Blogspot Sama-Sama Tidak Valid

Post kali ini terinspirasi dari blog sobat Tips Wisata Murah yang begitu "care" dengan validitas sebuah halaman web, yang dalam hal ini adalah template blogspot. Validitas sebuah halaman web, entah suatu mitos ataukah benar adanya, sangat berpengaruh kepada posisi artikel kita di SERPs. Hal ini sangat berbanding terbalik dengan template blogspot yang memang tidak ada yang valid. Yang bisa dilakukan adalah hanya menekan tingkat error se-minimal mungkin.

Kelemahan template blogspot inilah yang membuat orang kurang suka blogspot karena takut tidak bisa bersaing di SERPs. Walaupun pada kenyataannya tidak demikian. Baca postingan tujuan dan pencapaian seorang blogger. Disitu bisa kita lihat, blog copas-pun asal ngeblog di blogspot bisa menguasai search engine hingga puluhan ribu kunjungan perhari. Kok bisa ya? Sepertinya Google telah "menjilat ludah" dari apa yang telah dibahas tentang kekeliruan dalam penulisan konten.

Iseng-iseng saya coba cek validitas halaman http://www.google.co.id di validator.w3.org, sebuah layanan untuk validasi halaman web. Dan hasilnya sungguh mengejutkan:

Bandingkan dengan hasil yang di dapat dari hasil pengecekan blog sobat Tips Wisata Murah di bawah ini.

Hohoo...Jadi bangga dech gue..Punya sahabat blogger yang halaman blognya lebih baik dari halaman Google itu sendiri. Apa mungkin ini sebabnya blog copas-pun bisa bersaing di SERPs asal ngeblognya di blogspot? Lha wong Mbah-nya ja dah gak bener...hehe. Tapi jika saya boleh mengutip salah satu Web Developer-nya W3 Validator, David Dorward;

Nothing wrong with the validator here, it just knows HTML better than you do.

mungkin ada benarnya. Tidak ada yang salah dengan urusan valid atau tidaknya sebuah halaman web. Tapi dengan W3 Validator kita bisa tahu bagaimana menulis HTML yang lebih baik dari yang sudah-sudah.

Happy blogging!

Read more »