Minggu, 27 Desember 2009

Validasi xhtml Template Blogspot

Kembali lagi menulis tentang validasi xhtml template blogspot dengan W3 Validator. Memang artikel tentang validasi ini terpisah-pisah pada Blog Iskaruji dot com ini dikarenakan keterbatasan kemampuan saya meramu semua hasil pengalaman mengurangi error template blogspot di blog ini. 

Mengenai manfaatnya sendiri dari berkurangnya error pada template blogspot, yang saya rasakan sendiri adalah load halaman yang ringan, Selain itu silahkan rasakan sendiri. Jika memang terasa ada hal baik, silahkan di coba langkah-langkah validasi xhtml template blogspot berikut:
  • Silahkan kunjungi  W3 Validator.. Masukkan url blog kamu, centang semua pada option agar bisa melihat letak kesalahannya dan validate. Lihat berapa error-nya dan jangan tutup W3 Validator hingga semua langkah Validasi xhtml Template blogspot ini selesai.
  • Expand Widget Templates. Ganti Document Type template blog kamu dengan:
<?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 == &quot;index&quot;'>
<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='http://namablog.blogspot.com/atom.xml' rel='alternate' title='Isi dengan judul blog kamu - Atom' type='application/atom+xml'/>
<link href='http://namablog.blogspot.com/rss.xml' rel='alternate' title='Isi dengan judul blog kamu - RSS' type='application/rss+xml'/>
<b:skin><![CDATA[
  • Pada sebagian template sering kita lihat deklarasi seperti ini misalnya:
/* Header
------------------------------ */
Hal yang harus dilakukan adalah menghapus semua bentuk deklarasi template blogspot yang menggunakan garis panjang tersebut. Sehingga format deklarasi yang benar adalah  /* Header */  
  • Letakkan kode berikut diatas  <body>
                     <!-- <body><div></div> -->

Ini untuk men-delete Widget NavBar bawaan blogspot yang biasanya cuma kita sembunyikan.
  • Hapus semua kode>>
                                       <b:include name='quickedit'/>

Kode ini akan selalu ada setiap kali kita melakukan aksi Add Gadget. Jadi pastikan kamu menghapusnya lagi setiap melakukan penambahan gadget.
  • Cari kode berikut:
.                       <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> 

Dan ganti dengan kode:

 <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>

Sampai tahap ini, selesai sudah usaha kita mengurangi error pada template blogspot. Disarankan untuk Save Template setiap satu langkah selesai dipraktekkan dan dilanjutkan dengan revalidate di W3 Validator agar kita tahu kalo errornya berkurang.

Perlu diperhatikan bahwa langkah-langkah diatas hanya mampu menekan hingga 1 atau 2 error dan 2 warning. Jika ditemukan masih banyak error pada template kamu, itu disebabkan oleh kode widget atau halaman post kamu yang belum diperbaiki sesuai ketentuan W3 Validator.

Demikianlah, halaman komentar sangat terbuka untuk kita berdiskusi bersama. Mohon kepada sobat yang bisa hingga Pass Check, sudilah untuk berbagi disini.