contonya:

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

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
Comments