CARA BUAT TOMBOL HIDE & SHOW

Guna dari tombol hide and show adalah untuk menghemat tempat pada halaman blog kita, karena fungsi tombol ini dapat menyembunyikan dan menampilkan Link, Gambar atau Teks. Nah ini dia caranya

Anda tinggal copy Script di bawah ini dan letakkan pada halaman postingan atau kolom HTML/JavaScript.

    <div><div style="margin-bottom: 2px;"><i><b><small>Coba di Klik</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;">
    LETAKKAN LINK, GAMBAR ATAU TEKS YANG ANDA INGINKAN DISINI......
    </div></div></div>

Hasilnya seperti dibawah ini....

Coba di Klik

LETAKKAN LINK, GAMBAR ATAU TEKS YANG ANDA INGINKAN DISINI......

Semoga Bermanfaat......

ARTIKEL TERKAIT