Kumpulan Trick Blog TErbaru

About

New Trick hayalah blog kecil yang mencoba untuk memberikan dan menyajikan trick dan tips tentang blog
Selasa, 19 April 2016

Membuat Gambar Valid HTML5 Pada Blogger

Membuat Gambar Valid HTML5 Pada Blogger
Jika sebelumnya aku menulis artikel tentang Breadcrumbs SEO Friendly dan Valid HTML5. Kali ini aku berbagi tips membuat gambar Valid HTML5. Artikel ini mirip dengan artikel aku 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR8PvfP75dhvSrTnu8kla90p34axC9CdDUp79pRCAevJACLBYHu-sokDWE-kYFKLsOXKIS9lmUfYHkF9XluAYjbXWQYY8KpV3I4UIyONoo7UVsLYKh8OHlVWg0fif0JH_y3hMT3KGUJen_/s1600/BOX+HTML5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR8PvfP75dhvSrTnu8kla90p34axC9CdDUp79pRCAevJACLBYHu-sokDWE-kYFKLsOXKIS9lmUfYHkF9XluAYjbXWQYY8KpV3I4UIyONoo7UVsLYKh8OHlVWg0fif0JH_y3hMT3KGUJen_/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR8PvfP75dhvSrTnu8kla90p34axC9CdDUp79pRCAevJACLBYHu-sokDWE-kYFKLsOXKIS9lmUfYHkF9XluAYjbXWQYY8KpV3I4UIyONoo7UVsLYKh8OHlVWg0fif0JH_y3hMT3KGUJen_/s1600/BOX+HTML5.jpg" />
</div>




Klik untuk melihat kode: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

TOP