Cara Memasang Tombol Show Hide Di Postingan Blog

Posted by : Unknown Kamis, 09 Mei 2013

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. 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. Hasilnya akan seperti ini

Klik show untuk melihat

MASUKAN TEXT YANG INGIN ANDA BUAT DISINI

Semoga artikel yang saya buat tadi bermanfaat buat agan-agan blogger sekalian, selamat mencoba^-^