Cara Mudah Modifikasi Kode Histats Agar Valid HTML5

Cara mudah memodifikasi kode histats agar menjadi valid HTML5. sehingga tidak merusak struktur template blog yang pada dasarnya sudah lulus validitas HTML5.
modifikasi kode histats agar valid html5
Bagi teman-teman blogger yang menggunakan template blog yang valid HTML5, penggunaan Histat dengan menempelkan kode-nya ke dalam blog akan membuat template kita menjadi tidak valid HTML5 lagi, apabila kita lakukan cek ulang ke situs uji validitas HTML5 seperti situs html5.validator.nu atau yang lain.
Maka dari itu, agar template blog kita menjadi valid, maka perlu dilakukan sedikit modifikasi. modifikasi-nya cukup mudah, mengingat saya yang bukan pakar-nya saja juga bisa mengatasi hal ini lho.. berbekal sedikit petunjuk dari apa yang suda di tunjukkan oleh situs hasil uji validitas HTML5 tersebut.
Pada penggunaan kode Histats, saya lebih memilih kode yang tanpa menggunakan Javascript dalam mode Hidden. namun apabila teman-teman menggunakan kode yang tidak seperti yang saya pilih, yang perlu kita lakukan adalah sama saja, kita hanya perlu mengganti,serta menghilangkan bagian yang tidak perlu. misal menghapus tag border="0", mengganti kode & serta menambahkan isi alt. yang pada standart-nya kode tersebut memang perlu dimodifikasi. berikut ini contoh-nya.
Dan pada kode ini, saya menggunakan kode tempel yang tidak menggunakan Javascript, dan menggunakan mode Hidden.
Berikut hasil pengujian validitas HTML5 disaat saya masih belum memodifikasi kode tempel widget Histats pada blog ini :

kode histats belum valid HTML5

Dan dibawah ini gambar hasil pengujian setelah selesai memodifikasi kode Histats agar valid HTML5:

kode-histats-sudah-menjadi-valid-html5

Versi Standart dari Histats:
<!-- Histats.com START (hidden counter) --><a href="/" alt="" target="_blank" ><img src="//sstatic1.histats.com/0.gif?3105799&101" alt="" border="0"><!-- Histats.com END -->

Versi modifikasi Valid HTML5:
<!-- Histats.com  START (hidden counter) --><a href="/" target="_blank" ><img src="//sstatic1.histats.com/0.gif?3105799&amp;101" alt="stats" /><!-- Histats.com  END  --></a>
Sepintas terlihat tampak masih sama, namun bila diteliti... ada beberapa kode yang dihilangkan, serta termodifikasi. kode-kode yang perlu kita hilangkan dan perlu kita rubah adalah :
  • Hapus kode border="0"
  • Pada bagian kode alt="", rubah menjadi alt="terserah_anda"
  • Ganti kode & menjadi &amp;
Setelah melakukan modifikasi pada ketiga kode tersebut, lalu silahkan uji coba lagi ke situs pengujian validitas HTML5, bila tidak ada peringatan warning serta error.. maka kode Histats yang sudah anda modifikasi sudah menjadi valid HTML5. mudah bukan?!
Bila anda menggunakan kode Histats selain seperti kode diatas.. yang perlu anda modifikasi adalah cukup berpatokan pada 3 kode diatas. semoga berhasil.

Post a Comment

© Tips Kunci. All rights reserved. Premium By NiaDzgn