Cara membuat drop down menu di blog sebenarnya sangat mudah. Saat
ini semakin banyak blogger pemula yang tertarik untuk belajar
dasar-dasar kode untuk mengatur tampilan blognya. Jadi kali ini saya
hendak berbagi cara membuat drop down menu yang horizontal. Menu ini
bisa ditaruh di bawah header, di atas footer, atau di mana saja dalam
posisi horizontal.
Begini cara membuat menu drop down :
Login ke blogger.
trus masuk ke menu "Page Element"
trus pilih Add page elements
HTML/JavaScript.
Kemudian masukkan script berikut ini di kotak "Content"
trus masuk ke menu "Page Element"
trus pilih Add page elements
HTML/JavaScript.
Kemudian masukkan script berikut ini di kotak "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>
<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.
Contohnya seperti ini :
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://warnetdjnet568.blogspot.com/2015/02/memasang-banner-horizontal.html">Memasang Banner Horizontal</option>
<option value="http://warnetdjnet568.blogspot.com/2015/02/komponen-komponen-komputer.html">Komponen-komponen Komputer</option>
</select>
<option value="0" selected>Arsip Blog</option>
<option value="http://warnetdjnet568.blogspot.com/2015/02/memasang-banner-horizontal.html">Memasang Banner Horizontal</option>
<option value="http://warnetdjnet568.blogspot.com/2015/02/komponen-komponen-komputer.html">Komponen-komponen Komputer</option>
</select>
Sekian dulu dari saya, selamat mencoba semoga berhasil dan terima kasih
Tidak ada komentar:
Posting Komentar