Valid Validator W3C memang idaman kita, tapi untuk blogger lumayan susah bro, nah saya posting ulang dari master css3 dan html5 yaitu sdr.
Hendro PrayitnoDi sini kita akan belajar dengan membuat blog baru, silahkan sobat membuat blog baru dengan pilihan template yaitu minima agar pembahasan ini selaras.
Langkah awal:
Setelah sobat memilih template minima sobat harus ke situs http://validator.w3.org/
dengan membuka tab baru, dan ketikan url blog sobat setelah terlihat hasil eror jangan di tutup dahulu situsnya(penting).Kemudian buat postingan yang singkat lalu di publish yang perlu di ingatkan kalau eror perhatikan penempatan tag <br /> yang apabila kita enter ketika posting yang seharusnya <p></p>
<=====Mari kita mulai=====>
1.Menghapus widget
Pertama kita harus menghapus widget yang dapat membuat eror apabila ingin mempelajarinya baca secara keseluruhan artikel ini, oke mari kita masuk ke element laman hapus widget
followers dan
atribution kemudian rubah arsip blog menjadi
flat list>>
Jangan lupa di save dan kembali lagi ke http://validator.w3.org/ yang sudah di berikan url sobat kemudian refresh lihat hasilnya apakah berkurang?
2.Mulai pengkodean
Di dalam markup adalah strict ini akan kita ubah menjadi trastitional amati kode markup di bawah:
<?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>
Hapus seluruh kode di atas dan ganti dengan kode di bawah ini:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' 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:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='/atom.xml' rel='alternate' title='
tulis judul blog di sini - Atom' type='application/atom+xml'/>
<link href='/rss.xml' rel='alternate' title='
tulis judul blog di sini - RSS' type='application/rss+xml'/>
Kemudian kembali lagi ke situs http://validator.w3.org/ refresh dan lihat hasil erornya apakah berkurang.
3.Menghapus comment declaration
Ini adalah koment yang ada di css sobat harus menghapusnya tanda yang seperti ini yang ada di css
-----------------------------------------------
Hapus seluruh tandanya tapi jangan di hapus sang pembuat template contoh:
/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
Hapus ----------------------------------------------- Maka hasilnya seperti di bawah
/*
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
*/
Lalu kebawah lagi cari tanda yang sama dan hapus, setelah semua di hapus jangan lupa save template kemudian kembali lagi ke http://validator.w3.org/ refresh dan lihat apakah erornya berkurang.
4.Mulai memasuki Expand Widget Templates.
Sekarang silahkan di centang Expand Widget Templates Lalu masukan kode di bawah tepat di bawah
</head> ini untuk menghilangkan navigasi bar
<!-- <body><div></div> -->
jangan lupa di save template
Nanti sobat temukan perintah apakah kita mau menghapus widget atau mempertahankan jangan di pertahankan hapus saja, lalu pergi lagi ke http://validator.w3.org/ refresh dan lihat apakah erornya berkurang?
5.Hapus Quickedit
Hapus kode yang ada di bawah di dalam html pokonya kalau ketemu kode ini hapus!!
<b:include name='quickedit'/>
kembali lagi ke situs http://validator.w3.org/ refresh dan lihat hasil erornya apakah berkurang
6.Menghapus post icon
Sekarang temukan kode di bawah:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
Kalau sudah ketemu hapus seluruh kode di atas dan ganti dengan kode di bawah:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
Save template dan kembali lagi ke http://validator.w3.org/ jangan lupa di refresh maka hasilnya adalah
This document was successfully checked as XHTML 1.0 Transitional!
Bila belum berhasil pasti ada kesalahan cobalah di ikuti lagi secara perlahan dan
Bagaimana widget? Kita butuh beriklan, followers dan yang lainnya? menurut sahabat hendro widget bisa di sembunyikan di sub halaman yang pastinya eror.
<b:if cond='data:blog.pageType == "item"'>
<===letak apa saja yang mau kamu masukin===>
</b:if>
Solusi lain dari saya, sobat harus mengiklankan yang bukan script mau ga mau, misalnya banner, afiliasi berupa link list, yah seperti itu.
Begitulah kira-kira untuk membuat valid blogger template XHTML 1.0 Transitional bukan strict dtd ini memakai template minima yang ada di blogspot.Kenapa harus valid? karena crawl akan lebih ramah dan peramban juga, dengan keramahan crawl serta peramban maka SEO akan bersahabat dengan blog kita.
Sekali lagi terima kasih kepada rekan hendro atas artikelnya yang bermanfaat ini
