animasi-bergerak-tasmanian-devil-0015                                                                                                                          animasi-bergerak-tasmanian-devil-0015

Rabu, 30 Desember 2015

Cara Membuat Menu Buka Tutup Pada Blog

Cara Membuat Menu Tombol Buka Tutup untuk postingan di Blog dengan tujuan untuk menghemat laman suatu blog jika konten yang ada didalam menu atau gadget tersebut terlalu besar dan satu lagi tujuan nya agar beban loading blog tidak terlalu berat. Menu tombol buka tutup ialah suatu menu di laman postingan atau di latar gadget yang ada tombol nya dan jika tombol tersebut di klik, maka akan terbuka jedela munculan nya yang berisi konten yang di perlihatkan. Jadi jika tombol nya tidak di klik, maka konten yang ada di dalam nya tidak akan terlihat.


<div style="margin-bottom: 2px; " >JUDUL <div style="margin-top: 5px; text-align: center; "> <input value="Buka"style="margin-top: 5px; width: 60px; font-size: 10px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = "; this.innerText = "; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = '"; this.value = 'Buka'; }" type="button"> </div> <div style="border: 1px inset ; margin: 0px; padding: 6px; " > <div style="display: none; " > POSTINGAN </div></div></div>


Copy kode di atas dan letak kan dalam postingan. Ganti Tulisan POSTINGAN warna merah dengan isi blog dan lihat hasilnya. Selamat mencoba dan Semoga bermanfaat

Selamat Datang Para Blogger, Silahkan Tulis Komentar Anda Yang Bisa Membangun Blog Ini Agar Tetap Hidup. Terima Kasih Atas Kunjungannya Ke Blog Sederhana Ini. Selamat Membaca Semoga Bermanfaat