Thursday, July 19, 2012

sub menu di blog

silakan pasang pada Gadget/Widget (dibawah header), caranya:

  1. Klik Tata Letak
  2. Klik Add Gadget
  3. Pilih Gadget Html/JavaScript
  4. Simpan
  5. Selesai
Untuk mengubah lebar menu horizontal nya silakan cari kode:
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
Kemudian tambahkan kode (width:900px) di atrara { dan }, sehingga menjadi seperti ini
#cat-nav {background:#156994;width:900px;margin:0 15px;padding:0;height:35px;}
Ingat, angka 900px hanya sebagai contoh saja, silakan rubah angka 900 dengan ukuran lebar yang kamu inginkan (yang sesuai dengan template kamu)

Untuk mengedit tampilan yang lainnya seperti warna, font, dsb. Silakan dicoba edit sendiri CSS nya ya, yang saya maksud CSS itu adalah kode yang ada di antara <style> dan </style>.
Update 9 Juni 2012

Bagaimana cara menambahkan menu

Untuk menambahkan menu pada kode menu horizontal di atas silakan tambahkan kode berikut
<li><a href='#'>Menu</a></li>
Pasang kode di atas sebelum kode
</ul>
</div>
Maka kodenya jadi seperti ini
<li><a href='#'>Menu</a></li>
</ul>
</div>
Dengan menambahkan kode di atas itu artinya kamu sudah menambahkan 1 menu, jika ingin menambahkan dua menu maka silakan masukkan kode tambahan tersebut 2 x
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
</ul>
</div>
Untuk menambahkan menu yang ada sub menu nya maka silakan tambahkan kode berikut
<ul id='sub-custom-nav'>
<li><a href='#'>Sub 1</a></li>
<li><a href='#'>Sub 2</a></li>
<li><a href='#'>Sub 3</a></li>
<li><a href='#'>Sub 4</a></li>
<li><a href='#'>Sub 5</a></li>
<li><a href='#'>Sub 6</a></li>
</ul>
</li>
Caranya sama dengan cara menambahkan menu
Bagaimana cara menambahkan sub menu saja?
untuk menambkan sub menu saja caranya hampir sama dengan cara menambahkan menu, silakan sisipkan kode
<li><a href='#'>Sub Menu</a></li>
Sebelum kode
</ul>
</li>
Sehingga jadinya seperti ini
<ul id='sub-custom-nav'>
<li><a href='#'>Sub 1</a></li>
<li><a href='#'>Sub 2</a></li>
<li><a href='#'>Sub 3</a></li>
<li><a href='#'>Sub 4</a></li>
<li><a href='#'>Sub 5</a></li>
<li><a href='#'>Sub 6</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
</ul>
Nah itulah cara menambahkan menu dan sub menu, selamat mencoba.

No comments:

Post a Comment