logo blog

Cara Membuat Header Gambar Pada Blog Valid HTML5

Cara Membuat Header Gambar Pada Blog Valid HTML5
TRENZT - Beberapa waktu lalu saya sudah membahas tentang Membuat Popular Post dengan Gambar Valid HTML5. Nah, pada kesempatan kali ini saya akan membahas Validasi HTML5 yang berkaitan dengan header/logo pada blog.

Penggunaan header gambar ini akan mendapatkan 2 error pada validasi HTML. Penyebab error ini adalah width dan height yang terpisah. Seharusnya tinggi dan lebar gambar harus ada pada CSS terpisah atau menggunakan coding CSS seperti style='width:212px;height:55px'.

Berikut contoh peringatan error pada Validator W3C :

Cara Membuat Header Gambar Pada Blog Valid HTML5

Berikut adalah cara membuat header gambar/logo valid HTML5 :

  1. Backup terlebih dahulu template yang akan divalidasi.
  2. Cari kode img expr:alt='data:title' gunakan Ctrl+F untuk memudahkan pencarian.
  3. Maka Anda akan mendapatkan kode seperti ini : <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  4. Hapus kode yang berwarna merah.
  5. Save, dan coba test dengan menggunakan HTML validator.

Next
« Prev Post
Previous
Next Post »

2 komentar

wahh pengen deh gue belajar html5, kaya'a seru tuh..
tapi untuk sekarang belum ada waktu'a..

makasih gan udah share
-Ikubaru's Blogzia-

Balas

Ia gan, gue juga masih belajar dikit".
tanks atas komentar dan kunjungannya.

semoga bermanfaat. :)

Balas

Komentar harus sesuai dengan topik artikel.

- Komentar yang Relevan Sesuai Topik Pembahasan
- Dilarang SPAM, Menghina dan Melecehkan (SARA), Berkomentar dengan LINK aktif
- Dilarang PROMISI di Komentar
- Komentar yang tidak sesuai akan diHAPUS

by TRENZT.com

Copyright © 2014. TRENZT.com - All Rights Reserved | Template Created by Kompi Ajaib | Redesign by OpenKerja.com powered by Blogger