Cara Membuat Tombol Show Hide Di Postingan

Tutorial Cara Membuat Tombol Show Hide Di Postingan memang sangat banyak terdapat di blog-blog sahabat lainnya tapi tidak ada salahnya jika ilmu itu terus menerus di bagikan untuk teman-teman yang belum mengerti.

Untuk mempersingkat waktu , silahkan ikuti langkah-langkah berikut ini :

copy sricp berikut 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;">

Masukan tulisan,link gambar,atau code disini

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

--------------------------------------------------------------------------------------------------------------
1.Jika sudah masuk ke menu postingan , silahkan paste code tersebut pada menu "HTML" dan bukan Menu "Compose".

2.Jangan lupa untuk mengganti tulisan yang berwarna merah dengan kode atau text sobat.
3. Maka Hasilnya seperti tombol "Show" di bawah ini

Klik show untuk melihat

TERIMAHKSIH SUDAH MENGUNJUNGI BLOG INI

Semoga berguna dan Bermanfaat