HTML5 Sebuah standar baru untuk HTML, XHTML dan DOM HTML , yang merupakan buah hasil kerjasama antara W3C (World Wide Web Consortium) dan WHATWG ( Web Hypertext Application Technology Working Group ) Yang mana WHATWG bekerja sebagi pembangun web dan aplikasi dan W3C sebagai pengembang dari XHTML, dan dari kedua lembaga riset tersebut mereka memutuskan untuk bekerja sama dalam membentuk versi baru dari HTML (Hyper Text Markup Language),yang dimulai pada tahun 2009, meskipun HTML5 sudah sedikit demi sedikit di aplikasikan namun pada prosesnya masih terus mengalami pengembangan karena belum semua web browser mendukung dan mengaplikasikan HTML5, tujuan pengembangan HTML5 secara garis besar adalah untuk melakukan MarkUp yang lebih flexible serta dapat mengikuti perkembangan fitur dimasa mendatang yang lebih mudah dan lebih stabil dan menurut informasi terahir setelah melalui perjalanan cukup panjang target rekomendasi dan standarisasi penggunaan HTML5 akan dijadwalkan tahun 2014,Langkah untuk modifikasi adalah melakukan perubahan terhadap beberapa elemen default bawaan template Blogger,
Untuk jelasnya begini ;
- Pertama cek dulu markup validasi blog kita di http://validator.w3.org/ masukan url blog kita dan coba perhatikan berapa jumlah Error serta Warning yang ditampilkan bilamana perlu dicatat hasilnya.
- Kemudian kita tinggalkan sejenak langkah di atas kita menuju ke tahap berikutnya, Login ke Blogger >> Design>> Edit HTML >> Download Template Lengkap untuk Back Up >> Klik Expand Widget Template kemudian lihat disisi paling atas di kolom edit HTML cari code seperti berikut ;
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html expr:dir='data:blog.languageDirection'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'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html expr:dir='data:blog.languageDirection'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'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
Seletah ketemu hapus code di atas kemudian ganti dengan code MarkUp berikut ;
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
Setelah itu letakan kode berikut di atas code </head> ;
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lte IE 7]>
<script src="js/IE8.js" type="text/javascript"></script><![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/><![endif]-->
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lte IE 7]>
<script src="js/IE8.js" type="text/javascript"></script><![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/><![endif]-->
Dan code berikut dibawah </head> ini untuk menghapus navbar bawaan Blogger ;
<!-- <body><div></div> -->
Selanjutnya cari dan hapus semua code icon Quick edit ( gambar tang dan obeng ) berikut codenya ;
<b:include name='quickedit'/>
Kemudian kurangi penggunaan Slash ( / ), Star ( * ), Dash ( - ) contoh ;
/* ------- slash star dash ------- */ <<< Tidak di anjurkan
/* slash star dash */ <<< Di anjurkan
< ------------------- Code Start ------------------ > <<< Tidak di anjurkan
< --- Code Start --- > <<< Di anjurkan
Selain itu juga yang menjadi salah satu penyebab terjadinya error markup adalah kurangnya Quotes atau tanda petik ( " ) atau ( ' ) dalam penulisan code contoh ;
<div style=text-align: justify;></div> <<< Tidak di anjurkan
<div style="text-align: justify;"></div> <<< Di anjurkan
Setelah itu jika sudah dilakukan beberapa langkah di atas di Preview dan bila tidak ada kesalahan Save.
Jika muncul Peringatan : Template baru Anda tidak berisi widget berikut:
* Navbar1
Ingin mempertahankan widget ini di blog Anda atau menghapusnya? Penghapusan widget tidak dapat diurungkan. Pilih Hapus Widget, setelah semua selesai silahkan validasi kembali ke http://validator.w3.org/ Selamat mencoba dan semoga berhasil, salam Happy Blogging.
