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.
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,
Jika saya klik gambar tersebut maka menu Link di atas akan hidup,nah klik Link tersebut seprti gambar di bawah,
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhByYOLby_U8-cy-MIFmhCsXkh_u4Ej5pnb_g1kd63VsEEonHNAjOciB4QY-kK9NHqW1FCbQOrQ0QpugTms1oXh3EAyEAiAZMG9urzzN61E6fuLPVaRaHXZT3sXoqPvQdyTAReWksK7Wdo/s1600/evanesence.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhByYOLby_U8-cy-MIFmhCsXkh_u4Ej5pnb_g1kd63VsEEonHNAjOciB4QY-kK9NHqW1FCbQOrQ0QpugTms1oXh3EAyEAiAZMG9urzzN61E6fuLPVaRaHXZT3sXoqPvQdyTAReWksK7Wdo/s320/evanesence.png" width="252" /></a></div>
Kembali ke compose mode lalu Klik pada gambar dan pilih properties
Deskripsi gambar lalu klik Ok
<img alt="Cara Upload gambar valid HTML5" border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhByYOLby_U8-cy-MIFmhCsXkh_u4Ej5pnb_g1kd63VsEEonHNAjOciB4QY-kK9NHqW1FCbQOrQ0QpugTms1oXh3EAyEAiAZMG9urzzN61E6fuLPVaRaHXZT3sXoqPvQdyTAReWksK7Wdo/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=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhByYOLby_U8-cy-MIFmhCsXkh_u4Ej5pnb_g1kd63VsEEonHNAjOciB4QY-kK9NHqW1FCbQOrQ0QpugTms1oXh3EAyEAiAZMG9urzzN61E6fuLPVaRaHXZT3sXoqPvQdyTAReWksK7Wdo/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