Validasi HTML dan CSS - Mungkin terdengar asing bagi para blogger pemula. Saya pun juga baru mengenal bahwa sebenarnya HTML dan CSS blog kita ini tidak sepenuhnya valid. Entah mengapa saya pun masih menyelidikinya. Untuk mengeceknya sobat bisa membuka tautan link berikut http://validator.w3.org/.
Tool ini berfungsi untuk mengidentifikasi kesalahan atau error message yang ada pada HTML maupun CSS blog.
Baik kita masuk dalam ulasan berikutnya yaitu pernerapan. Ikuti langkah-langkah dibawah ini
Isi address dari alamat blog anda, lalu klik "Check"
 |
| Tampilan Halaman Utama |
Gambar dibawah ini merupakan tampilan error message yang terdapat pada blog saya.
"Result : 150 Errors, 169 warning(s)"
 |
| Tampilan Error Message |
Bagaimana cara mengatasinya ? sobat tidak perlu khawatir, saya telah memberikan solusi terbaik bagi anda. Dibawah ini merupakan ulasan tentang penaggulangan dari masalah error message diatas.
- Login ke akun blog sobat
- Masuk tab Template - edit HTML (klik Expand Widget)
- Ubah kode "doctype" (terletak di awal) selengkapnya seperti dibawah ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- Ubah kode diatas seperti ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- Kemudian carilah kode berikut, dan hapuslah
<b:include name='quickedit'/>
- Selanjutnya cari kode berikut
<b:include data='blog' name='all-head-content'/>Ubah dengan kode berikut
<!-- Blogger Default Meta -->
<meta content='true' name='MSSmartTagsPreventParsing'/><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><link expr:href='data:blog.url' rel='canonical'/><link href='http://www.blogger.com/profile/ID blog dashboard' rel='me'/><link href='http://www.blogger.com/openid-server.g' rel='openid.server'/><link href='http://www.blogger.com/rsd.g?blogID=ID blog HTML' rel='EditURI' title='RSD' type='application/rsd xml'/><link href='http://www.blogger.com/feeds/ID blog HTML/posts/default' rel='service.post' title='JUDULBLOG - Atom' type='application/atom+xml'/><link href='http://www.URL blog.blogspot.com/feeds/posts/default' rel='alternate' title='JUDULBLOG - Atom' type='application/atom+xml'/><!-- End Blogger Default Meta -->
Keterangan
- ID blog dashboard adalah ID yang terletak pada address bar saat di dashboard
- ID blog HTML adalah ID yang terletak pada address bar saat anda mengedit HTML
- URL blog adalah alamat blog anda
- Mengurangi Penggunaan stripe (-)
(Salah)
<!------------------- Blogger Default Meta ---------------------->
(Benar)
<!-- Blogger Default Meta -->
Contoh CSS
(Salah)
/*----------- Header ------------*/
(Benar)
/* Header */
- Simpan kode berikut tepat dibawah kode </head>
<!-- <body><div></div> -->
Coba cek kembali apakah jumlah error sudah menurun. Lakukan beberapa eksperimen untuk dapat mengatasi hal ini sedikit demi sedikit.
3 comments on Cara Validasi HTML dan CSS Blog Anda :
nice post gan
menarik nih dan sangat bermanfaat sekali info nya
di tunggu info selanjutnya, thanks ya
terimakasih atas info nya gan
Coba dipraktekkan,, terimakasih semoga blog menjadi valid.
Malu Bertanya, Sesat di Jalan
Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)