Kamis, 16 Oktober 2008

Membuat Drop Down Menu dengan Label

Drop down blog menu disini menggunakan label yang berfungsi menampilkan daftar menu - menu kategori yang di rangkum menjadi satu box. tujuan dari pembuatan menu ini diantaranya menghemat ruang, baca cara membuatnya dibawah ini :
Contoh Drop down menu :

  1. Pertamal login diblogger
  2. Buatlah beberapa Label ( Kategori Menu ) pada sidebar, dalam tutorial ini saya buat label Komputer, Internet, Tutorial Blogger, dll
  3. Langkah selanjutnya pada jendela dashboard, klik menu tata letak, klik edit html
  4. Beri centang "Expand Template Widget"
  5. Edit /Ubah kode script "Mencari script yang akan diubah /edit"
  6. Langkah terakhir simpan perubahan

Cari skript dibawah ini, Selanjutnya Edit dengan skript dibawahnya:

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

Skrip diatas Edit dengan ini :


<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>--Kategori--</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>


0 komentar:

Posting Komentar