Cara membuat Spoiler di postingan blog ala KASKUS nih, di antara para blogger pasti pernah berpikir "gimana ya cara membuat spoiler seperti kaskus"
nah, maka dari itu saya share trik nya...

simple ga pake saos..

1. buka blog > ke postingan > pilih mode HTML
2. masukkan kode berikut di mode HTML tadi
<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: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukkan gambar , kata atau script lainnya disini </div>
</div>
</div>

3. Letakkan kode tsb terserah anda, mau di awal postingan, tengah, atau di akhir.. hehehe


Spoiler :
Terima Kasih Telah Berkunjung...
Categories:

9 komentar:

  1. manteb sob. saya izin praktik dulu yaaa :)

    BalasHapus
  2. wah saya coba dulu gan. Saya cari dimana-mana kayaknya yang cocok spoiler yang ini deh hehe

    BalasHapus
  3. Wih keren banget...
    mau langsung saya coba dulu ya gan keren ni ^_^

    BalasHapus
  4. mirip spoiler nya sama yang ada dikaskus :D itu memberatkan blog ga sob ?

    BalasHapus
  5. keren sob scriptnya :D
    jadi ada spoilernya kayak di kaskus :D
    thanks ya

    BalasHapus
  6. wah mantab ini gan
    tak coba dulu ya,.. thankz udah berbagi

    BalasHapus
  7. saya coba dulu gan, lumayan agar artikel gak keliatan panjang

    BalasHapus

Subscribe to RSS Feed Follow me on Twitter!