Cara membuat hide show pada blog

Berikut ini akan dibahas cara membuat hide show bermodel spoiler kek yang ada di kaskus itu lohh .

nahh langsung saja gag usah basa-basi :

Pertama, copy n paste code dibawah ini pada sebelum kalimat yang ingin disembunyikan.

<div id="spoiler"><br /> <div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="Read More" /></div><br /> <div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><br /> <div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;"><br /> <p style="text-align: justify;">

dan pada bagian akhir dari postingan (setelah kalimat yang ingin disembunyikan) di kasih kode penutup di bawah ini .

</p><br /> </div><div id="hide"></div></div></div>

nah mudah kan temen-temen

Disclaimer !

Teks Cara membuat hide show pada blog di atas adalah postingan sharing semata. Seluruh media yang tersedia di Cah Bantul ini hanyalah untuk berbagi wawasan dan info update terkini. Apabila ada kesamaan nama, alamat atau juga hal lain dalam postingan harap dimaklumi menimbang informasi digital adalah bentuk sosial media yang menjadi konsumsi publik, bukan sebagai hak milik.

Berlangganan Update via Email: