Membuat Hide Show di Postingan Blog

Hide/ show ini memiliki fungsi utama yaitu sebagai alat untuk menyembunyikan apa yang ingin kita masukan ke dalam nya, bisa berupa gambar, code HTML, serta tulisan.... mempercantik tampilan postingan serta memberi kesan profesional bagi orang yang awam akan dunia blogging, hehe...

Tanpa perlu basa - basi lagi berikut tutorial cara "Membuat Hide Show di Postingan Blog"

1. Gunakan setelan HTML ketika membuat postingan, terutama sekali saat hendak memasukan code HTML nya
2. Copy code di bawah ini :

<div><div style="margin-bottom: 2px;"><i><b><small>Klik disini</small></b></i><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;">

MASUKAN KODE

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

    3.  Ganti tulisan "MASUKAN KODE" dengan kode HTML/ Java Script, gambar, dan ketikan lainnya
    4.  Untuk hasilnya sobat bisa lihat seperti contoh di atas..

 Selamat mencoba..