KUPAS ILMU

Halo, berjumpa lagi dengan saya, sudah lama sudah tidak kirim post lagi, jadi kangen
Hari ini saya akan menulis tentang "Membuat spoiler di sidebar blog".
Ada yang tau apa itu spoiler??

Spoiler itu seperti ini :

Gambar diatas merupakan spoiler dalam bentuk tidak aktif

Ketika kita klik Show !
makan akan muncul seperti ini..













Mau??
Langsung aja kita ke pembuatannya ~

1. "yang pasti kita harus log-in ke dalam blogger"
2. Setelah masuk, kalian masuk ke dalam "Edit Tata Letak >> Tambah Gedget >> HTML JavaScript"
3. Masukkan code dibawah ke kolom HTML

• <div><div style="margin-bottom: 2px;"><i><b><small>Klik untuk melihat</small></b></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 style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
    
  Disini sobat simpan gambar, artikel, gadget atau yang lainnya.
  
  </div></div></div>

4. Save dan lihat hasilnya ~

Semoga Bermanfaat :D