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 :
Tidak ada komentar:
Posting Komentar