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 :
Contoh Drop down menu :
- Pertamal login diblogger
- Buatlah beberapa Label ( Kategori Menu ) pada sidebar, dalam tutorial ini saya buat label Komputer, Internet, Tutorial Blogger, dll
- Langkah selanjutnya pada jendela dashboard, klik menu tata letak, klik edit html
- Beri centang "Expand Template Widget"
- Edit /Ubah kode script "Mencari script yang akan diubah /edit"
- 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