chatting! ()
expr:class='"loading" + data:blog.mobileClass'>
Get Gifs at CodemySpace.com TO SUPARDI MEMANG TEGUH

Minggu, 24 Juni 2012

Cara Membuat Menu Dropdown Navbar Di BlogKali ini blognyadikka.com akan share tentang Cara Membuat Menu Dropdown Navbar Di Blog Dropdown menu adalah menu yang berisi sekumpulan teks atau link yang disingkat menjadi sebuah menu tunggal.


Contoh tampilannya seperti ini:



Isinya hanya akan tampil jika anda mengklik pada menu tersebut sehingga bisa hemat ruangan blog. Cara ini bisa dijadikan sebagai alternatif blogroll atau kebutuhan lainnya.

Nah untuk membuatnya, caranya sangat mudah:

1. Login ke BloggerKlik 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/#" 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);">

Selamat mencoba..
Cara Membuat Menu Dropdown Navbar Di Blog 9out of 10 based on 10 ratings. 9 user reviews.



Lihat sumbernya di: http://www.blognyadikka.com/2012/06/cara-membuat-menu-dropdown-navbar-di.html#ixzz1yiQfCAjb

Tidak ada komentar:

Posting Komentar

untuk foto:[img]url gambar[/img] Jika Video:[youtube]URL Video[/youtube]
Jika kata - kata mutiara:[blockquote]Kata-kata Anda[/blockquote]
Anda juga bisa menggunakan emoticon seperti biasa. koment di sini v