Edit Template Supaya Valid XHTML

Ketika 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 :

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

Sumber

0 komentar:

Posting Komentar