Cara Membuat Spoiler di Blog

Spoiler yang dimaksud disini bukanlah spoiler  - spoiler yang biasa dipakai pada mobil gan, tetapi sejenis kotak / tempat teks, gambar atau yang lainnya yang bisa di buka dan ditutup. Untuk lebih jelasnya lihat contoh dibawah :

Contoh Spoiler:

HDCode - Free website tutorial | www.hdcode.blogspot.com

Udah pada ngerti kan ? kalo udah nih gue kasih cara buatnya.
Code:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Contoh 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
HDCode - Free website tutorial | www.hdcode.blogspot.com
</div>
</div>
</div>

NB :
• Warna merah adalah judul spoiler
• Warna putih adalah isi spoiler

Kode tersebut bisa dipasang di berbagai tempat, seperti di dalam posting, sidebar blog, dll

HDCode - Free Website Tutorial

Artikel Cara Membuat Spoiler di Blog ini ditulis oleh Huda Cooyz pada hari Jumat, 09 November 2012. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar. Sudah ada 0 komentar: di postingan Cara Membuat Spoiler di Blog