8/21/2011

Cara Membuat Tombol Spoiler

Apa sih Tombol Spoiler itu?
Tombol Spiler adalah ombol yang mampu menyembunyikan sesuatu baik itu berupa tulisan,widget ataupun gambar. Tombol spoiler juga bisa memperingan loading blog anda. Cara Membuat Berbagai Macam Tombol Spoiler di Blog :

Copy Srcipt dibawah dan paste ke blog anda.

<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Judul</span></i><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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="SPOILER 5" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
LETAKKAN TEKS  DISINI</div>
</div>
</div>
</div>

Warna merah adalah isi dari Teks, Gambar dll.
Selamat Mencoba

Tidak ada komentar:

Posting Komentar