Blog Personal tentang tips Blogging dan Internet

Membuat Gambar Valid HTML5 Pada Blogger

Membuat Gambar Valid HTML5 Pada Blogger
Jika sebelumnya Saya menulis artikel tentang Breadcrumbs SEO Friendly dan Valid HTML5. Kali ini Saya berbagi tips membuat gambar Valid HTML5. Artikel ini mirip dengan artikel Saya berjudul  Memasang Tag Alt Pada Gambar.

Seperti yang kita ketahui, saat kita unggah gambar di blogger kode gambar tersebut tidak Valid HTML5 atau lebih tepatnya seperti contoh pada kode dibawah ini.

<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-S1MoIh1jkUU/U1KDhXhMmhI/AAAAAAAAAPU/TYVNo8dXZmI/s1600/BOX+HTML5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="http://3.bp.blogspot.com/-S1MoIh1jkUU/U1KDhXhMmhI/AAAAAAAAAPU/TYVNo8dXZmI/s1600/BOX+HTML5.jpg" />
</a>
</div>
Silakan Anda rubah kode diatas menjadi seperti kode dibawah ini agar Valid HTML5. Anda isi tag alt pada kode dibawah dengan nama gambar.

<div class="separator" style="clear: both; text-align: center;">
<img alt="Judul" src="http://3.bp.blogspot.com/-S1MoIh1jkUU/U1KDhXhMmhI/AAAAAAAAAPU/TYVNo8dXZmI/s1600/BOX+HTML5.jpg" />
</div>

Berlangganan : Masukan e-mail Anda untuk mendapatkan kiriman artikel terbaru dari Kang Mousir langsung di pesan kotak masuk.

feedburner

10 Komentar untuk "Membuat Gambar Valid HTML5 Pada Blogger"

Cut Vivia Talitha

Kang web yang paling ok untuk ngecek validasi dan seo blog di mana?
Bisa tolong liat blog saya? Sering eror kemarin2. Sekarang saya pake template yang Sang SEOnya Kang Mousir. Keren beneeer :-d

Cut Vivia Talitha

Nih blognya Kang http://vialitha.blogspot.com

Kang Mousir

http://validator.w3.org/ - Paling terpercaya untuk cek validasi blog. Untuk tes seo blog, pake aja chkme.com yang umum dipake.

Untuk validasi blogmu, banyak error dari widget. Coba hapus semua kodenya pada instruksi dari templatenya

Asyaf Syaffar

gila ini artikelnya singkat bangat bisa masuk SERP google
terus didalamnya ada iklan Google Adsense lagi
pake ramuan apa gan ?

Adi Firmansyah

Kang, mau tanya bagaimana caranya agar kode gambar di bagian template bisa valid HTML 5? Saya pasang kode gambar Alexa tapi tidak valid HTML 5. Keterangannya : Bad start tag in img in head.

Kang Mousir

bisa lebih jelas lagi error nya seperti, mungkin lupa menambahkan tag penutupnya :)

Silakan berkomentar sesuai dengan topik. Jangan menyisipkan link pada komentar dan jangan sampai komentar Anda masuk komentar SPAM.

Jangan salahkan Saya bila komentar Anda dihapus !

Klik emoticon : :) :D :( :-o @@, :s :wow: 8) :x :P :| ;) :lol: :oops: :cry: :evil: :twisted: :roll: :!: :?: :idea: :arrow: :mrgreen: :-d