Monday, July 16, 2012

Membuat Sub Menu


 Membuat Sub menu seperti gambar dibawah :
 


 Langkah :
1. Pilih Template
  
2. Klik "Edit HTML"
3. Pilih "Lanjutkan"


4. Centang tanda "Expand Template Widget"
 5. Cari dimana menu yang mau di tambah sub menu disini saya memilih "School"
      cara cari cukup tekan "Ctrl + F" kemudian tulis yang saja nanti akan menuju ke tulisan tersebut


Kelas Induk (MENU)
<li><a href='#'>School</a>

kelas pertama (Sub Menu)
<ul class='children'>       ==> ini untuk menambah sub menu
<li><a href='http://arieyanda.blogspot.com/p/funny-educational.html'>For Kids</a></li> ==> alamat yang dituju dan "For Kids" nama sub menu
 
Alamat yang dituju bisa dari blog kita sendiri atau milik orang lain kalau dari blog kita sendiri sebelumnya kita harus membuat laman baru terlebih dahulu dan kemudian copykan alamat laman baru tersebut kemudian paste di tempat yang ada tanda ''

kelas pertama (Sub Menu) 
<li><a href='#'>Junior High School</a>
<ul class='children'>       ==> ini untuk menambah sub menu
<li><a href='http://arieyanda.blogspot.com/p/math-junior.html'>Math</a></li>
<li><a href='http://arieyanda.blogspot.com/p/science-junior.html'>Science</a></li>

</ul>      ==> ini untuk menutup perintah sub menu

</li>      ==> ini untuk menutup kelas induk

kalau mau menambah lagi sub-sub menu tinggal masukkin aja 
<ul class='children'>

sub yang akan diisi

</ul>     


No comments: