Cara memasang spoiler di blog




Free3allpengetahuanku- Sa'at anda ingin membuat spoiler klik show/hide di blog pasti anda terpikir untuk membuatnya seperti Kaskus.co.id dan lainay sebagai contoh:


Adapun fungsinya untuk menghemat area dan tempat serta loadingnya juga :D

Nah, untuk membuat code tersebut anda bisa gunakan code ini:

<div>
<div style="margin-bottom: 5px;">
<div class="smallfont" style="margin: 2px;">
<input value="
Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 12px;" 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: 5px; padding: 1px;">
<div style="display: none;">


ISIKAN SPOILERNYA YAH!

</div>
</div>
</div>
</div>


Nah diatas adalah code spoiler sob! Jika anda ingin menampilkan code HTML silakan di parse dulu yah! Nah, untuk  gambar masukkan code html gambar seperti: 
<img src="url gambar">   Yang merah diganti yah! Hehe... jadi HTML DIDALAM HTML seperti yudawg aja :D
Cara Download Nya Silakan Klik Disini
Untuk Request Silakan Klik Disini
Previous
Next Post »