Fandri`s Blog

Cara Pasang Spoiler Show-Hide

Pada kali ini saya akan share tentang cara Pasang Spoiler Show-Hide pada Blog fungsinya adalah mengirit tempat di Blog. Ok, langsung aja berikut adalah Langkah-langkah-nya:

1. Login pada Blogger sobat
2. Pilih Tata Letak
3. Pilih HTML Javscript
4. Pastekan Kode berikut:
<div> <div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"> <i><span style="font-weight: bold;">JUDUL SPOILER</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> LETAKKAN TEKS, IMAGE, JAVASCRIPT DISINI..!!!</div> </div> </div> </div>
5. Simpan dan lihat hasilnya...

Hasilnya akan seperti ini:

Label: Tutorial Blog