Cara Menerapkan Tag <header> HTML5 di Blogspot

Posted by Mahesa Putra on Sunday, June 17, 2012

 

Menerapkan Tag <header> HTML5 di Blogspot



Cara Menerapkan Tag <header> HTML5 di Blogspot. Setelah berhasil membuat template blogspot valid HTML5, akhirnya saya mulai berani untuk meneruskan membuatkan tutorialnya tahap demi tahap.

Sejak gagal memvalidasi versi xhtml di blogspot, ya seperti yang pernah saya terangkan pada artikel sebelumnya bahwa blogspot versi XHTML tidak bisa dibuat valid sepenuhnya maka dari itu saya beralih ke HTML5. Pada update HTML5 Tutorial kali ini saya akan menjelaskan bagaimana dan dimana seharusnya tag <header> diletakkan dalam template blogspot. Untuk itu, silakan Anda ikuti cara memasang/menerapkan tag <header> html5 di template blogspot berikut ini:

Pertama: Cari kode seperti ini dalam template blogger Anda:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
...........
...........sampai berakhiran ini:
</b:section>
  </div>
<div id='content-wrapper'>

Kedua: Jika sudah ketemu, tempatkan  Tag <header> diatas kode <div id='header-wrapper'> dan tag </header> diatas kode <div id='content-wrapper'> sehingga menjadi seperti ini:

<header>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
...........
...........
</b:section>
  </div>
</header>
<div id='content-wrapper'>
Ketiga:  Save Template

Nah, seperti yang pernah saya katakan sebelumnya di artikel Cara Membuat Blogspot Valid HTML5 bahwa tutorial html5 ini lumayan panjang maka untuk artikel mengenai Cara Menerapkan Tag <header> HTML5 di Blogspot ini saya akhiri sampai disini dulu, dan tag-tag selanjutnya akan saya bahas pada pertemuan berikutnya.

{ 0 comments... read them below if any or add comment }