Cara Membuat Kotak Spoiler Buka Tutup di Postingan Blog

created by Adhe N.tawakkal

Cara Membuat Kotak Spoiler Buka Tutup di Postingan Blog:

1. pertama masuk ke blogger, kemudian pilih buat entri baru

2. pilih HTML sebelah compose

3. copas code di bawah ini , sekaligus contohnya: 

<div style= "margin-bottom: 2px; " > <div style= "margin-top: 5px; text-align: center; " > <input value= "Buka " style= "margin-top: 5px; width: 100px; 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 style= "border: 1px inset ; margin: 0px; padding: 6px; " > <div style= "display: none; " > GANTI DENGAN TULISAN ATAU SCRIPT SOBAT DISINI </div > </div > </div > <br > <br > <br >

Keterangan:

 (GANTI DENGAN TULISAN ATAU SCRIPT SOBAT DISINI) adalah tempat isi kotaknya

SELESAI...!! 

Posted in: Tutorial Blog