Cara Membuat Template Blog Valid HTML5
Nah, Bagi Sobat Blogger yang ingin menjadikan template blog kesayangannya menjadi valid HTML5 silahkan mencoba tips dibawah ini yang biasa Saya terapkan pada beberapa template yang Saya gunakan.
- Cari kode seperti di bawah ini atau yang mirip dengan kode tersebut, lihat pada menu Edit HTML di urutan paling atas.
<?xml version="1.0" encoding="UTF-8" ?>
Ganti semua kode yang berwarna hijau di atas dengan kode di bawah ini.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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><!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/> - Setelah itu cari kode </html> dan ganti dengan </HTML>.
- Lalu cari kode <body> dan letakkan kode di bawah ini tepat di atas kode tersebut.
<!-- <body><div></div> -->
- Kemudian cari kode di bawah ini dan hapus kode tersebut.
<b:include data='blog' name='all-head-content'/>
- Setelah itu cari semua kode yang memuat unsur /*--- BlaBla ---*/ seperti kode di bawah ini.
/*--- Header ---*/
Setelah ketemu, hapus semua tanda --- sehingga kode tersebut menjadi seperti di bawah ini./* Header */
Ingat, temukan semua kode tersebut dan hapus tanda --- nya. - Setelah itu cari kode <b:include name='nextprev'/> dan ganti dengan kode di bawah ini.
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if> - Setelah itu cari tulisan onClick, jika ada yang seperti itu ubah menjadi onclick.
Setelah
melakukan beberapa langkah di atas, jangan lupa untuk menyimpan
template Sobat tersebut dan silahkan cek ulang kevalidan template Sobat.
Saya yakin akan jauh berbeda dari sebelumnya, karena template yang Saya
gunakan awalnya memiliki ratusan kode yang error dan warning. Setelah
melakukan langkah-langkah di atas menjadi valid dengan 1
warning.
Semoga tips sederhana Cara Membuat Template Blog Valid HTML5 ini bisa bermanfaat ya Sobat. Apabila ada yang kurang jelas jangan segan-segan untuk menanyakannya. Buat para Sobat Blogger yang mungkin lebih berpengalaman, mohon untuk bersedia memberikan masukannya. :)
NB : Sebenarnya untuk valid HTML5 tersebut tergantung dari si pengguna template itu sendiri, template yang sudah valid bisa menjadi tidak valid jika tidak hati-hati dalam menyusun atau peletakan kode CSS maupun Script.
NB : Sebenarnya untuk valid HTML5 tersebut tergantung dari si pengguna template itu sendiri, template yang sudah valid bisa menjadi tidak valid jika tidak hati-hati dalam menyusun atau peletakan kode CSS maupun Script.
masih banyak errornya bang...gimana nich..?
BalasHapuswah, berarti belum beruntung tu Ga., :)
HapusCoba sesuaikan lagi kodenya, karena tiap template kan beda2, lagian valid gak nya tergantung pengguna juga.,
Udah saya terapkan diblog saya gan
BalasHapusGmn hasilnya Sob, berkurang atau malah jdi valid 100% Sob., :)
Hapus