Tips ini merupakan referensi dari blog kang kapuk dan saya buat postingan suntuk kepentingan dokumentasi.semoga bisa lebih mudah dipahami. Berikut ini adalah tips untuk membuat template valid HTML pada template Blogger.
Pengeditan di CSS hilangkan tanda "----------" misalnya :
/*--------- selektor ---------*/ hapus tanda "---" jadi /*selektor*/
Sobat harus berhati-hati dengan penulisan huruf "&" (dan) pada HTML yang benar penulisan & yaitu & nah coba cek di template sobat apakah sudah benar belum.
Jangan lupakan tag "alt" pada setiap tag img di template sobat misalnya alt=”contoh gambar” jadi penerapan pada tag img di template maupun postinga sobat seperti berikut : <img src=”http://gambar.png” alt=”contoh gambar” />.
Kemudian jika terjadi error pada tag img <img src=”http://gambar.png” alt=”contoh gambar” /> nah biasanya pada tag img juga terdeteksi error walaupun terdapat alt coba sobat hapus tanda "/" jadi menjadi <img src=”http://gambar.png” alt=”contoh gambar”>.
Pembuatan cetak tebal pada link, penulisan yang salah <b><a href=”http://contoh.com” ></b></a> yang benar adalah seperti ini : <b><a href=”http://contoh.com” ></a></b>.
Jika sobat memunyai code javascript terdapat code "onClick" cobalah ganti menjadi huruf kecil semua "onclick".
Penulisan pembuka dan penutup pada kode java script dan CSS. Pada java script jangan lupa sobat tambahkan type=”text/javascript” pada tag <script> dan pada CSS type=”text/css” pada tag <style> jadi menjadi <script type=”text/javascript” > dan <style type=”text/css”>
Kemudian penulisan DOCTYPE misalnya pada blogger aslinya seperti dibawah ini :
<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"!>
Coba sobat ganti menjadi DOCTYPE HTML5 lebih jelas soal DOCTYPE HTML5.
<DOCTYPE html!>
<HTML>
<head>
<meta charset='utf-8'/>
Coba sobat perhatikan Tag <HTML> ini menggunakan huruf besar jadi penutupnya juga harus huruf besar ganti juga tag penutupnya di bawah sendiri di template blogger </HTML> ini merupkan trik dari Kang Kapuk. Untuk blogger biasanya terdapat navbar coba hilangkan navbar sobat dengan mematikan fitur navbar di layout template sobat, atau bisa menaruh kode <- <body> <div> </div> -> diatas kode <body>.
Ganti kode navgasi <b:include name='nextprev'/> menjadi :
<b:if != cond='data:blog.homepageUrl data:blog.url'>
<- Navigasi ->
<b:include name='nextprev'/>
</B:if>
Mengapus kode bawaan template blogger :
<b:include name='quickedit'/>
dan
<b:include data='blog' name='all-head-content'/>
untuk hasil pengeditan silahkan check ke W3C Markup Validation Service
tips dasar membuat template valid html 5
Posted by: Risalahati
Dedic Ahmad Updated at: 21:56
