Cara Membuat Tombol Show Hidden + Award

Kali ini saya kembali dengan membawakan tips seputar Tips Trik Blog. Pada kali ini saya akan membagikan informasi seputar cara membuat tombol show hidden. Lalu, apa itu tombol show hidden??????  Tombol tersebut adalah tombol yang berada disebelah kanan (lihat kotak Quick Tips and Download). Atau lebih jelasnya lagi ada pada contoh dibawah ini.

Judul Spoiler

Masukkan Teks/Gambar Anda disini

Jika kalian sudah mengerti dan ingin segera mempraktekkan, silahkan copy dan paste-kan kode berikut.

<div>
<div style="margin-bottom: 2px;">
<i><b><small>Judul Spoiler</small></b></i><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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 120px;" type="button" value="Show" /></div>

<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Ganti dengan tulisan atau gambar anda
</div>
</div>
</div>

Semoga tips saya kali ini bermanfaat untuk anda semua. Jangan lupa berikan komentar anda.

Read more: Cara Membuat Tombol Show Hidden + Award
di http://paksi-dirgantara.blogspot.com