Membuat Spoiler di blog

 Sudah Lama saya tidak posting di Blog, hehe, Kali ini saya akan mnjelaskan tentang Bagaimana Cara membuat Widget Spoiler. Anda ingin tahu caranya? , oke, saya akan mnjlaskan.


inilah cara membuat Widget Spoiler sperti yang ada di Blog saya :

• Login ke Blogger 
• Buka Rancangan
• Sudah? kalu sudah Klik Tambah Gadget 
• Klik HTML/javascript 

         

• Jika sudah, isi dengan  :     

<div style="margin: 5px;"><br /> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"> Klik di sini </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"/><br /> </div><br /> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><br /> <div style="display: none;"> Isi Dengat Gadget yang akan isi di spoiler </div></div></div>

• Kalimat yang berwarna merah bisa anda ganti, 

1. Klik di Sini  bisa anda ganti sesuka hati anda, terserah anda
2. Isi Dengan Gadget yang akan isi di spoiler bisa anda ganti dengan HTML/javascript widget yang akan anda masukkan ke dalam spoiler.

• Sudah? inilah tahap trakhir,,, jreng jreng jrengggggg,,,, Klik SAVE (SIMPAN) 
• Lihat perubahannyaa,, Luar Biasa bukann.