Sunday, September 7, 2014

Cara agar halaman posting blog blogger valid HTML5

Akhir-akhir ini Valid HTML5 menjadi topik bahasan yang cukup heboh di kalangan blogger, khususnya para pengguna blogger setia maupun yang tidak, bahkan sudah lama sebenarnya pembahasan ini mengheboh. Oleh karenanya, saya pun ikut mengikuti perkembangan tersebut, sehingga terciptalah halaman ini.

Di halaman ini saya ingin dan akan menjabarkan cara-cara yang saya lakukan dan diterapkan untuk membuat halaman posting blog di blogger menjadi valid HTML5.

Cara membuat gambar di dalam posting valid HTML5

Salah satu penyumbang error ketika dicek melalui validator.w3.org adalah struktur kode HTML pada gambar yang diunggah di dalam badan posting. Lalu, bagaimana menyelesaikannya?

Cukup mudah, yang perlu kita lakukan adalah menghapus kode imageanchor="1" dari tag link gambar dan border="0" dari tag gambar tersebut.

Berikut adalah contoh kode gambar standar yang secara otomatis ter-generate saat setelah meng-upload gambar:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYase573yy4WqtgeuMnHxl3RGbj2erbQFTG2lMsHrzC4Li_SZrkzOWxMrAAGUWwHyB8ABqMdZs49a8_E3gAX_f_FrGR8D2aOn5m26MG_yCqlhA27z18Ubz6heElwa0asdI_hV_cKPs4l0/s1600/2014-09-07_172430_lebar-simple-template-blogger-before.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara agar lebar simpe template blogger tidak kebesaran" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYase573yy4WqtgeuMnHxl3RGbj2erbQFTG2lMsHrzC4Li_SZrkzOWxMrAAGUWwHyB8ABqMdZs49a8_E3gAX_f_FrGR8D2aOn5m26MG_yCqlhA27z18Ubz6heElwa0asdI_hV_cKPs4l0/s1600/2014-09-07_172430_lebar-simple-template-blogger-before.png" title="Cara agar lebar simpe template blogger tidak kebesaran" /></a></div>

Jangan lupa, untuk menghapus kedua kode tersebut kita harus beralih dari mode COMPOSE ke mode HTML (di bagian atas sebelah kiri).

Untuk sementara, pembahasan cara agar halaman posting blog blogger menjadi valid HTML5 saya cukupkan sampai di sini. Halaman ini akan saya perbaharui secara berkala sesuai permasalahan validasi laman posting yang saya hadapi. Terima kasih atas kunjungannya

No comments:

Post a Comment