Pertama kita akan membahas tentang Fox dan Cat menu..

apa seh menu2 itu?? kok nama2 binatang??

nah buat contoh, template pertama anda akan seperti ini

nah di banner yang akan berisi nama blog anda, di atasnya ada menu yg bernama fox menu seperti ini:

lalu di bawah banner akan ada menu seperti di bawah in yg bernama cat menu:

FOX MENU

langkah2 mengedit fox menu:

1. pertama untuk fox menu,masuk ke bagian Layout, lalu ke Add Page Element
2. cari bagian fox menu lalu klik edit
3. akan ada box yg masih kosong lalu copy code di bawah ini:
   
   
   
   <li><a href='TOP-MENU-LINK-ADDRESS-HERE' title='HOVER-TOP-MENU'>YOUR-TOP-TITLE</a></li>
   <li><a href='TOP-MENU-LINK-ADDRESS-HERE' title='HOVER-TOP-MENU'>YOUR-TOP-TITLE</a></li>
   <li><a href='TOP-MENU-LINK-ADDRESS-HERE' title='HOVER-TOP-MENU'>YOUR-TOP-TITLE</a></li>
   
   
   tulisan yg berwarna biru diganti sesuai keinginan anda..
   TOP-MENU-LINK-ADDRESS-HERE diganti dengan link alamat yang ingin anda tuju..
   YOUR-TOP-TITLE diganti dengan judul yang akan terlihat pada menu..
   HOVER-TOP-MENU diganti dengan judul yang akan terlihat pada box kuning kecil ketika anda mengarahkan mouse ke link tersebut..
4. Setelah semua selesai, klik save template

CAT Menu

CAT menu biasanya digunakan untuk memberikan link ke bermacam-macam category atau label dari post anda..
Menu ini bisa menggunakan drop-down menu sebanyak anda butuhkan...jadi tinggal disesuaikan..

langkah-langkah untuk mengedit cat menu:

1. masuk ke bagian layout lalu add page element
2. cari bagian cat menu lalu klik edit
3. Masukkan code di bawah ini ke box yang ada
   
   
   <li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a>
   <ul class="sf-menu">
   <li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
   <li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
   <li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
   
   <li><a href="SUB-PARENT-LINK-ADDRESS">SUB PARENT TITLE</a>
   <ul class="sf-menu">
   <li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
   <li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
   <li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
   <li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
   <!--</ul>
   </li>
   
   </ul>
   </li>
   <!--
   
4. 
   kode di ats seperti sebelumnya harus diganti sesuai keinginan anda..
   bagian yang berisi TITLE diganti dengan judul yang ingin terlihat pada menu..
   bagian yang berisi ADDRESS diganti dengan link ke alamat yang anda inginkan..
5. klik save template

coba-cobalah dengan kombinasi kode di atas..
dengan begitu anda akan lebih mengerti..

selamat mencoba!