Cara Membuat Show Hide Untuk Posting Blog

Also Read Other Articles

Show Hide dalam posting menurut kami sangat diperlukan untuk semua blogger, karena jelas akan mempengaruhi kinerja blog maupun dari segi tata letak maupun kerapihan dari pada posting tersebut.
Silahkan masukkan kode html dibawah ini untuk merapikan (show Hide) baik HTML, Gambar, Tulisan dll. Silahkan copy Kode di bawah ini.

<div style="margin-bottom: 2px;"> <input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div> <br /> <div style="border:10px inset #000000;padding:10px;text-align:center;-moz-border-radius-topleft:30px;-moz-border-radius-topright:20px;-moz-border-radius-bottomleft:20px;-moz-border-radius-bottomright:30px;"> <div style="display: none; border:1px dotted #0dc3ff;"> <br /> Tek area show hide<br /> <br /> </div> </div> </div>

Selamat Mencoba dan Salam Sukses !!!