Membuat Spoiler Di Blogger

Spoiler berfungsi untuk menampilkan / menyembunyikan artikel, gambar, ataupun script yang bisa diletakkan didalamnya.spoiler adalah BB Code (dari googling). ada baiknya jika artikel / gambar yang kita posting sangat panjang, maka kita bisa gunakkan cara ini, mungin sudah tidak asing bagi yang sudah lama terjun di dunia maya,tapi bagaimana dengan yang masih newbie seperti saya?pasti bingung bagaimana mengatasinya / mempersingkatnya.
baik lah,kita mulai saja,berikut contoh spoilernya :

isi teks atau kode gambar yang disembunyikan dibalik tombol

Untuk membuat seperti diatas menggunakkan code berikut :

<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><input value="Show" style="margin: 0px; padding: 0px; width: auto; 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"><div style="display: none;"><div style="border: 1px dotted #006400; text-align: justify;">isi teks atau kode gambar yang disembunyikan dibalik tombol</div></div></div></div></div>

 

Ganti Teks yang berwarna merah terserah anda!!!!
Selamat mencoba ya,,,!!!

Baca yang ini jUga ya,,,!!!!