Senin, 28 Juni 2010

Cara Membuat Menu Drop Down di Blog

0 komentar
            Apakah Anda pernah mengetahui menu seperti di bawah ini? Bagi anda yang belum mengetahuinya coba anda tekan menunya apa yang di perlihatkan...
Nama menu ini adalah Menu Drop Down.

Untuk Membuat Menu Drop Down, Anda hanya membuat kode seperti ini:

<form><select name="menu"                                                                                                             onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected> <i><b><span style="color: red;">Tampilan Awal Menu Drop Down Kamu</span></b></i> </option><br /> <option value=" <span style="color: red;"><i><b>Link Pilihan</b></i> </span>"> <i><b><span style="color: red;">Menu Pilihan</span></b></i> </option> </select></form> 

Sebagai Contoh kodenya Sebagai Berikut

<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">  <option>~~~ Pilih Music ~~~</option>
<option value="http://johan-jm.blogspot.com/2010/06/lagu-bugis-cowok.html">Lagu Bugis Cowok</option>
<option value="http://johan-jm.blogspot.com/2010/06/lagu-bugis-cewek.html">Lagu Bugis Cewek</option>
<option value="http://johan-jm.blogspot.com/2010/05/lagu-dangdut-lawas.html">Lagu Dangdut Lawas</option>
<option value="http://johan-jm.blogspot.com/2010/05/lagu-dangdut-kini.html">Lagu Dangdut Kini</option>  </select></form>

Maka Hasilya Akan Seperti Di Bawah Ini.

Sudah Mengerti kan, Cara Membuat Menu Drop Down???

Sekarang Kita Tinggal mengetahui Bagaimana Cara Menambahkan Menu Drop Down di Blog

Untuk mengetahui Bagaimana Cara Menambahkan Menu Drop Down di Blog, kamu tinggal ikutin langkah-langkah sebagai berikut;


  1. Login ke Blogger dengan ID Anda
  2. Setelah memasukkan halaman dasboard, klik Layout.
  3. Klik pada tab Elemen Halaman. Lihat gambar di bawah ini:
  4. Cara Membuat Menu Drop Down
  5. Klik pada Tambah Gadget.
  6. Setelah muncul pop up, Klik tombol tambahkan ke blog untuk hal-hal yang HTML / JavaScript. Lihat gambar berikut:
  7. Cara Membuat Menu Drop Down
  8. Salin dan sisipkan kode di bawah ke kolom yang tersedia:
  9. Klik simpan perubahan
  10. Selesai. Silakan lihat hasilnya.
          Sekarang Anda memiliki Drop Down menu di blog Anda. Atau mungkin Anda masih bingung dengan langkah di atas? jangan khawatir saya punya cara mudah untuk melakukannya, cukup klik tombol di bawah ini, Kemudian login ke blog Anda. dan akan menambahkan widget ke blog Anda secara otomatis:



*** Semoga Berhasil ***

0 komentar:

Posting Komentar

Berikan Kritik dan saran Anda Mengenai Blog JOHAN JM Setiap Kritik ataupun saranakan anda sangat berarti sekali buat JOHAN JM agar bisa menjadi lebih baik untuk kedepannya. JANGAN SPAM