Kamis, 16 Juni 2011

Menambah spoiler pada postingan blog

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..
isi spoiler...
Sesuka blogger

Sìlahkan di coba gan.

Tidak ada komentar:

Posting Komentar