Cara memperbaiki /fixing error css, html blog blogspot


W3 CCara memperbaiki /fixing error css, html blog blogspot. Validnya HTML dan CSS ini sanga penting untuk mempercepat loading blog saat dibuka. Search Engine juga lebih menyukai halaman blog yang memiliki eror seminimal mungkin, sehingga posisi blog itu akan lebih baik secara SEO. Untuk pengecekan kevalidan kode HTML/CSS blog anda dapat mengunjungi http://validator.w3.org/. Masukkan alamat blog anda, lalu klik validate/revalidate.Catat hasil eror yang dihasilkan untukkita bandingkan dengan hasil akhir nanti setelah kita melakukan trik-trik meminimalkan eror css html blog blogspot

Markup Validation Service

cara perbaiki eror pada blog
Silahkan ikuti langkah-langkah berikut:

  • Login ke blogger Kalian > Rancangan > EDIT HTML (centang Expand template widget)
  •  Silahkan ganti "doctype" punya blogger (letaknya di awal kode template )
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Ganti dengan. 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • Selanjutnya cari kode ini
    <b:include name='quickedit'/>

Hapus semua kode tersebut
  • Cari lagi kode ini<b:include data='blog' name='all-head-content'/>

  •  Ganti dengan 
<!-- 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



  •  Mengurangi Penggunaan kode strip/dash(-) 
Untuk HTML


<! Blogger Default Meta >  SALAH





<!-- Blogger Default Meta --> Benar

Untuk CSS: 

/* Header */ SALAH





/* Header */ Benar

  •  Simpan kode berikut dibawah</head>

<!-- <body><div></div> -->
Itu berfungsi ungtuk menghapus navbar blogger
  • Biasakan menggunakan tag alt pada setiap gambar 
  • Contoh: <img alt='Tulis Keterangan disini' src='URL gambar'/> 
  • Setelah kamu selesai melakukan langkah-langkah diatas, silahkan simpan template anda.
  • Setelah itu kembali ke http://validator.w3.org/ 
  • Cek lagi eror HTML dan CSS blog anda.
Lihat lagi apakah eror yang ada tadi sudah berkurang atau belum.
Demikianlah sekilas mengenai Cara memperbaiki / fixing error css, html blog blogspot.

1 komentar:

Unknown mengatakan...

Makasih gan tutorialnya