1. Cari kode di bawah letaknya dibagian atas template
<?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>
Ubah menjadi
<?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>
Save dan refresh kembali http://validator.w3.org/
2. memperbaiki tulisan meta tag
Ganti seluruh penulisan Meta tag yang menggunakan uppercase menjadi lowercase.
Contoh :
<META content='Mo9MvGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcSiGyhc' name='google-site-verification'/>
Menjadi seperti berikut :
<meta content='Mo9MvGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcSiGyhc' name='google-site-verification'/>
Save dan refresh kembali http://validator.w3.org/
3. Menghapus comment declaration
Cari kode comment declaration seperti dibawah
/*
-----------------------------------------------
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
*/
Save dan refresh kembali http://validator.w3.org/
4. Menambahkan attribut ALT pada setiap gambar
Sesuai standar W3C, semua gambar harus memliki attribut alt, akan tetapi secara default blogger tidak menambahkan attribut alt untuk gambar, untuk itu Anda harus menambahkannya secara manual.
Contoh :
<img href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw2TnHQ55VJGK7Uozsp4oGmq1sAnDMVHvkyJ83JxK4Mkimypst_n-ktG40MO_hBbE5QwZMcXDhnV4mcbcRCaj-4ewQQ0izk_4GQ5rZvcRe1GNl2rRvv671cvjMIbGD8xpr2UEz2dMjjIQ_/s1600/menambahkan_deskripsi_blog.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw2TnHQ55VJGK7Uozsp4oGmq1sAnDMVHvkyJ83JxK4Mkimypst_n-ktG40MO_hBbE5QwZMcXDhnV4mcbcRCaj-4ewQQ0izk_4GQ5rZvcRe1GNl2rRvv671cvjMIbGD8xpr2UEz2dMjjIQ_/s1600/menambahkan_deskripsi_blog.png" />
Menjadi
<img alt="Menambahkan Deskripsi blog" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw2TnHQ55VJGK7Uozsp4oGmq1sAnDMVHvkyJ83JxK4Mkimypst_n-ktG40MO_hBbE5QwZMcXDhnV4mcbcRCaj-4ewQQ0izk_4GQ5rZvcRe1GNl2rRvv671cvjMIbGD8xpr2UEz2dMjjIQ_/s1600/menambahkan_deskripsi_blog.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw2TnHQ55VJGK7Uozsp4oGmq1sAnDMVHvkyJ83JxK4Mkimypst_n-ktG40MO_hBbE5QwZMcXDhnV4mcbcRCaj-4ewQQ0izk_4GQ5rZvcRe1GNl2rRvv671cvjMIbGD8xpr2UEz2dMjjIQ_/s1600/menambahkan_deskripsi_blog.png" />
Save dan refresh kembali http://validator.w3.org/
6. Memperbaiki penulisan tags Javascript
Jika Anda menemukan kode <style type='text/javascript'> kode javascript </style> maka ganti dengan script berikut karena tag javascript tersebut tidak benar.
<script type='text/javascript'> kode javascript </script>
Simpan template, kemudian kembali lagi ke situs http://validator.w3.org/ untuk melihat hasilnya.
Sekarang centang Expand Widget Templates.
7. menghilangkan navigasi bar
masukan kode di bawah tepat di bawah kode </head>
<!-- <body><div></div> -->
Save dan refresh kembali
8. Hapus Quickedit
Hapus kode yang ada di bawah di dalam html pokonya kalau ketemu kode ini hapus!!
<b:include name='quickedit'/>
Save dan refresh kembali http://validator.w3.org/
(pengaruhnya tanda obeng pada tiap widget akan hilang, tapi ga masalah toh masih bisa edit di page elements)
9.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>
(ini merupakan penghapusan icon gambar pensil yang secara default sudah ada dari blogger "ternyata tidak valid lho")
Save dan refresh
sumber: http://www.blogdhika.com/2011/08/membuat-template-blogspot-valid-xhtml.html
Membuat template blog valid xhtml
Posted by: Risalahati
Dedic Ahmad Updated at: 20:38
No comments:
Post a Comment