Cara Membuat Spoiler di Postingan Blog Ala Kaskus

Cara Membuat Spoiler di Postingan Blog Ala Kaskus


Cara membuat Spoiler di postingan blog ala KASKUS nih, di antara para blogger pasti pernah berpikir "gimana ya cara membuat spoiler seperti kaskus"
nah, maka dari itu saya share trik nya...

simple ga pake saos..

1. buka blog > ke postingan > pilih mode HTML
2. masukkan kode berikut di mode HTML tadi
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukkan gambar , kata atau script lainnya disini</div>
</div>
</div>

3. Letakkan kode tsb terserah anda, mau di awal postingan, tengah, atau di akhir.. hehehe


Spoiler :
Terima Kasih Telah Berkunjung...
Previous
Next Post »