Cara Membuat Widget Header Blog Bisa Valid HTML5

Maaf, baru pada hari ini saya bisa membagikan artikel kembali ke teman-teman blogger semua. Kebetulan belakangan ini saya ada kerjaan yang harus diselesaikan. Lumayan capek juga karena kerjaan tersebut harus selesai pada minggu ini. Oke, itu curhatan dan alasan kenapa akhir-akhir ini saya tidak berbagi artikel.

Pada kesempatan ini saya akan memberikan sebuah trik, cara membuat widget header agar bisa valid HTML5 100%. Sebagaimana yang kita ketahui widget tersebut ternyata tidak / belum valid HTML5. Nah, agar widget tersebut bisa valid ternyata caranya cukup mudah. Kita hanya perlu menghilangkan beberapa bagian yang tidak dibutuhkan. Baiklah, langsung saja kita simak cara membuat widget Header Blog agar bisa valid HTML5 :

1. Hapus semua kode yang bertuliskan <div id='header-inner'> dan penutupnya: </div>.
2. Cari kode berikut pada widget tersebut : <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'/> kemudian hapus tulisan yang berwarna merah tersebut. Untuk penambahan title pada kode gambar itu, cukup kamu tambahkan ini: expr:title='data:title'.
3. Untuk mengatur ukuran tampilan tinggi atau lebar gambar, bisa di lakukan pada pemberian perintah pada css. Sebagai contoh : #header {height: 120px; width: 240px;}.
4. Save dan lakukan pengecekan validasinya disini.

Itulah beberapa langkah agar widget header Blog kita bisa valid HTML5. Jika masih terdapat kendala pada validasi ini silahkan berkomentar dibawah.