Cara membuat menu pada template bawaan

Menu adalah elemen yang selalu dipasang Blogger diblognya. Menu untuk mempermudah mengunjungi blog yang kita inginkan dengan cara cursor disentuhkan pada salah satu Menu lalu tampil di bawahnya. Langsung simak Cara membuat menu pada template bawaan yang saya akan jelaskan. Jadi gini Cara membuat menu pada template bawaan :

1. Atur dan aktifkan setelan tab menu dan menu halaman yang akan di tampilkan. Caranya seperti berikut ini: 'Masuk ke Laman > Laman baru (terserah mau Laman Kosong atau Alamat Web > Tampilkan Lama Sebagai Tab atas' atau dengan cara gambar dibawah ini:

2. Buka edit template dengan cara "Template > Edit HTML > Centang Expand Template Widget"

3. cari kode ]]></b:skin> , gunakan CTRL+F supaya cepat dan mudah. Sisipkan kode CSS di bawah ini dan sisipkan diatas kode ]]></b:skin>.

  .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;
}

Anda dapat merubah beberapa kode diatas yang sudah saya tandai dengan sesuka anda.

4.  Cari Kode <li><a expr:href='data:link.href'><data:link.title/></a></li> , agar lebih mudah dan cepat gunakan CTRL+F. Kemudian perhatikan kode <b:/loop> yang terdapat beberapa baris dibawah kode <li><a expr:href='data:link.href'><data:link.title/></a></li> . Sisipkan kode dibawah ini dan taruh di bawah kode <b:/loop> .

 <li><a href='#'>Main Menu</a>
      <ul>
        <li><a href='http://robotic-android.blogspot.com'>Menu1</a></li>
        <li><a href='http://robotic-android.blogspot.com'>Menu2</a></li>
        <li><a href='http://robotic-android.blogspot.com'>Menu3</a></li>
      < /ul>
</li>

Note: -Ubah tulisan yang berwarna merah dengan nama/URL yang anda inginkan.

5. Simpan Template

Note:  -Klik gambar untuk mempebesar

Selamat mencoba :)