Cara Membuat Tombol Show/Hide di Postingan Blog

     Cara Membuat Tombol Show/Hide di Postingan Blog -  Hai semua AiRa LoKa best friend... kali ini saya mau bagi-bagi tutorial tentang 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 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>

 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

Masukkan tulisanmu di sini

Selamat mencoba!