Template information

» » Cara Mengurangi Eror HTML dan CSS Pada Blog

Cara Mengurangi Eror HTML dan CSS Pada Blog

Kali ini saya akan share tentang Cara Mengurangi Eror HTML dan CSS Pada Blog, tips ini saya udah coba di blog ini dan hasilnya berhasil eror nya berkurang dan kalau mau tau caranya silahkan ikuti langka langka berikut ini

  • Pertama tama sobat cek dulu berapa Eror HTML dan CSS  Disini
  • Setelah itu Login ke blogger
  • Sobat masuk ke Rancangan ---> EDIT HTML (centang Expand template widget)
  • Silahkan ganti "doctype" punya blogger dan letaknya berada di awal kode template dan 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">

Dan 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">

  • Selanjutnya cari kode berikut ini :
<b:include name='quickedit'/>

  •  Setelah ketemu anda hapus semua kode tersebut yang ada pada template anda
  • Setelah itu lekarang cari kode berikut :
<b:include data='blog' name='all-head-content'/>
  • Lalu anda 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/ID BLOG PROFILE' 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' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/ID BLOG/posts/default' rel='service.post' title='NAMA BLOG - Atom' type='application/atom+xml'/>
<link href='URL BLOG/feeds/posts/default' rel='alternate' title='NAMA BLOG - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->

Keterangan:

  1. Ganti tulisan :ID BLOG PROFILE dengan ID anda saat membuka profil
  2. Ganti tulisan ID BLOG dengan ID anda saat melakukan edit HTML
  3. Ganti tulisan NAMA BLOG dengan URL blog anda
  4. Ganti tulisan URL BLOG dengan url blog anda
  • Mengurangi penggunaan kode strip/dash (-), hapus Dash pada script template anda.

Untuk HTML

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

<!-- Blogger Default Meta --> Benar

Untuk CSS

/*----------- Header ------------*/ SALAH

/* Header */ Benar

  •  Lalu cari kode </head> lalu simpan kode berikut dibawah kode </head>
<!-- <body><div></div> -->

Ket : Itu fungsinya untuk menghapus navbar blogger, kalau ada konfirmasi untuk menghapus, Klik Saja Hapus. 

  •  Biasakan menggunakan tag alt pada setiap gambar.
Contoh: <img alt='Tulis Keterangan disini' src='URL gambar'/>
  • Tambahkan kode di bawah ini tempatkan diatas kode ]]></b:skin>

.quickedit{display:none} 

  • Selanjutnya, cari kode HTML berkut:

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<b:include data='post' name='postQuickEdit'/>
</span>

Lalu ganti menjadi seperti ini:

<span class='post-icons'> <!-- email post links --> <b:if cond='data:post. emailPostUrl'> </b:if> </span>

  • Nonaktifkan tampilan versi mobile blog Anda 
 

 
NK : Biarkan versi desktop saja yang tampil ketika blog Anda dibuka dari browser ponsel, karena versi mobile blogspot mengandung banyak error alias tidak valid.

  • Setelah kamu selesai melakukan langkah-langkah diatas, silahkan simpan template anda.
  • Setelah itu cek kembali ke validator.w3
  • Cek lagi eror HTML dan CSS blog anda.
  • Lihat apakah eror yang ada tadi sudah berkurang atau belum.

 Sekian dari saya semoga artikel ini bermanfaat bagi sobat semuah terima kasih

1 Response to "Cara Mengurangi Eror HTML dan CSS Pada Blog"

Langganan: Posting Komentar (Atom)