Temen blogger ada yang belum tau cara membuat tombol spoiler atau tombol hide show, oke pembelajaran ghostcell kali ini tentang cara membuat tombol spoiler kayak yang ada di forum-forum. Lihat penampakannya:
link Download :
Berikut caranya:
1. Pada Tab Rancangan, Elemen Halaman
2. Pilih Add Gagdet, HTML/JavaScript
3. Copy Paste kode berikut:
<div>
<div style="margin-bottom: 2px;">
<b><small>link Download :</small></b> <input 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Munculin'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 100px;" type="button" value="Munculin" /></div>
<div style="border: 1px inset; margin: 0px; padding: 3px; width: 530px;">
<div style="display: none;">
***<b>Hidden Content</b>***
Please follow to see hidden content. Thanks</div>
</div>
</div>
<div style="margin-bottom: 2px;">
<b><small>link Download :</small></b> <input 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Munculin'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 100px;" type="button" value="Munculin" /></div>
<div style="border: 1px inset; margin: 0px; padding: 3px; width: 530px;">
<div style="display: none;">
***<b>Hidden Content</b>***
Please follow to see hidden content. Thanks</div>
</div>
</div>
4. Simpan
Selamat Eksperimen.
1 Commentators :
nice share gan :) thenkyuuu hehe
hmm sekedar saran klo boleh dikasih warna atau Bold buat keterangan dibagian mana kita harus mengisi content kita gan :) hehe
Posting Komentar
Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.