Cara Upload Gambar Agar Valid HTML5

Cara Upload Gambar Agar Valid HTML5

Bola Hero Gawai

Cara Upload Gambar Agar Valid HTML5

Cara Upload
Pada kali ini saya akan share sebuah trik yang saya dapat dari pengalaman saya ketika memperbaiki template blog ini agar 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 memberikan "alt" dan "title" pada gambar tersebut. Karena ternyata gambar yang tidak diberi "alt" dan "title" memberikan sumbangan 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 sebenarnya cukup mudah, namun kadang kita lupa atau malas untuk memberikan "alt" dan "title". Namun sebenarnya ini memberikan 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 bar postingan untuk menghilangkan link pada gambar tersebut.

Upload Gambar Valid HTML5

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

Upload Gambar Valid HTML5 2
Upload Gambar Valid HTML5 3

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 ketika kursor disorotkan ke gambar tersebut.

Upload Gambar Valid HTML5 4

Setelah Anda memberikan "alt" dan "title" pada gambar tersebut, silahkan beralih ke postingan HTML dengan klik tombol HTML pada kiri atas. Maka Anda akan menemukan kode HTML seperti di bawah ini.

<img alt="Upload Gambar" border="0" src="http://1.bp.blogspot.com/-7k6GucjNNMc/UO1h4Ed30BI/AAAAAAAAU8k/E-c13qlypng/s1600/image+upload+5.jpg" title="Cara Upload Gambar Agar Valid HTML5" />
Perhatikan kode yang berwarna biru, itu adalah alt dan title yang Anda berikan untuk gambar yang Anda upload tadi. Dan silahkan hapus kode yang berwarna merah.

Setelah itu Anda bisa mempublikasikan postingan Anda. Namun apabila masih error pada validasi HTML5. Perhatikan tanda "/" pada akhir kode, silahkan hapus kode 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....

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×