cara memasang tombol show hide di blog

Berikut ini cara memasang tombol show hide, tombol berikut ini hampir sama dengan tombol PILIH SEMUA yang telah di bahas sebelumnya, hanya bedanya tombol ini hanya untuk penutup sebuah tulisan atau kode dengan hasil hasil akhir semua atau sebagian tulisan sobat bisa menjadi sejajar saja tanpa harus melihat tulisan anda panjang lebar ke bawah. Tapi dengan menekan tombol ini semua yang kita tulis tadi akan otomatis terbuka.

Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:

klik untuk melihat kode:

<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>

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:

Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna biru dengan kata atau kode yang ingin sobat masukan postingan. Teman-teman juga bisa mengganti kata yang berwarna hijau dengan kata yang sobat inginkan.

Masukkan kode di atas ke dalam postingan atau di sidebar blog sobat, maka hasilnya bisa dilihat di bawah ini.

Semoga berhasil <<sukses>>

di bawah ini adalah contohnya>>

Klik show untuk melihat

Masukkan tulisanmu di sini

sumber:http://all-trick-blog.blogspot.com/2012/03/cara-membuat-tombol-klik-show-untuk.html