Headlines News :
Home » » Validasi XHTML Template dengan W3 Validator

Validasi XHTML Template dengan W3 Validator

BISMILLAH : Dan apabila aku sakit DIA-lah (Allah SWT) yang menyembuhkannya -Asy Syuaraa : 80-

w3c


Kumpulan Beberapa Cara Validasi :

1. Silahkan kunjungi W3 Validator. Masukkan url blog anda, 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 Blog anda selesai.

2. Expand Widget Templates. Ganti Document Type template blog anda 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[

3. Garis panjang seperti pada contoh berikut ini, biasanya menyumbang bertambahnya tingkat error pada template blog kita. Hapus semua bentuk deklarasi template blogspot yang menggunakan garis panjang tersebut.


/* Header
------------------------------ */

Sehingga format deklarasi yang benar adalah :


/* Header */

4. Untuk men-delete Widget NavBar bawaan blogspot yang biasanya cuma kita sembunyikan... Letakkan kode berikut dibawah ini diatas <body>


<!-- <body><div></div> -->

5. Kode ini akan selalu ada setiap kali kita melakukan aksi Add Gadget. Jadi pastikan kita selalu menghapusnya lagi setiap melakukan penambahan gadget, Hapus semua kode :


<b:include name='quickedit'/>

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

Ganti dengan kode berikut dibawah ini :


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

7. Dalam keadaan default saat pertama kali gambar di upload ke post akan tertampil kode seperti dibawah ini... Hapus kode yang berwarna Merah (imageanchor="1") :


<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-B5dRf5tjoqc/TZlaDRYPLcI/AAAAAAAABGk/GDO0IKborqo/s1600/Video+lipsing+anggota+brimob+Gorontalo.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="143" src="http://2.bp.blogspot.com/-B5dRf5tjoqc/TZlaDRYPLcI/AAAAAAAABGk/GDO0IKborqo/s200/Video+lipsing+anggota+brimob+Gorontalo.JPG" width="200" /></a></div>

8. Hapus juga kode default saat kita embed video pada post, yang berwarna Merah tersebut dibawah ini :


<iframe title="YouTube video player" width="480" height="350" src="http://www.youtube.com/embed/ZyhI3OG2raE" frameborder="0" allowfullscreen></iframe>

9. Tambahkan kode alt="" setiap kita memposting gambar baru, seperti contoh tersebut dibawah ini :


<img alt="Video lipsing briptu norman" border="0" height="143" src="http://2.bp.blogspot.com/-B5dRf5tjoqc/TZlaDRYPLcI/AAAAAAAABGk/GDO0IKborqo/s200/Video+lipsing+anggota+brimob+Gorontalo.JPG" width="200" />

10. Kalo kita menggunakan url script seperti ini :


<script src='http://iskaruji.googlecode.com/files/manyun_smiley.js' type='text/javascript'>

Ganti dengan penulisan yang dianggap valid, seperti dibawah ini :


<script type='text/javascript' src='http://iskaruji.googlecode.com/files/manyun_smiley.js'></script>

11. Fungsi navigasi blog juga menjadi penyumbang error terbesar. Jika anda berniat tidak menggunakan navigasi "post baru, beranda, post lama" pada Blog anda, silahkan menhapus kode berikut dibawah ini... Secara default, kode ini berada di bawah kode <b:includable id='nextprev'>


<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>

12. Template Mobile

Bagi yang pernah mengaktifkan template mobile, ini juga akan menjadi penyumbang error. Pergi ke Setting > Email & Mobile > Pilih "No" untuk show mobile template. Jangan Khawatir, aksi ini tidak menghapus mobile blogging kamu di http://namablog.blogspot.com/?m=1

13. Kontrol juga setiap penggunaan dan penambahan Kode widget.

Disarankan untuk Save Template setiap menerapkan satu langkah dan dilanjutkan dengan revalidate di W3 Validator agar kita tahu kalo errornya berkurang.


Sumber : iskaruji.com


ALHAMDULILLAH... Semoga Bermanfaat...!!
Posted by Rumah Gurah Surabaya at 8/25/2012
Label:
 
RUMAH GURAH SURABAYA : Jl. Padmosusastro No.102-B (daerah Pakis Wetan) +/- 100 M ke Arah Selatan dari GELORA PANCASILA Surabaya 60241
Proudly powered by BloggerTemplate Created by Mas Template Published by RUMAH GURAH SURABAYA