Jumat, 16 Juli 2010

Cara memberi spoiler pada blog


spoiler adalah beberan disembunyikan dengan cara tertentu, sehingga hanya terbaca oleh yang ingin melihat beberan tersebut.



Contoh spoiler


Nama Spoiler Anda






Isi spolier anda






1.log in blog
2. buat entri baru / new entri

lalu untuk text atau isi entri yang mau kita masukan ke dalam spoiler
maka anda memerlukan script ini

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i style="color: rgb(255, 0, 0);"> Nama Spoiler Anda </i><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>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">


Isi spolier anda



</div></div></div></div>



Untuk membuat spoiler image, tambahkan script ini pada content atau isi spoiler qm :


<img src=" url image " alt="some_text"/>


Ok,, sekian yah,, have fun with code

1 komentar:

  1. hehehe

    manteb deh efek saljunya :)

    tapi sekarangkan musim panas :)

    BalasHapus