Cara Membuat Tombol Show / Hide di Postingan Blog

Barusan Jalan-jalan di dunianya mbah google, eh malah nemu artikel yang menarik. Judulnya cara membuat tombol klik showuntuk 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>

3. Ganti tulisan yang berwarna merah dengan pesan untuk mengklik tombol show.

kemudian ganti tulisan yang berwarna biru dengan tulisan, script, url gambar, atau apapun.

Klik show untuk melihat

Selamat mencoba!