thumbnail
Blogging other pendidikan

Membuat blog valid HTML5


membuat blog valid HTML5
Sebelum kita menuju ke Membuat blog valid HTML5 atau merubah template alangkah baiknya kita Cek dulu validasi template blog kita ke website validator.w3.org.
Jika Sudah di cek validasi template blog sobat kemudian ikuti langkah-langkah pembenahan berikut ini :

1. Untuk penulisan DOCTYPE pada template default Blogger biasanya seperti dibawah ini :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>


2. Hapus semua kode diatas dan ganti dengan kode di bawah ini :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>

<HTML>
<head>
<meta charset='utf-8'/>

3. Dan untuk penutupnya pada template paling bawah sendiri juga ubah Tag </html> menjadi </HTML>

4. Hapus kode kode <b:include name='quickedit'/>

5. Hapus kode kode <b:include data='blog' name='all-head-content'/>

6. Hilangkan Navbar dengan meletakkan kode <!-- <body><div></div> --> diatas kode <body>

7. Hilangkan tanda "----------" misalnya :
 /*--------- header ---------*/  hapus tanda  "--------" sehingga menjadi /*header*/

8. Untuk javascript tambahkan type='text/javascript' pada tag <script> dan untuk CSS tambahkan type='text/css' pada tag <style> sehingga penerapannya menjadi :

<script type='text/javascript'> dan <style type='text/css'>

9. Didalam postingan apabila menyisipkan gambar, maka tambahkan tag "alt" dan kodenya seperti ini
<a href="http://url anda" title="titel gambar"><img alt="kode gambar" src="http://gambar.jpg" /></a>

Apabila masih error, coba hapus tanda "/" sehingga menjadi seperti ini :
<a href="http://url anda" title="titel gambar"><img alt="kode gambar" src="http://gambar.jpg"></a>

10. Cek juga pada widget-widget yang anda pasang di sidebar, apakah sudah valid apa belum, seperti Follower, Recent Post dan widget lainnya (jika tidak perlu hapus aja).

11. Pada kode javascript "onClick" (jika ada), silahkan ganti dengan "onclick"

12. Simpan template anda
13. Coba anda menuju ke http://validator.w3.org dan sekarang lihat hasilnya

Note: Jika membuat widget baru melalui "Tata Letak", setelah selesai membuat widget anda harus membuka "Template" dan cari "<b:include name='quickedit'/>" dan hapus!

Demikianlah cara Membuat blog valid HTML5