Membuat 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 :
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);"> <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>
<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"
Silahkan berkomentar dengan bijak :)