Home » » Validasi xhtml Template Blogspot

Validasi xhtml Template Blogspot

Written By Rangga Arief Putra on 2 Nov 2011 | 5:59:00 PM

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, begitu juga saat di coba pada Page Speed Online. Manfaat lainnya bisa juga di baca pada komentar sobat Tips Wisata Murah pada postingan tentang Halaman Blogspot Tidak Valid. Selain itu silahkan rasakan sendiri saat kamu mengunjungi blog ini dan membolak-balik halamannya. 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.

Happy blogging!
Share this article :
Ditulis oleh: Rangga Arief Putra Pada 5:59:00 PM
Category:

6 comments:

  1. Iskandar ArujiKamis, 03 November 2011 pukul 18.53.00 WIB

    mantab...hehe. Artikel terkaitnya pake thumbnail aja. Trus posisi iklan di bawah post..lanjutkan...happy blogging

    BalasHapus
  2. Iskaruji dot comKamis, 03 November 2011 pukul 18.56.00 WIB

    weleh...masuk spam toh komentarku..

    BalasHapus
  3. RanggaKamis, 03 November 2011 pukul 21.38.00 WIB

    wah-wah . .
    saya gk suka related nya pkai thumb mas . .
    mendingan ini lebih banyak yg bisa diliat :)

    BalasHapus
  4. Sejuta Trik BloggerMinggu, 06 November 2011 pukul 20.34.00 WIB

    design baru lagi nih sob temlatenya? sekarang lebih bersih, oh iya, btw, makasih infonya, sekarang template ane 1 error 2 warning, (homepage) makasih sob

    BalasHapus
  5. RanggaRabu, 09 November 2011 pukul 14.51.00 WIB

    @Sejuta Trik Blogger: iia nih design baru lagi karna bosan sob :) hmm . .
    okeh2 Happy blogging sob :)

    BalasHapus
  6. FIKRISHARE - Free Download Software Full VersionJumat, 27 Januari 2012 pukul 20.31.00 WIB

    terima kasih banyak mas. kebetulan saya sangat membutuhkan ini. error n warning blog saya sangat bnyk sekali.

    BalasHapus

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Chenkgelate - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger