Kode Script Menghasilkan Santapan Faq Accordion Menggunakan Html Di Artikel Blog

Kode script Membuat Menu Faq Accordion menggunakan HTML di postingan blog

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 menghasilkan suatu menu accordion dengan menggunakan mode penulisan HTML di postingan blogspot.
Accordion atau hidangan Faq pertanyaan yang mau dibentuk ini ialah hidangan sederhana dengan arahan script simple.

Faq / Accordion Menu Berfungsi untuk memperlihatkan 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 menyertakan baris baru, salinlah arahan 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 Kode script Membuat Menu Faq Accordion menggunakan HTML di postingan blog


Faq Accordian hidangan sederhana


Contoh hasil tamat dari arahan script diatas 

Rosul Padri

Baru saja mulai?

  • naruto

Itulah beliau panduan cara menghasilkan Faq Accordian hidangan di postingan blogspot.

Scroll to Top