Cara membuat menu dan sub menu di blogspot dengan mudah 2016

Berdaskan pengalaman, kesampean juga buat share cara membuat menu dan sub menu di blogspot dengan mudah 2016. langsung aja cekidot
1. Tampilan sebelum ditambah menu

2. Pilih template > Edit HTML

3. ctrl+F copy kode berikut ]]></b:skin>  kemudian copy kode dibawah dan simpan diatas kode tadi

.tabs-inner .widget li ul {
  z-index: 100; position: absolute;
  left: -999em; height: auto; margin: 0; padding: 0;
  border: 1px solid #999999;  
}

.tabs-inner .widget li ul, .tabs-inner .widget li ul a,
.tabs-inner .widget li ul li:first-child a {
  -moz-border-radius: 0px; -webkit-border-radius: 0px;
  -goog-ms-border-radius: 0px; border-radius: 0px;
}

.tabs-inner .widget li:hover ul, .tabs-inner .widget li.sfhover ul {
  left: auto;
}

.tabs-inner .widget li li a:hover, .tabs-inner .widget li li a:active {
  color: #ffffff; background: rgb(51, 102, 153);
}

.tabs-inner .widget li ul a {
  display: block; padding-left: 1.25em; padding-right: 1.25em;
  margin-left: 0px; margin-right: 0px; border: none;
  color: #000000; background: rgb(243, 244, 246);
}

.tabs-inner .widget li ul, .tabs-inner .widget li ul a {
  width: 220px;
}

seperti ini >>

4. ctrl+F copy kode berikut  <li><a expr:href='data:link.href'><data:link.title/></a></li>

<li><a href='#'>Menu</a>
  <ul>
    <li><a href='URL'>Sub Menu 1</a></li>
    <li><a href='URL'>Sub Menu 2</a></li>
    <li><a href='URL'>Sub Menu 3</a></li>
  </ul>
</li>

copy kode diatas tepat di bawah kode </b:loop>  

# dan URL ganti sesuai alamat blog kalian 

Menu dan Sub Menu 1,2,3 ganti juga sesuai kebutuhan

contoh kaya gambar di bawah

5. Jika sudah simpan Template dan lihat perubahannya

selamat mencoba, silahkan komen kalau ada yang mau ditanyakan.