- 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:
- Ganti tulisan :ID BLOG PROFILE dengan ID anda saat membuka profil
- Ganti tulisan ID BLOG dengan ID anda saat melakukan edit HTML
- Ganti tulisan NAMA BLOG dengan URL blog anda
- 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
Sumber