Edit Template Supaya Valid XHTML

Diposkan oleh dya21 on 16 October 2011 at 1:33 PM

Edit Template Supaya Valid XHTML | Tutorial Blog

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.

.:. 17 komentar .:.Post a Comment

  1. maksih gan..
    berguan bngt buat newbitol kayak ane'

    http://saunse.blogspot.com/

    ReplyDelete
  2. Gan saya masih awam dengan semua,,coba agan lihat tampilan blog saya, dan kalau ada masukan saya sangat terbuka gan,,,terima kasih,,,

    www.poswayang.blogspot.com

    ReplyDelete
  3. uda di coba..moga2 valid ya..

    ReplyDelete
  4. Nice info boss ..di tunggu kunjungan baliknya
    http://klikharits.com

    ReplyDelete

  5. artikelnya sangat menakjubkan gen B-)

    ReplyDelete
  6. . artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu

    ReplyDelete
  7. Bagaimana kalau title dan alt gambarnya disesuaikan dengan tema gambar,sob ?

    ReplyDelete
  8. salam kenal gan dan jangan lupa kunjungi juga web kami http://obatambevenatauwasir.blogspot.com/

    ReplyDelete
  9. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete
  10. ada template valit html 5 ngga yah.

    ReplyDelete
  11. link kontes seo
    http://www.alip.web.id/2015/12/qilinpoker-net-agen-poker-terpercaya.html

    http://www.alip.web.id/2015/12/nissan-mobil-terbaik-pilihan-keluarga.html

    ReplyDelete
  12. trimakasih sekali mas,,, ini yang lagi di cari (y)(y)

    ReplyDelete

 
Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com
Follow
back to top
Home
back to bottom