Cara membuat menu drop down di side bar website atau blogspot

Jumpa lagi dengan saya di tutorial blog dengan topik bahasan kali ini adalah cara membuat atau memasang menu drop down atau pull down untuk dipasang di side bar atau sisi samping blog.

Menu drop down ini biasanya banyak dipakai pada menu header sebuah blog atau website. hal ini untuk membuat tampilan website atau blog agar lebih ringkas dan rapi. selain itu juga dapat difungsikan untuk mengelompokkan artikel sesuai dengan kategorinya.

Script atau kode HTML untuk membuat menu drop down yang diletakkan di header blog atau website berbeda dengan dengan script untuk menu drop down pada side bar atau sisi samping bar. Untuk menu drop down / pull down side bar script lebih sederhana dan lebih ringkas.

Oke, langsung saja saya bagi-bagi scriptnya ke anda.

<br /> <br /> <form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"><br /> <br /> <option> Mesin Hitung Uang </option><br /> <option value="http://www.bank-equipment.indiraya.co.id/product/mhuk/gfb-800.html">GLORY GFB-800</option><br /> <option value="http://www.bank-equipment.indiraya.co.id/product/mhuk/gnh-710.html">GLORY GNH-700/710</option><br /> <option value="http://www.bank-equipment.indiraya.co.id/product/mhuk/gnd-700.html">GLORY GND-700/710</option><br /> <option value="http://www.bank-equipment.indiraya.co.id/product/mhuk/gfs-110.html">GLORY GFS-110/120</option><br /> <option value="http://www.bank-equipment.indiraya.co.id/product/mhuk/promaxi-ld40a.html">PROMAXI LD-40A</option><br /> <option value="http://www.indiraya.co.id/rent.html">GLORY GNH-200</option><br /> <option value="http://www.indiraya.co.id/product.html">GLORY GFB-500</option><br /> <option value="http://www.bank-equipment.indiraya.co.id/product/mhuk/origin-2108.html">ORIGIN 2108</option><br /> <option value="http://www.bank-equipment.indiraya.co.id/product/mhuk/hakuzen.html">HAKUZEN</option><br /> <option value="http://www.bank-equipment.indiraya.co.id/product/mhul/ccr-10.html">GLORY CCR-10</option><br /> <option value="http://www.bank-equipment.indiraya.co.id/product/mhuk/dinamic-995.html">PRIME DYNAMIC 995</option> <br /> </select></form><br /> <br />

Dan hasil tampilan dari contoh script di atas adalah seperti dibawah ini :

Mesin Hitung Uang
GLORY GFB-800
GLORY GNH-700/710
GLORY GND-700/710
GLORY GFS-110/120
PROMAXI LD-40A
GLORY GNH-200
GLORY GFB-500
ORIGIN 2108
HAKUZEN
GLORY CCR-10
PRIME DYNAMIC 995

Semoga bisa membantu