Cara Membuat Spoiler di Blog

Pada Dasarnya, blog tidak menyediakan fitur spoiler layaknya forum pada umumnya, tapi hal tersebut bukan menjadi halangan bagi Anda yang kadang memerlukan spoiler untuk menampilkan gambar, atau tulisan yang telalu panjang. Kita bisa tetap memasang spoiler di blog dengan cara memasukan kode" berikut pada bagian postingan tertentu.

Code :

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

Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2

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


Contoh:
Spoiler:






Catatan :
Ganti tulisan warna merah sesuai dengan keterangan yang Anda inginkan. ab

0 komentar:

Post a Comment

  • Digg
  • del.icio.us
  • StumbleUpon
  • Yahoo! Buzz
  • Technorati
  • Facebook
  • TwitThis
  • MySpace
  • LinkedIn
  • Google
  • Reddit
  • Netvibes

Followers

Design by Blogger Tune-UpCopyright © 2011 Jagoan Lampung | Powered by Blogger