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.
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.