Cara Membuat Spoiler di Blogspot

Unknown | 23:37 | tips blogspot

Mungkin anda ingin menyembunyikan gambar/banner, teks ataupun video di blog dimasksudkan untuk menghemat lahan atau space di blog anda, kita bisa menggunakan Spoiler untuk mengatasi hal tersebut.

Kalau kita suka memasang gambar/banner yang besar yang mungkin waktu loadnya lama, otomatis waktu loading blog kita pun akan menjadi lama, itu bisa sedikit kita atasi untuk mengurangi waktu load blog kita dengan menyimpan gambar/banner tersebut di dalam Spoiler ini.

Oke langsung saja, dibawah ini adalah kode untuk membuat Spoiler di blogspot:

<div style="margin-bottom: 2px;">Judul Spoiler
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; 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 style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

ISI SPOILER

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

Keterangan:
=>> Tulisan yang berwarna merah bisa kita ganti sesuai keinginan dan kebutuhan kita.

=>> Tulisan yang berwarna biru, itu untuk isi Spoiler. Jika spoiler ingin berisi gambar, anda upload dulu gambarnya ke hosting gambar seperti photobucket, tinypic, imageshack dll, lalu ganti 'isi spoiler' dengan kode HTML gambar yang sudah diupload. Jika spoiler ingin berisi video, ganti 'isi spoiler' dengan embed kode video.

Hasilnya seperti dibawah:

Judul Spoiler

ISI SPOILER

bagaimana sobat blogger...???
mudah kan, silahkan langsung dipraktek'kan