Cari Artikel...

CARA AGAR TEMPLATE VALID HTML5


Tidak semua struktur template sama, pasti berbeda-beda, namun saya akan memberikan tips mungkin bisa membantu mengenai cara membuat template blogspot / blogger valid HTML5.

Silahkan cek di http://validator.w3.org. Untuk kebenarannya pada kode yang akan saya share dibawah ini, ntah itu benar atau tidak mengenai Membuat valid HTML5 pada template Blogger,  yang jelas saya hanya mendapat tutorialnya dari w3schools.com/html5/

Caranya :

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. 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). 

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

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

NB :
Jika terjadi error saat menyimpan template, komentari posting ini. maka saya akan coba fix error tersebut.
Bila perlu kirimkan screenshootnya juga.

Selamat Bekerja

2 comments:

Follow me !