Edit Template Supaya Valid XHTML
Ketika saya menggunakan Validator XHTML Tool untuk mengetahui kode yang
error pada blog, ternyata banyak terdapat error pada blog saya, akhirnya
saya edit saja templatenya biar lebih valid, dan syukur lah errornya
berkurang. Jika Sobat juga ingin Meng-edit template Blog sebaiknya
backup dulu template Anda, buat jaga-jaga bila
terjadi hal yang tidak di inginkan. Adapun kode HTML yang saya edit pada template antara lain :
Sobat juga perlu menghapus beberapa widget bawaan blogger yang tidak valid, silakan cek di validator.w3.org, jika ada hapus widget tersebut.
Selain kode diatas sebenarnya masih ada lagi kode yang lain, cuma karena
saya tidak begitu mengerti tentang kode HTML jadi cuma itu yang bisa
saya betulkan pada template saya supaya lebih Valid XHTML.
error pada blog, ternyata banyak terdapat error pada blog saya, akhirnya
saya edit saja templatenya biar lebih valid, dan syukur lah errornya
berkurang. Jika Sobat juga ingin Meng-edit template Blog sebaiknya
backup dulu template Anda, buat jaga-jaga bila
terjadi hal yang tidak di inginkan. Adapun kode HTML yang saya edit pada template antara lain :
- Kode dibawah ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
saya ganti dengan kode berikut
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- Memperbaiki penulisan META Tags
Contoh
<META content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/>
saya rubah menjadi
<meta content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/>
- Menghapus semua kode ( ---------- )
- Pada kode </head> saya tambahkan kode berikut tepat dibawahnya
<!-- <body><div></div> -->
- Menghapus semua kode quickedit seperti dibawah ini :
<b:include name="quickedit">
- Menghapus Post icon
<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>
saya hapus dan ganti dengan kode berikut
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
- Menambahkan type="text/javascript" pada semua kode JavaScript yang ada.
<script type="text/javascript" src="http://tutorialblog.googlecode.com/files/dfisi.js"></script>
- Menyembunyikan page navigation di halaman utama, kode
<b:include name='nextprev'/>
saya hapus dan ganti jadi
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
- Menambahkan atribut Alt pada semua gambar
<img alt="gambar" href="http://2.bp.blogspot.com/-vk3j9GrD30P/GhYf2WEe4mI/bsvjsfnnBF6/a2516/dboss.jpg">
- Memperbaiki atribut title dan alt pada link bergambar
contoh
<a href="http://www.google.com" title="Google" target="_blank"><img src="http://2.bp.blogspot.com/-vk3j9GrD30P/GhYf2WEe4mI/bsvjsfnnBF6/a2516/dboss.jpg" alt="www.google.com" border="0" /></a>
Sobat juga perlu menghapus beberapa widget bawaan blogger yang tidak valid, silakan cek di validator.w3.org, jika ada hapus widget tersebut.
Selain kode diatas sebenarnya masih ada lagi kode yang lain, cuma karena
saya tidak begitu mengerti tentang kode HTML jadi cuma itu yang bisa
saya betulkan pada template saya supaya lebih Valid XHTML.
Posting Komentar untuk "Edit Template Supaya Valid XHTML"