Cara Membuat Spoiler di Postingan Blog

spoiler adalah teknik menyembunyikan gambar/teks/video dll untuk menghemat space berikut scriptnya :

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">admin</span></i><input value="tekan ini" style="margin: 0px; padding: 0px; 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 = '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;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY7fvUZZvMmqxi3nYwlDRCguqbLOeAaBSwxtSuxbee7xjGxIgIsVih7NdC9SwVw3hBASKO3javunUBWBLYqW5O1pwCiDgsmk4vExfnfLV28Wmu8_SULV18B8ARZY3e7HXXAb-7JbnqVg4/s220/Untitled-4+copy_1.jpg" border="0" alt="Image and video hosting by TinyPic">
</div></div></div></div>

maka jadinya akan seperti ini :

admin

semua tutorial yang dibuat diblog ini sudah dilakukan pengujian dan 100% berhasil,jika ingin mengcopy artikel ini keblog anda sertakan alamat blog ini

Artikel Menarik Lainnya: