Membuat Header Image / Logo Valid HTML5
Membuat Image Logo Valid HTML5 - Pada 2 artikel sebelumnya saya membahas hal yang berkaitan dengan Validasi HTML5, ternyata terus berkelanjutan dengan munculnya pertanyaan sahabat. Karena kemungkinan diperlukan oleh yang lain, maka jawabannya saya alihkan pada postingan ini. Pertanyaan ini datang dari sobat Abdul Ajiz Ridwanz yang mempertanyakan bagaimana membuat header gambar valid HTML5.
Yang dimaksudkan header gambar di sini bukan secara keseluruhan atau background image, melainkan logo pada header. Biasanya, penggunaan header image ini akan menyumbangkan 2 error pada validasi HTML. Hal ini dikarenakan adanya
Peringatan error pada Validator W3C kurang lebih seperti ini :
Untuk mengatasi header image yang tidak valid HTML, silahkan cari kode ini
Untuk mempermudah gunakan Ctrl+F dan cari potongan kode seperti
Setelah disave, coba test lagi menggunakan HTML5 validator.

Yang dimaksudkan header gambar di sini bukan secara keseluruhan atau background image, melainkan logo pada header. Biasanya, penggunaan header image ini akan menyumbangkan 2 error pada validasi HTML. Hal ini dikarenakan adanya
width
dan height
yang terpisah. Seperti kita ketahui, seharusnya tinggi dan lebar gambar harus ada pada CSS terpisah atau menggunakan inline CSS seperti style='width:212px;height:55px'
.Peringatan error pada Validator W3C kurang lebih seperti ini :

Untuk mengatasi header image yang tidak valid HTML, silahkan cari kode ini
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
Untuk mempermudah gunakan Ctrl+F dan cari potongan kode seperti
img expr:alt='data:title'
. Kemudian hapus kode expr:height='data:height'
dan expr:width='data:width'
sepeti yang saya tandai pada kode di atas.Setelah disave, coba test lagi menggunakan HTML5 validator.
129 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
visit n follow my blogg predatorilm.blogspot.com
1. Cara membuat navtab seperti http://goo.gl/VYzfzN
2. Cara membuat lightbox pada gambar postingan, dan halaman web, buka ini kang http://goo.gl/3aXhN1 (coba jelaskan cara pemasangannya dan coba cari kata "FLASH / SWF" dalam web tersebut, lalu klik gambarnya (saya ingin membuat halaman konversi kode dengan lightbox), maaf kang merepotkan saya sudah cari kesana-kesini tapi hasilnya kosong, dan tidak mengerti dari penjelasan blog lain, dan saya pusing mau nanya ke siapa lagi kang, jadi saya mohon sekali untuk pertanyaan saya yang satu ini, trimakasih
Untuk No 2.. kebetulan saya mau posting lightbox evolution, ditunggu aja sob
$('i[rel="pre"]').replaceWith(function() {
return $('<pre><code>' + $(this).html() + '</code></pre>');
});
Saya mau nanya kenapa ya breadcrumbs blog saya kok error dengan muncul pesan seperti ini TEMPLATE ERROR: Invalud data reference post.labels: No dictionary named:'post' in: ['blog','skin'.'view']
Trimakasih sebelumnya
thnks infonya kang :D
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Kode HTML disini.....
</b:if>
kunjungan baliknya saya tunggu
visit back >>> http://indraahmadrobani.blogspot.com/
nitip jejak : http://game-begog.blogspot.com
Saya sudah 2 jam di blog kangismet nih sampai keringetan
http://droidpluss.blogspot.com/ ... !!
Nuhun pisan kang sakali deui :D ...
salam kenal kang :D
mas, bisa menyelesaiin masalah di atas gk?? menu dropdown nya kok begitu??
Dynamic heading bisa di guankan juga script diatas
cuma kasih kemudahan aja kang :D
coba dibaca lagi artikelnya baik2 :)
Dulu Kang Ismat pernah kasih solusi yang sama pada kolom komentar, dengan pertanyaan yang sama.
antisipasi pertanyaan berulang, mending posting aja deh :)