Monday, April 26, 2010

Cara Membuat Spoiller Pada Blog

.: Print Page :.

 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..:

[Judul Spoiler] [Judul miring] :

Isi spoiller





Untuk membuat spoiller tersebut dapat menggunakan script sebagai berikut :

<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>



Semoga bermanfaat..
Read more →
 
 
Copyright © SMART BEKANTAN
Designs By Bhambank Mbambong Blog