Penggunaan maxwidgets pada blogspot

Saya mencoba membuat blog dengan template buatan sendiri, ketika akan menampilkan bagian header saja untuk uji coba, headernya ga muncul. Berikut kode html dan css:

/*------GLOBAL------*/
*{
  margin:0px;
  padding:0px;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
}
body{
  background-color: rgb(255, 255, 255);
}
a{
  color:rgb(79, 79, 79);
}
a:hover{
  color:rgb(0, 0, 0);
}

.container{
  width:85%;
  margin:0 auto;
}
.clear{
  clear:both;
}

/*----------HEADER-----------*/
.header-wrapper{
  width:100%;
  margin:20px auto;
}
.garis-judul{
  background-color: rgb(0, 0, 0);
  width:100%;
  height:5px;
  margin:10px auto;
}
.header{
  text-align:center;
  width:100%;
  height:auto;
}

<div class='header-wrapper'>
  <div class='garis-judul'></div>
  <b:section class='header' maxwidgets='1' id='header' showaddelement='yes'>
      <b:widget id='Header1' locked='false' title='Test (Header)' type='Header'>
      </b:widget>
  </b:section>
  <div class='garis-judul'/>
</div>

pada kode diatas ada attribut maxwidgets, ketika menggunakan attribut tersebut header saya tidak muncul pada halaman blog. Ketika dihilangkan, baru headernya muncul di halaman blog, pertanyaannya kenapa bisa seperti itu ?

Trimakasih..