Membuat Blog Lebih Valid XHTML

Advertisemen
Pastilah sobat semua sudah tahu maksud dari judul yang diatas, setelah membaca artikel kesana-kesini, terlebih dahulu saya praktekkan ke blog saya ini, awalnya design template ini (standart) sudah Valid XHTML, tp hanya untuk halaman HOME-pagenya saja, karena pada blogger untuk form komentar tidak bisa di utak utik lagi. untuk mengeceknya di template valid XHTML ini hanya terdapat hanya terdapat 2error dan 2warning saja.
Bila Sobat berminat, sobat bisa melihat demo dan mendownloadnya langsung di blognya sobat @Choen disini : Template Valid xHTML


Nah karena blog saya sudah berisi postingan dan banyak widget, tentu saja banyak error/warning untuk valid XHTML, dan harus dibenahi kembali. Serta dikarenakan fitur-fitur default dari template blogger yang kurang bersahabat dengan XHTML.
Yasudah kita mulai saja dari awal, cara ini saya dapat dari berbagai sumber, dan ini berdasarkan apa yang saya tahu dan saya praktekan di blog saya ini, hasilnya... bisa kita lihat nanti.

Langkah pertama kunjungi website berikut untuk mengecek valid XHTML,
Silahkan kunjungi disini:http://validator.w3.org
Setelah masuk dan muncul seperti gambar dibawah ini:

screenshot


Setelah itu masukan alamat url blog sobat, dan klik CHEk... lihatlah hasil reviewnya, bisa sobat lihat berapa jumlah error dan warning blog sobat, sedikitkah?? banyakkah?? nah kalau banyak berarti selamat, hasilnya sama kayak punya saya.. hahaha ^^

ini hasil dari blog saya

Bagaimana cara untuk mengurangi error/warning, agar lebih valid XHTML ??
Berikut caranya:

1. Login ke akun blogger sobat
2. Masuk Rancangan/Layout
3. Pilih Edit HTML
4. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
5. Beri tanda centang "Expand Template Widget"
6. Setalah itu kita mulai step by step dan cari kode dibawah ini:

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

Kemudian, gantilah kode diatas dengan kode berikut:

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


Pastikan setelah itu simpan dan sobat cek untuk melihat perbedaan/hasilnya.

7. Perhatikan kode dibawah ini, kode bawaan/default blogger biasanya seperti ini:

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */


Hapuslah semua kode/tanda strip (--) hanya stipnya saja yang dihapus.
Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
Hasilnya kan menjadi seperti ini:

<b:skin><![CDATA[/*
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
*/


8. Jika sobat menambah sebuah widgate atau gadget, ingatlah untuk menghapus:

<b:include name='quickedit'/>

9. Ini yang mungkin pengaruhnya cukup banyak untuk valid XHTML, tapi ?? efeknya juga ada sob, setelah saya hapus kodenya, ternyata avatar untuk komentar admin blog tidak muncul, hal ini juga yang sempat membuat saya pusing, kenapa avatar admin pada komentar blog saya tidak muncul.
dan semua terserah sobat, mau mempertahankan atau menghapusnya.
cari dan hapuslah kode:

<b:include data='blog' name='all-head-content'/>

10. Ini juga sebenernya melanggar TOS blogger, karena kita menghilangkan Navbar blog, tapi kalo memank mau valid ya tidak ada cara lain selain menghapusnya.
tambahkan kode berikut di bawah tag: </head>

<!-- <body>
<div></div> -->

11. Jika Sobat meng-upload sebuah image, ubah script tersebut. contoh scriptnya seperti ini:

<a href="http://validator.w3.org/"><img alt="Markup Validation Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuL_D6pCdWlt4aYHVzG_Kmzsi2A6N9_QHVDD9Oyejg5W5Z3pt-G1-mAjSEE90iecRs2g9LbjcSem-QSQChYHoNpnV86Hi-ybpiS-cFxZ-mzm2c-PiA3mafo0sGuOW4MM1FTJyqp9woVkY/s320/valid-html.gif" /></a>

12. Jika sobat menemukan penulisan meta content dengan huruf besar, contoh:

<META content='blogger' name='generator'/>

Ubahlah menjadi:

<meta content='blogger' name='generator'/>


Nah mungkin cara diatas cukup untuk membuat template blog lebih valid XHTML, sebenarnya masih banyak, dan masih bisa dikompres lagi, itu tergantung widget/kode script yang ada di blogger sobat.

Misalnya:
Saya membuang kode script untuk recent post, dan recent comment, facebook like, tentunya agar lebih valid XHTML, untuk widget followers bisa kita akali dengan google friend connect.
tapi bila sobat masih ingin mempertahankan widget tersebut, saya rasa cara diatas sudah paling maksimal untuk valid XHTML.
Untuk hal lainnya bisa sobat atak-atik sendiri dan mungkin sobat blogger punya trick baru, jadi kalau ada, jangan lupa share juga ya sob!! hehehe
Untuk hasilnya silahkan sobat cek sendiri di: http://validator.w3.org
Sobat juga bisa mengecek blog saya ini, dan lihat hasilnya.
Dari saya cukup sekian, semoga bermanfaat.


UPDATE
Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada.
Contoh:

<script src="http://sites.google.com/site/kodeblogger/javascript/post-terakhir.js"></script>

Ubahlah Menjadi:

<script type="text/javascript" src="http://sites.google.com/site/kodeblogger/javascript/post-terakhir.js"></script>


Simpan, jangan lupa untuk mengecek kembali blog sobat untuk melihat hasilnya.
Thanks.
Advertisemen

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Related Posts
Disqus Comments