Cara membuat Spoiler pada blog

Apakah itu spoiler?? tahukan anda fungsi dan manfaatnya? Spoiler biasa dikenal sebagai tombol untuk menampilkan dan menyembunyikan postingan sehingga menghemat spasi halaman, tampilan lebih rapi juga mengurangi beban loading page, biasanya yang dimasukin ke dalam spoiler adalah image dengan
resolusi besar, jadi dengan spoiler image tidak akan diload secara langsung yang dapat mempercepat waktu loading.

Untuk lebih jelasnya lihat contoh berikut :

Tulisan tampil disini bro.. ini sebagai contoh.. :)

Nah, sudah lihat contoh diatas kan? Baik langsung ke TKP. Silahkan copy-paste script code dibawah ini..

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<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 tulisan yang akan ditampilkan disini, dapat diisi gambar, kode html, paragraf dan lain2

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

Untuk tulisan berwana biru, silahkan diganti dengan script atau tulisan anda yang akan ditampilkan. Selamat mencoba...

Artikel Terkait