Cara membuat Spoiler

Diposting oleh Muhammad Abdul Aziz on Jumat, 09 Maret 2012


Hah? iler? sop iler?
Bukan gan... yang dimaksud Spoiler disini adalah seperti ini

Spoiler:
Photobucket

Spoiler itu trik menyembunyikan teks yang panjang atau foto yang ukuranya besar-besar (kecil juga bisa sih). Nah, kita bisa menghemat tempat dan ruang di postingan dengan trik spoiler ini.

untuk buat Spoiler kayak di atas cukup copy-paste script ini ke menu edit HTML

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</b>: <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 = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'buka'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 44px;" type="button" value="buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Taruh apa aja di sini

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

  • Tulisan Spoiler itu judul spoiler, kamu bisa ganti sesuai keinginan.
  • Tulisan Buka dan Tutup bisa diubah sesuai keinginan kamu.
  • width: 44px; itu lebar spoiler. (angka 44 bisa diganti)
  • font-size: 11px; itu ukuran huruf dalam spoiler. (angka 11 bisa diganti)
  • Ganti tulisan Taruh apa aja di sini dengan tulisan, gambar, foto, dll. yang pengen kamu masukin ke Spoiler.

ini contoh script di atas


Spoiler:
Taruh apa aja di sini
Kalau ada pertanyaan bisa komen dibawah.

{ 0 komentar... read them below or add one }

Posting Komentar

Komen dengan bahasa yang baik dan benar. Thanks