Tips Membuat Blog Lebih Valid XHTML

Sudahkah Template Blog anda Valid kalo belom buatlah template blog anda lebih valid dengan Tips yang saya akan Share untuk kalian semua - Tips Membuat Blog Lebih Valid,, Ikutin Tipsnya Masbro...
Sebelum membuat blog lebih valid, coba cek dulu seberapa validnya blog kalian.. disini

1. Merubah 'deklarasi DOCTYPE Strict' menjadi 'Transisi XHTML delcaration DOCTYPE" dan menambahkan meta tag default blogger. Cari kode dibawah..
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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'>
Hapus semua kode diatas dan ganti dengan kode berikut..
<?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'>
2. Menghapus comment declaration yang ada pada CSS Cari kode dash ( ----- ) dan hapus semuanya. contoh:
/* -----------------------------------------------
Blogger Template Style Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
Hasilnya menjadi..
/* Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team */
3. Menghapus Navigasi Bar bawaan blogger cari kode dan tambahkan kode berikut tempat dibawahnya
<!-- <body><div></div> -->
Nanti akan muncul peringatan untuk menghapus navbar, langsung klik Hapus saja.
4. Menghapus Icon Quickedit atau gambar obeng cari kode <b:include name='quickedit'/> kalo sudah ketemu hapus semua tanpa terkecuali, jangan lupa kalo besoknya menambahkan widget baru hapus lagi kode tersebut.&n bsp;

5. Menghapus Post icon 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>
Hapus dan ganti dengan kode berikut..
<span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
        </b:if>

      </span>
      </div>
6. Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada. Contoh:
<script src="http://icewahyu.googlecode.com/files/SakuraRain.js"></script>
Ubahlah Menjadi:
<script type="text/javascript" src="http://icewahyu.googlecode.com/files/sesuatu.js"></script>
7. Menyembunyikan page navigation di halaman utama
cari kode..
<b:include name='nextprev'/>
Hapus dan ganti seperti kode berikut..
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
8. Menambahkan atribut Alt pada semua gambar termasuk saat posting artikel
contoh:
<img href="http://1.bp.blogspot.com/-n2OIL8Xv3ZI/TlvP2WEe4mI/AAAAAAAAAAU/gskf9ZSuiAc/s1600/dofollowlogo.jpg">
Ganti menjadi seperti berikut..
<img alt="dofollow logo" href="http://1.bp.blogspot.com/-n2OIL8Xv3ZI/TlvP2WEe4mI/AAAAAAAAAAU/gskf9ZSuiAc/s1600/dofollowlogo.jpg">
9. Memperbaiki atribut title dan alt pada link bergambar
sebagai contoh:
<a href="http://www.getfreebl.com" alt="free backlink generator powered by http://www.getfreebl.com" target="_blank"><img src="http://www.getfreebl.com/services/backlink/backlink.php?aut=EF60387089C968920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C133214B6D89C17132344F7139C830162C23D81597BA7B4BBFE8" title="Free backlinks for your site powered by http://www.getfreebl.com" border="0" /></a>
Rubah posisi atribut title dan alt..
<a href="http://www.getfreebl.com" title="free backlink generator powered by http://www.getfreebl.com" target="_blank"><img src="http://www.getfreebl.com/services/backlink/backlink.php?aut=EF60387089C968920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C133214B6D89C17132344F7139C830162C23D81597BA7B4BBFE8" alt="Free backlinks for your site powered by http://www.getfreebl.com" border="0" /></a>
Untuk kasus diatas jangan lupa untuk link atributnya title dan target, untuk gambar alt dan border jagan sampe terbalik-balik.

Baca dengan Teliti,, jangan sampe salah baca atau keliru...
Mungkin hanya segitu saja juga sudah cukup,, Semoga bermanfaat bagi kalian semua,, Terima Kasih
Anda baru saja membaca artikel yang berkategori Tricks Blog dengan judul Tips Membuat Blog Lebih Valid XHTML. Anda bisa bookmark halaman ini dengan URL http://abc-xp.blogspot.com/2011/12/tips-membuat-blog-lebih-valid-xhtml.html. Terima kasih!
Ditulis oleh: Wahyu Arief - Friday, December 9, 2011

29 komentar untuk "Tips Membuat Blog Lebih Valid XHTML"

  1. Izin nyoba gan................makasih atas info nya..........

    ReplyDelete
  2. sudah di coba dan berhasil , thanks masbro

    ReplyDelete
  3. Thanks Mas Broth,, kayaknya Pening banget nigh,

    ReplyDelete
  4. thanks tips nya, visit my blog please n comment back :D

    ReplyDelete
  5. Wahh,, Kerenn.. Thankss Ane udah Prajtekin,

    ReplyDelete
  6. utk blogspot dibikin valid dalam xhtml transitional itu sulit kyknya..
    tapi yg penting bisa mengurangi error warning, hohohoo :D

    ReplyDelete
  7. Mantab,, Link ane dah terpasang, ane Balikin slhkan chek di TKP

    ReplyDelete
  8. mantaps infonya gan
    #51,follow back + like ya
    :D

    ReplyDelete
  9. keren banget templatenya mas ajarin dund buatnya

    ReplyDelete
  10. Kok beda ya sama blogku.
    dari point 1 aja sudah beda. Alamat untuk blogku ndak bisa valid nih. Tapi nggak papa keep blogging aja.

    Oh ya sob. Follow sukses dg foto naruto atas nama dokunimus. Dan untuk 7 Fantastic Blog, Link blog ini sudah saya pasang.silakan dicek.
    Follback dan pasang baliknya saya tunggu.

    ReplyDelete
  11. balik lagi ni masbro always support you

    ReplyDelete
  12. wahhh mantap nih sob! kebetulan ane lagi masa masanya menggunakan validasi ini :) hehehe makasih ya sharenya

    ReplyDelete
  13. terus berkarya mas, oh ane da pajang linknya pajang balik ya

    ReplyDelete
  14. Wah perlu di coba nih sob.Biar lebih kinclong lagi hheehehe.Follower Sukses sob.Terimakasih atas ilmunya.

    ReplyDelete
  15. kunjungan pertamax, salam kenal, lagi belajar nih sob, kok kelihatannya sulit ya, maklum masih kantrox

    ReplyDelete
  16. wahhh thanks banget sob ane langsung praktekin! wahhh benar ane cuman errror dikit doang :D

    ReplyDelete
  17. dateng lagi ni sob semabari nunggu yang baru ni salam 7FB

    ReplyDelete
  18. langsung menuju TKP untuk membuat blog saya semakin valid xhtml sobat, terima kasih info dan juga sarannya sobat...

    ReplyDelete
  19. mau juga aku kalo bisa lebih valid, trims sobat sudah berbagi tutorial yang menarik ini :-)

    ReplyDelete
  20. cobaih ah...

    ##saya dah jadi followers anda yang ke #58 jangan lupa untuk follow balik ya.. sob.

    ReplyDelete
  21. So simple..so sexy...

    Tambahan kawan: ketika upload gambar sebaiknya tag imageanchor dihapus dan kalau menurutku tag border mendingan diatur pada bagian css plus ditambahin separator...

    ReplyDelete