kali ini saya akan membagi cara membuat spoiler di blog.
apa itu spoiler???
Spoiler adalah suatu widget yang bisa kita gunakan untuk menyembunyikan suatu tulisan,gambar bahkan video,dengan begitu loading saat memuat artikel posting akan cepat.
coba cek contoh dibawah
Berikut code HTML nya
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
isi spoiler...
</div></div></div></div>
this.value = 'Hide'; / this.value = 'Show'; = ganti sesuai selera
width: 60px = Lebar Spoiler
Semoga bermanfaat
No comments:
Post a Comment