Cara Upload Gambar Agar Valid HTML5

Pada kali ini saya akan share sebuah trik yang saya dapat dari pengalaman saya saat memperbaiki template blog ini semoga valid HTML5. Dan tentunya juga berkat bimbingan dari master-master blogger yang dengan baik hati membagikan ilmunya.

Ketika kita mengupload sebuah gambar ke postingan, jangan lupa untuk menawarkan "alt" dan "title" pada gambar tersebut. Karena ternyata gambar yang tidak diberi "alt" dan "title" menawarkan dukungan error pada validasi HTML5. Untuk itu saya coba share Cara Upload Gambar Agar Valid HTML5.

Sementara itu, apabila template blog kita valid HTML5, maka blog kita dapat mendukung fitur-fitur terbaru multimedia dan dapat mengurangi penggunaan plugin third party sehingga mempercepat kinerja web atau blog (Maskolis).

Cara Upload Gambar Agar Valid HTML5 ini bergotong-royong cukup mudah, namun kadang kita lupa atau malas untuk menawarkan "alt" dan "title". Namun bergotong-royong ini menawarkan error yang cukup banyak pada template blog kita.

Ketika Anda mengupload gambar ke postingan dan sudah selesai proses uploadnya, klik gambar tersebut dan klik menu "Link" pada menu kafetaria postingan untuk menghilangkan link pada gambar tersebut.

Kemudian klik lagi gambar tersebut dan klik "properties" untuk menawarkan "alt" dan "title" pada gambar tersebut.

Silahkan isi "title text" dengan title yang sesuai dengan gambar yang Anda upload dan "alt text" yang berfungsi sebagai keyword untuk gambar Anda. Title text pada gambar akan muncul saat kursor disorotkan ke gambar tersebut.

Setelah Anda menawarkan "alt" dan "title" pada gambar tersebut, silahkan beralih ke postingan HTML dengan klik tombol HTML pada kiri atas. Maka Anda akan menemukan aba-aba HTML menyerupai di bawah ini.

 <img alt="Upload Gambar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMLh75mCyf2xidCs4EKnp4SwgIWZ-Gjj0K9YcpHSsfxvPT-PAdoeUUjn6z5HjQ5zUHhHG9qMLCyUuxztyaJI30xQHHLor3wPZdPmmQ4hjcbrmgw0OJpeKwv0R84S2emfuP4VDXhhawHS0V/s1600/image+upload+5.jpg" title="Cara Upload Gambar Agar Valid HTML5" />

Perhatikan aba-aba yang berwarna biru, itu yaitu alt dan title yang Anda berikan untuk gambar yang Anda upload tadi. Dan silahkan hapus aba-aba yang berwarna merah.

Setelah itu Anda mampu mempublikasikan postingan Anda. Namun apabila masih error pada validasi HTML5. Perhatikan tanda "/" pada tamat kode, silahkan hapus aba-aba tersebut dan publish postingan Anda dalam posisi postingan HTML.

Lakukan hal-hal di atas setiap kali Anda mengupload gambar pada postingan Anda. Dan lakukan juga pada semua gambar yang telah Anda posting sebelumnya yang postingannya tampil pada homepage blog Anda.

Demikian saja postingan ini semoga dapat dimengerti dan bermanfaat....