Cara Membuat Spoiler (Hide) di Blogger

Cara Membuat Spoiler dan Hide di Blogspot :

Hai ..... Jumpa lagi di Baltazar-Artikel. Di awal bulan April 2013 ini saya akan bagikan Tutorial mengenai cara Membuat Spoiler di Blogspot.

Apa itu Spoiler ?

Spoiler adalah sebuah cara untuk menyembunyikan postingan kita di blog agar tidak terlalu panjang saat kita membuka sebuah postingan dan dapat kita tampilkan dengan mengklik tombol yang diberikan. Spoiler juga berguna untuk menghemat tempat postingan.

Oke... Tidak usah panjang lebar. Berikut Script dan contoh Spoiler.

Cara Membuat Spoiler ::

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video), link di sini  <br>
</div>
</div>
</div>

Berikut cara membuatnya :
1. Login ke Akun Blogspot Sobat
2. Buat Postingan Baru.
3. Pilih Metode HTML (bukan Compose), hal ini untuk menerapkan Spoiler di Blog Sobat. Jika memakai mode Compose, Code Script tidak akan berfungsi.
4. Copy Paste Script di atas ke Postingan Sobat yang akan dipasang Spoiler.
5. Lihat hasilnya diatas.
6. Selesai