Cara Membuat Tombol Show Hide Pada Postingan Blog

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!

• Tweet
• Share
• Share
• Share
• Share

About Admin MC3

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Related Post