untuk membuat seperti diatas anda tinggal copas code dibawah ini:
<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj5Mh6FfLNJ1d2dAlHehlW1uKvriRHd6gu_CuFJlmuxeFzj-YWWz6_dQy7cFxWq3g-hcGguZEG8nU9QT_z1wjRYKmiCmBc-1LAJNG9i8_6UQL06S5G83uu_HR7ae6AoVh7xRUW_z2GNmZh/s1600/flying-bird-icon.png" border="0" /><span style="font-size:large;"></span></b><input 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 = ' Close..'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = ' Clik Here'; }" style="font-size: 10px; margin: 5px; padding: 0px; width: 80px;" value="Open!!!" type="button"></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI KOTAK
</div>
</div>
</div>
</div>
yang warna hijau merupakan link gambar, anda bisa menggantinya sesuai keinginan anda
yang berwarna kuning adalah isi dari kotak spoiler tersebut
semoga bermanfaat
No comments:
Post a Comment