Membuat Spoiler diBlog

Spoiler, siapa ssii yang ga tau ini ? ya kali saja diantara sobatt ini kurang mengeri apa itu spoiler. Okk Spoiler itu sendiri fungsinya untuk memperkecil
postingan, kode script maupun tulisan agar tidak makan tempat. Sebenarnya sobat
juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan
menggunakan text area untuk menghemat tempat dalam penulisan kode script atau
gambar.
Caranya ? langsung saja yaa, selipkan kode ini di "Edit HTML"

<div style="margin: 5px 20px
20px;">

<div class="smallfont" style="margin-bottom:
2px;"><b>Spoiler</b>: <input value="Open"
style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;"
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'; }"
type="button">

</div>

<div class="alt2" style="border: 1px inset ; margin: 0px;
padding: 6px;">

<div style="display: none;">





Letakkan kode script, HTML dan teks anda disini







<br>

</div>

</div>

</div>

Contohnya seperti ini
Spoiler:
Letakkan kode script, HTML dan teks anda disini




NB:
  1. Untuk tulisan Open dan Tutup sobat bisa ganti dengan kata2 sobat inginkan.
  2. Width : 55px untuk lebar spoiler.
  3. Font-size: 11px untuk besar tulisan pada kotak spoiler.
  4. Nah yang tulisan Spoiler adalah judul, silahkan ganti sesuai
    keinginan sobat.

Unknown
9 April 2012 pukul 05.43

nice gan

©2012 | Template By ★ EGGI IMCYBER | Modifted By beg3nk newb1e