» » » Edit Template Agar Valid Xhtml

Edit Template Agar Valid Xhtml

Ketika aku memakai Validator XHTML Tool untuk mengetahui isyarat yang error pada blog, ternyata banyak terdapat error pada blog saya, jadinya aku edit saja templatenya semoga 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 isyarat HTML yang aku 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 isyarat 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 isyarat ( ---------- )
  • Pada isyarat </head> aku tambahkan isyarat berikut sempurna dibawahnya
    • <!-- <body><div></div> -->
  • Menghapus semua isyarat quickedit menyerupai 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 isyarat berikut
    <span class='post-icons'>
            <!-- email post links -->
            <b:if cond='data:post.emailPostUrl'>
            </b:if>
          </span>
          </div>
  • Menambahkan type="text/javascript" pada semua isyarat JavaScript yang ada.
    • <script type="text/javascript" src="http://tutorialblog.googlecode.com/files/dfisi.js"></script>
  • Menyembunyikan page navigation di halaman utama, isyarat
    • <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="Ketika aku memakai Validator XHTML Tool untuk mengetahui isyarat yang error pada blog Edit Template Supaya Valid XHTML" 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, kalau ada hapus widget tersebut.
Selain isyarat diatas sebetulnya masih ada lagi isyarat yang lain, cuma alasannya aku tidak begitu mengerti ihwal isyarat HTML jadi cuma itu yang sanggup aku betulkan pada template aku supaya lebih Valid XHTML.
0 Komentar untuk "Edit Template Agar Valid Xhtml"

Back To Top