Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat list dropdown dalam artikel

list dropdown dalam artikel

List Dropdown biasanya ada di menu header sebuah blog, tapi sebenarnya bisa saja membuat list dropdown dalam artikel.

Fungsi List Dropdown dalam artikel

  • Merapikan isi artikel jika terdapat list atau daftar-daftar.
  • Membuat link ke artikel lain dalam bentuk list dropdown.
  • Menyembunyikan dan menampilkan list/daftar dalam artikel. 

Contoh List Dropdown

Berikut ini contoh tampilannya :

 

Cara membuat list Dropdown dalam artikel

Untuk membuat list dropdown seperti diatas di blogger/blogspot adalah caranya seperti berikut ini :

1. Login di blogger/blogspot, setelah kebuka dashboardnya kemudian klik "+Postingan Baru"



2. Buat artikel seperti biasa, saat isi artikel mau menampilkan list dropdown maka ubah tampilan menulis ke tampilan HTML 



3. Masukkan kode script berikut ini kedalam Editor Posting Tampilan HTML 


<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">&nbsp;<option selected="" value="0">Contoh Dropdown</option>
<option value="link/URL">List ke-1</option>
<option value="link/URL">List ke-2</option>
<option value="link/URL">List ke-3</option>
<option value="link/URL">List ke-4</option>
<option value="link/URL">List ke-5</option>
.... dst [copy dari <option s.d </option>] ....
</select>


Ganti tulisan di atas yang berwarna Biru, Merah dan Hijau.
  • Tulisan Biru ganti dengan judul List Dropdown
  • Tulisan Merah ganti dengan Link atau URL tujuan (jika ada).
  • Tulisan Hijau ganti dengan isi list/daftar yang diinginkan.
Jika ingin menambah list, tinggal copy paste dari <option sampai ke </option> lalu ganti kata yang berwarnanya.

4. Selanjutnya tinggal di "PUBLIKASIKAN" atau ditayangkan.



Posting Komentar untuk "Membuat list dropdown dalam artikel"