Beranda > Unggulan > CARA MEMBUAT MENU DROP DOWN

CARA MEMBUAT MENU DROP DOWN


Kali ini kita akan membahas cara membuat menu Dropdown sobat bloger. Macem-macem caranya. tapi buat yang sudah terlanjur ada di sini, kalian bisa coba trik berikut ini

Nah untuk membuatnya, caranya sangat mudah:

1. Login ke Blogger. Klik menu Design-> Page Elements
2. Klik Add a Gadget -> HTML/ Javascript
3. Masukkan kode dibawah ini kedalam kotak

    <select onChange=”document.location.href=this.options[this.selectedIndex].
    value;”>
    <option value=”http://alamatblog.com/#&#8221; selected>Blogroll</option>
    <option value=”http://alamatLink.com/”>Nama Link</option>
    <option value=”http://alamatLink.com/”>Nama Link</option>
    <option value=”http://alamatLink.com/”>Nama Link</option>
    </select>

Jika anda ingin menambah link baru lagi tambahkan kode

<option value=”http://alamatLink.com/”>Nama Link</option> diatas </select>

Ganti alamatblog dengan dengan alamat blog anda.
Ganti teks berwarna merah dengan alamat link yang ingin dipasang.
Ganti teks berwarna biru dengan nama link yang ingin ditampilkan.

4. Jika sudah klik Save. Selesai

Catatan:
kode diatas untuk membuka link dalam halaman yang sama. Jika anda ingin membuka link pada halaman baru. Ganti kode

    <select onChange=”document.location.href=this.options[this.selectedIndex].
    value;”>

Menjadi

    <select onchange=”javascript:window.open(this.options[this.selectedIndex].
    value);”>

Cukup mudah, tapi kalian harus teliti dan sabar sobat Blogger.
Oke, segitu, semoga bermanfa’at dan sukses

Iklan
Kategori:Unggulan Tag:
  1. madhek
    1 Mei 2012 pukul 07:32

    Wah perlu dicoba … nambah ilmu lagi nih, thanks Sob, nice info

    Sedikit saran dan kritik nih Sob!, .. kalau setiap pengunjung blog yang ingin berkomentar harus login seperti di blog ini, pasti pada kabur, … coba direview lagi setting pada komentar agar tidak harus login ke wordpress…. thx

  2. 1 Mei 2012 pukul 07:53

    Oke boss. Thx atas saran yang luar biasa bermanfaat.

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: