Bisnis Online
Home » , » Edit Template Supaya Valid XHTML

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

PENTING!!!
ANDA TIDAK BEKERJA? INGIN TAHU INFORMASI LOWONGAN KERJA TERBARU DI KOTA ANDA? KUNJUNGI LOWONGAN KERJA TERBARU DISINI
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Delta Komputer

0 komentar:

Posting Komentar

 
Support : PING by :Ping-o-Matic | Pusat Promosi
Copyright © 2011. Tutorial dan Free Download - All Rights Reserved
Template Modify by Creating Website
Re Design by Bang Aris