Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Home / Tutorial

Kode script Membuat Menu Faq Accordion menggunakan HTML di postingan blog

Post a Comment

Kode script Membuat Menu Faq Accordion menggunakan HTML di postingan blog
Kode script Membuat Menu Faq Accordion menggunakan HTML di postingan blog

sesuai judul artikel, kali ini kita akan membuat sebuah menu accordion dengan menggunakan mode penulisan HTML di postingan blogspot.
Accordion atau menu Faq pertanyaan yang akan dibuat ini merupakan menu sederhana dengan kode script simple.

Faq / Accordion Menu Berfungsi untuk menampilkan konten faq atau bertanyaan dalam blog, sering disebut dengan accordion menu

<ul class='accordion'> <!-- Baris pertama --> <li> <div class='accor-content'> <input class='accor-menu hidden' id='offaccor-menu1' name='accordion-menu' type='radio' /> <label class='accor-title' for='offaccor-menu1'> <i class='accor-icon'></i> <span class='title'>Pertanyaan pertama</span> </label> <div class='content'>Jawaban pertanyaan pertama</div> </div> </li> <!-- Baris kedua --> <li> <div class='accor-content'> <input class='accor-menu hidden' id='offaccor-menu2' name='accordion-menu' type='radio' /> <label class='accor-title' for='offaccor-menu2'> <i class='accor-icon'></i> <span class='title'>Pertanyaan kedua</span> </label> <div class='content'>Jawaban pertanyaan kedua</div> </div> </li> <!-- Baris ketiga --> <li> <div class='accor-content'> <input class='accor-menu hidden' id='offaccor-menu3' name='accordion-menu' type='radio' /> <label class='accor-title' for='offaccor-menu3'> <i class='accor-icon'></i> <span class='title'>Pertanyaan ketiga</span> </label> <div class='content'>Jawaban pertanyaan ketiga</div> </div> </li> <!-- Baris seterusnya... --> ... </ul>

Untuk menambahkan baris baru, salinlah kode diatas dari tag <li> ... </li> dan jangan lupa ubah bagian offaccor-menu1 menjadi offaccor-menu4 dan seterusnya.
Kode script Membuat Menu Faq Accordion menggunakan HTML di postingan blog


Faq Accordian menu sederhana


Contoh hasil akhir dari kode script diatas 

Rosul Padri
Baru saja mulai?
  • naruto
    • ...
Itulah dia tutorial cara membuat Faq Accordian menu di postingan blogspot.

Post a Comment for "Kode script Membuat Menu Faq Accordion menggunakan HTML di postingan blog"

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.
6. 1x share dari Anda sangat berarti bagi kemajuan blog ini.
7. setiap informasi yang anda berikan di komentar yang menyangkut mengenai promosi produk ataupun jasa anda tidak akan DITERBITKAN, kecuali jika sudah bekerja sama dengan saya.