Cara Upload gambar valid HTML5

Dua hari mengganti tampilan blog ini karena template yang terdahulu ada sedikit problem,yaitu ketika saya mengedit supaya blog ini valid dengan HTML5,problemnya karena waktu saya mengganti script paling atas pada template namun yang terjadi malah tidak sesuai dengan yang saya harapkan.Saya suka dengan template Megazine yang ramai seperti pasar walaupun berat,seperti biasa saya mencari template di mas template bikinannya maskolis (cinta produk dalam negeri).

Disitu saya menemukan template yang kini saya pakai namun tidak 100% valid HTML5,masih ada satu yang tidak valid dan selama 2 hari itu saya mencari ketidak valid an tersebut namun tetap tidak ketemu juga hingga akhirnya aku biarkan saja dah dari pada pusing.Saat saya menambah widget-widget yang saya butuhkan ternyata tidak asal-asalan meletakkan posisinya,seperti widget followers yang sebenarnya ingin saya letakkan di sidebar namun tidak valid akhirnya saya taruh di bawah ternyata valid saat saya cek di http://validator.w3.org.

Selama saya edit template ini dan tidak lupa untuk selalu mengecek ke validan nya,saya menemukan masalah-masalah penulisan HTML yang tidak valid dan saya coba untuk membetulkannya,yang terbanyak dari kesalahan-kesalahan tersebut ternyata bukan dari template seutuhnya,melainkan dari Postingan.Terkadang saya selalu menulis artikel menggunakan mode Compose dan jarang sekali menggunakan mode HTML.Penggunaan gambar-gambar yang saya upload untukk posting ternyata tidak valid dengan HTML5,misalkan border,alt,link,dll.Untuk membetulkannya seperti ini,misalkan saya meng upload gambar di bawah ini,
Cara upload gambar valid HTML5

Jika saya klik gambar tersebut maka menu Link di atas akan hidup,nah klik Link tersebut seprti gambar di bawah,
Cara Upload gambar valid HTML5
Edit ke HTML mode,maka nanti URL gambar kurang lebih seperti ini

<a href="http://1.bp.blogspot.com/-nJaolwmKNWg/UbHmPucKExI/AAAAAAAAAzg/yM79xAs1Jpg/s1600/evanesence.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/-nJaolwmKNWg/UbHmPucKExI/AAAAAAAAAzg/yM79xAs1Jpg/s320/evanesence.png" width="252" /></a></div>

Kembali ke compose mode lalu Klik pada gambar dan pilih properties


Cara Upload gambar valid HTML5

Deskripsi gambar lalu klik Ok

cara upload gambar agar valid html
Masuk lagi ke HTML mode,dan lihat perubahan URL gmbarnya kurang lebih seperti ini

<img alt="Cara Upload gambar valid HTML5" border="0" height="216" src="http://1.bp.blogspot.com/-nJaolwmKNWg/UbHmPucKExI/AAAAAAAAAzg/yM79xAs1Jpg/s320/evanesence.png" title="Cara Upload gambar valid HTML5" width="320" />

Keterangan penulisan HTML,hapus yang berwarna merah

Maka penulisan yang valid seperti ini
<img alt=”Cara Upload Gambar Agar Valid HTML 5″ src=”http://1.bp.blogspot.com/-nJaolwmKNWg/UbHmPucKExI/AAAAAAAAAzg/yM79xAs1Jpg/s320/evanesence.png” title=”Cara Upload Gambar Agar Valid HTML5″>
Karena blog ini sebagian besar postingannya adalah Tutorial yang menggunakan banyak gambar,dan di setiap gambar-gambar tersebut harus di zoom atau lihat ukuran penuh,maka saya biarkan saja,saya takut pengunjung kecewa hehee.Sampai saat ini ada 2 widget yang saya suka tapi tidak valid HTML5,biarlah yang penting ngeblog dah dari pada mikirin HTML yang valid dan sulit wkwkwk

Tag : Tutorial
7 Komentar untuk "Cara Upload gambar valid HTML5"
Back To Top