SEARCH

Loading
Home » , » 5.Membuat Menu DropDown

5.Membuat Menu DropDown

Written By Nina Melati on Senin, 09 Mei 2011 | 5/09/2011 10:11:00 AM





Cara Membuat Dropdown Menu

Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
Gimana? Mau mencobanya?
Gini nih caranya :

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.

Untuk menambahkan menu lagi, tambahkan kode seperti ini :

<option value="Links 2">Text 2</option>

sebelum kode </select>

Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.
Contoh :


<select onchange="document.location.href=this.options[this.selectedIndex].value;"><option value="0" selected="selected">Select Iklan</option>
<option value=" http://www.iklan88.blogspot.com/2011/01/iklan-kategori-aneka "> Aneka</option>
<option value=" http://www.iklan88.blogspot.com/2011/01/alat-kantor.html ">  Alat Kantor</option>


Hasilnya :



Selamat Mencoba Semoga Sukses
Share this article :

0 Comment:

FB Comment

Translate





Visitor Site

Page Rank

free counters
 
Support : Your Link | Your Link | Your Link
Copyright © 2013. IKLAN88 - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger