Cara Memasang Tombol Show Hide Di Postingan Blog

Salam damai bagi kita semua. Terutama sobat blogger yang membaca artikel ini. Kali ini saya akan mencoba menambah ilmu anda. Yaitu cara membuat tombol show di postingan blog. Inspirasi saya sih dari sini. Namun saya perjelas untuk anda sobat monfoort blog. Cara memasang tombol show pun mudah

1. Buat lah new post di blog anda
2. Buka HTML

3.  Masukan Script berikut

<div> <div style="margin-bottom: 2px;"> <b><small>Klik show untuk melihat</small></b> <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;"> MASUKAN TEXT YANG INGIN ANDA BUAT DISINI </div> </div> </div>

4. Ganti Teks MASUKAN TEXT YANG INGIN ANDA BUAT DISINI dengan teks anda
5. Hasilnya akan seperti ini

Klik show untuk melihat

MASUKAN TEXT YANG INGIN ANDA BUAT DISINI

Sekian terimakasih