Terkadang kita sangat memerlukan sebuah cara untuk menampilkan spoiller pada blog. Tujuannya mungkin untuk menyingkat tulisan yang sangat panjang ataupun membuat gambar yang bisa disembuyikan dan ditampilkan. Bagi para pengguna atau member sebuah forum , kata spoiller mungkin sudah tidak asing lagi.
Berikut contoh sebuah spoiller..:
<div style="margin: 5px 20px 20px;"><div style="margin-bottom: 2px;"><b>[Judul Spoiler] <em>[Judul miring]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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><br /><div style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>
Contoh:
[Judul Spoiler] [Judul miring] :
Diterbitkan pada hari : Senin, Juli 12, 2010
Dalam kategori : BLOGGING, TIPS DAN TRIK
Telah dibaca sebanyak kali, 0 komentar
0 komentar:
Posting Komentar
Jangan lupa komentar nya yahh...Select Profil dan pilih tipe log in untuk memberi komentar, atau pilih 'Anonymous' jika belum punya akun