Cara membuat Spoiler ala KasKus

 
          Hay Sobat BonceliZme. kali ini saya akan share tentang Cara membuat Spoiler ala KasKus. Pasti sobat tahukan buttom ato tombol show/hide ato bisa disebut dengan spoiler di Kaskus??? yahh benar baget, nggak usah bingung sob, sobat bisa memasang itu spoiler ato tombol show/hide di blog sobat. Apa fungsinya buat saya??? pasti sobat bertanya demikian., hehhe.,,

             Gini sob spoiler itu sangatlah berguna buat blog sobat. Dengan menggunakan spoiler ato tombol  ini, maka dapat mempersingkat/mempercepat loading blog sobat lho.,, cara kerjanya itu, jika tombol tersebut di klik blog sobat baru akan melakukan loading file yang sobat sembunyikan di tombol tersebut. Jadi spoiler ini sangatlah berguna jika sobat ingin menampilkan script yang panjang ato gambar yang ukuranya besar. 

Ini dia sob script membuat spoiler nya.

Klik Tombol -->> :

Isi Teks ato Gambar ato Script HTML disini

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <i> Klik Tombol -->> </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="Show" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;">

Isi Teks ato Gambar ato Script HTML disini

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

      Ganti warna biru sesuai selera sobat misalnya Spoiler ato Klik Tombol. Ganti text warna merah dengan untuk mengubah tulisan Show Hide pada tombol. dan ganti text Isi Teks ato Gambar ato Script HTML disini, sesuai keinginan sobat.

Cara memasangnya adalah masukkan kode tersebut pada postingan sobat pilih tag HTML. Tidak hanya itu spoiler ini bisa juga diletakkan pada widget sobat.

            Demikian dulu sob, bagaimana Cara membuat Spoiler ala KasKus., lain kali saya sambung lagi deh., selamat mencoba n, semoga bermanfaat.

Posted in: Tips N' Triks