Cara Membuat Menu drop-down Pada Blogm

Coba klik gambar dibawah ini untuk melihat efeknya.

Nama menu itu adalah menu drop down . Untuk membuat menu dropdown , 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 dipilih> judul Teks Anda sini! </ option>

<Option value = " alamat link di sini "> teks di sini akan ditampilkan </ option> </ select> </ form>


Sebagai contoh, kode seperti berikut: 

<form>                                             <select                                                                  name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option> - MENU - </ option>
<-! Mengubah hubungan dengan Anda sendiri ->
<Option value = " http://softfalz.blogspot.com/"> FREEWARE </ option>
<Option value = " http://berita-indonesia-hari-ini.blogspot.com/ "> HOT NEWS </ option>
<Option value = " http://harga-laptop-netbook.blogspot.com/ "> DAFTAR HARGA LAPTOP </ option>
<Option value = " http://cara-menjadi-sehat.blogspot.com/ "> HEALTY NEWS </ option>

</ Select> </ form>

Ini hasilnya:
Anda dapat membuat menu drop down lebih dari satu, hanya membuat kode lebih dari satu, sehingga sangat sederhana.
Sekarang, bagaimana menambahkan kode ini ke blog . Ini adalah langkah:
  1. Login ke blogger dengan ID anda
  2. Setelah memasukkan halaman Dasboard, klik Layout
  3. Klik di Elemen Halaman tab. Lihat gambar di bawah ini:
  4. page element
  5. Klik pada Tambah Gadget .
  6. Setelah muncul pop up, Klik tambahkan ke blog tombol untuk hal-hal HTML / JavaScript. Lihat gambar berikut:
  7. javascript
  8. Copy dan paste kode di bawah ini ke kolom yang tersedia:
  9. Klik   save changes   
  10. Selesai. Silakan lihat hasilnya.


0 komentar to "Cara Membuat Menu drop-down Pada Blogm"

Posting Komentar

Followers

Web hosting for webmasters