.showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; border:1px solid #999; -webkit-border-radius:3px;-moz-border-radius:3px; background: #ddd; } .showpageOf { margin:0 8px 0 0; } .showpageNum a:hover { border:1px solid #888; background: #ccc; } .showpagePoint { color:#fff; text-shadow:0 1px 2px #333; padding: 3px 8px; margin: 2px; font-weight: 700; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #999; background: #666; text-decoration: none; }

Halaman

wirausaha online Kontak jodoh Mobil bekas Rumah dijual

Sabtu, 06 November 2010

Home » » Membuat Menu Drop Down Sederhana

Membuat Menu Drop Down Sederhana

Jika sebelumnya anda sudah pernah membuat menu arsip drop dwon, kini kita akan belajar membuat menu yang berada dalam kotak drop down.


Caranya sebagai berikut :
1. Seperti biasa kita masuk ke halaman Dashboar > Tata Letak > Tambah Gadget.

2. Carilah HTML/Javascript, kemudian klik tanda plus (Add).

3. Copy Paste kode berikut :

<form><select name="Menu Drop Down" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu drop down><option value="0" selected />Judul Terlihat Pertama </option>

<option value="http://alamat blog.html" />Alamat Tujuan 1 </option>

<option value="http://alamat blog.html" />Alamat Tujuan 2 </option>

<option value="http://alamat blog.html" />Alamat Tujuan 3 </option>

<option value="http://alamat blog.html" />Judul Terlihat Pertama </option>

</select></form>

Biru      : Judul yang akan terlihat pertama
Merah  : Ganti alamat url blog posting Anda
Hijau    : Judul berikutnya

4. Save dan lihat hasilnya.

Nb : Untuk membuat link / Menambah Link cukup tinggal copy paste kode berikut :

<option value="http://alamat blog.html" />Alamat Tujuan 4 </option>

Dan yang perlu di ingat, di akhir kode paling bawah harus ditutup dengan kode :

</select></form>


Selamat Mencoba.

0 komentar:

Posting Komentar