Cara membuat spoiler kaskus di blog
Untuk para netter mania, tentu tidak asing dengan kaskus. Thread thread untuk tampilan gambar yang ada di kaskus biasanya selalu menggunakan fasilitas spoiler untuk menampilkan dan menyembunyikan gambar tersebut.
Mau tau caranya?
Nah untuk menampilkan dan membuat spoiler, caranya cukup mudah. Karena Anda tinggal copy kode di bawah ini kemudian masukan di postingan blog anda. Simple kan?
<div style=”margin:5px; margin-top:3px”>
<div style=”margin-bottom:2px”><b>Spoiler</b> untuk <i>gambar</i>: <input type=”button” value=”Show” style=”width:auto;font-size:10px;margin:0px;padding:0px;” 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’; }”>
</div>
<div style=”margin: 0px; padding: 3px; border: 1px inset;”>
<div style=”display: none;”>
<img src=”ALAMAT_GAMBAR_” width=”none” height=”none” alt=”spoiler”>
</div>
</div>
</div>
Alamat gambar : Masukan url alamat gambar anda,
