15 Desember 2010

Belajar Mengurangi Error Validasi di W3C

Sobat t'Net yang ingin melakukan pengecekan kevalidan kode HTML/CSS blog anda dapat mengunjungi blog saya di sisni. Hal ini penting untuk mempercepat looding blog kita saat dibuka. Untuk itu mari kita cek site kita dengan melakukan pengecekan tersebut.
Setelah kita melakukan pengecekan, tentu ada usaha kita untuk memperbaiki kode yang error. Untuk itu kali ini saya ingin membagihan tips untuk mengurangi kode-kode yang error pada blog kita. Hampir semua template bawaan blogger tidak ada yang valid di w3 validator, mungkin ada sebagian template yang sudah valid, tapi sisanya pasti masih banyak errornya.
Untuk itu silahkan anda ikuti langkah2 di bawah ini:


1. Login ke blogger Kalian --> Rancangan ---> EDIT HTML (centang Expand template widget)

2. Silahkan ganti "doctype" punya blogger (letaknya di awal kode template )
Kode terusannya seperti di bawah.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Ganti kode diatas dengan kode berikut ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3. Selanjutnya cari kode berikut :
<b:include name='quickedit'/>
Catatan:
usahakan jikan kalian menambahkan widget/gadget baru pada template, cek pada EDIT HTML, dan hapus kode diatas

Hapus semua kode tersebut yang ada pada template kalian
4. Sekarang cari kode berikut :
<b:include data='blog' name='all-head-content'/>
ganti 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/IDBLOGGERPROFILEKALIAN' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=IDBLOGGERKALIAN' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/IDBLOGGERKALIAN/posts/default' rel='service.post' title='JUDULBLOG - Atom' type='application/atom+xml'/>
<link href='http://www.NAMABLOG.blogspot.com/feeds/posts/default' rel='alternate' title='JUDULBLOG - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
Keterangan:
 Tulisan IDBLOGGERPROFILEKALIAN adalah ID anda saat membuka profil
Tulisan  IDBLOGGERKALIAN adalah ID kalian saat melakukan edit HTML
Tulisan  NAMABLOG adalah URL blog anda

5. Mengurangi penggunaan kode strip/dash (-)
Untuk HTML

<!------------------- Blogger Default Meta ---------------------->  SALAH

<!-- Blogger Default Meta --> Benar
Untuk CSS
/*----------- Header ------------*/ SALAH

/* Header */ Benar
6. Simpan kod berikut dibawah kode </head>
<!-- <body><div></div> -->
Itu fungsinya untuk menghapus navbar blogger, kalau ada konfirmasi untuk menghapus, KLIK saja HAPUS.

7. Biasakan menggunakan tag alt pada setiap gambar.
Contoh:
<img alt='Tulis Keterangan disini' src='URL gambar'/>

Masukkan email kamu untuk berlangganan tulisan dengan saya :

Delivered by FeedBurner