Menambah spoiler pada postingan blog

Posted by Bagus Swara On 3:44 PM

Apakah spoiler itu?
Spoiler adalah script atau baris perintah kode yang dapat menampilkan
tombol yang ketika di-klik akan mengeluarkan
menu pulldown. Biasanya digunakan untuk menyimpan teks, gambar atau yang lainnya
yang terlalu panjang yang sifatnya opsional
dapat dilihat atau tidak. Trus apa fungsinya??
Fungsinya yaitu dapat menghemat bandwith
atau mempercepat loading halaman blog kita karena tidak perlu meload teks atau gambar
yang kita spoiler lagi. Mau tau gimana cara buatnya?

Pertama, masuk ke akun blogger kita masing-masing.
Pada saat kita ingin membuat postingan blog,
jangan pilih compose tetapi pilih lah edit HTML.
Masukankode HTM:

<br /><div><div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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'; }" type="button"/> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> isi spoiler... </div></div></div></div>

Tentang bla..bla.bla..

Sìlahkan di coba gan.