Cara Membuat Tombol Show/Hide di Postingan Blog

Posted by : Unknown Sabtu, 04 Mei 2013

Barusan Jalan-jalan di dunianya mbah google, eh malah nemu artikel yang menarik. Judulnya cara membuat tombol klik show untuk melihat di postingan Blog Saya pun tertarik untuk membukanya. Dan ternyata cukup mudah. Nah mumpung saya lagi berbaik hati, saya akan membagikan caranya kepada para AiRa LoKa best friend... Nah bagi yang mau coba, Langsung saja..

Chek It Out......

1. Pada halaman Edit Entri atau Entri Baru, Buka tab HTML.

2. Pastekan script dibawah ini.

<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;">

Masukkan tulisanmu di sini

</div></div></div>