Cara 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
<!-- 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:
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
<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:
Makasih gan tutorialnya
Posting Komentar