Baik, lanjut ke topik yang sesungguhnya, kali ini Download Ilmu ingin memberikan tutorial untuk membuat blog valid html 5. Cara-cara dalam artikel ini kami kumpulkan dari beberapa sumber seperti w3schools.com dan blog-blog para master.
Ok, langsung saja berikut langkah-langkahnya. Silahkan dicoba.
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. Hapus kode navigasi <b:include name='nextprev'/> ganti menjadi :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
9. 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'>
10. 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>
11. 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).
12. Pada kode javascript "onClick" (jika ada), silahkan ganti dengan "onclick"
13. Simpan template anda
14. Coba anda menuju ke http://validator.w3.org/ dan sekarang lihat hasilnya
Nah, itulah beberap langkah untuk membuat blog valid HTML 5. Sebenarnya masih banyak cara dan langkah-langkah yang bisa dilakukan untuk membuat blog valid HTML 5, namun karena keterbatasan penulis, artikel ini kami cukupkan sekian. Jika anda masih ingin cara-cara yang lain tunggu update artikel dari Download Ilmu. Wassalamu'alaikum (RizkyYNWA)
thanks atas artikelnya sob..
ReplyDeleteSalam Sehat dan Sukses Sesama Anggota Grup Republik Blogger Nusantara (Darmawan Saputra)
Nice Post...!!!
ReplyDelete