Cara Membuat Menu Drop Down

  • Uploaded by: Maftuha
  • 0
  • 0
  • November 2019
  • PDF

This document was uploaded by user and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this DMCA report form. Report DMCA


Overview

Download & View Cara Membuat Menu Drop Down as PDF for free.

More details

  • Words: 418
  • Pages: 4
Home Blog Tutorial Free Template Kang Rohman dot com Obral Plus Belajar Web Daftar isi Membuat Menu Dropdown Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip dari Januari sampai Desember akan berjejer di sidebar kita. Bagaimana kalau dua dan tiga tahun lagi? Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini:

Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita. Untuk membuat arsip pulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru. Untuk template klasik langkahnya yaitu : Login ke blogger.com dg id Anda Klik Template Di bagian sidebar blog Anda bagian archives, ada kode html sbb: & <$BlogArchiveName$>

Nah, ganti kode di atas dg kode html di bawah ini:

<select name="archivemenu" onchange="document.location.href=this.options[this.selectedIndex].value;">





Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH. Selesai. Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu : login dulu, tentunya dengan id anda klik LAYOUT Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive Klik Edit pada kotak Blog Archive tadi Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek Klik Save Changes

Selesai Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya pribadi yang berada di sebelah kanan atas yang berisi tulisan “ blog tutorial “. Untuk membuatnya silahkan anda copy kode HTML di bawah :
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
Sebagai contoh untuk menu Dropdown milik saya :
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

Hasilnya akan seperti ini :

Mudah bukan? Selamat mencoba ! Ingin pintar dalam bahasa HTML silahkan download ebook nya di sini . Ingin pintar membuat Website sendiri, klik di sini. http://kolom-tutorial.blogspot.com/2007/04/membuat-menudropdown.html?showComment=1215969000000

Related Documents

Cara Membuat Menu Drop Down
November 2019 40
Dynamic Drop Down
November 2019 13
Edit Drop Down Box
November 2019 15
Cara Membuat
June 2020 61
Drop Down List
November 2019 15
Cara Membuat Kompos
November 2019 38

More Documents from ""