Cara membuat Tombol Klick Show

By Unknown Minggu, 15 Juli 2012

Share Tweet Share Pin Email

Hallo sobat Blogger Kemarin saya sedang mencari Tips-tips Blogspot dari http://zuazz.blogspot.com. Dan saya menemukan Cara membuat Tombol Klick Show. Jadi bagi sobat Blogger yang ingin membuat tombol klick Show yang pertama, sobat hanya perlu mengcopy paste kode HTML di bawah 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 tulisanmu Disini

</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 merah dengan kata atau kode yang ingin sobat masukkan. Sobat juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.

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

Klik show untuk melihat

Masukan tulisanmu Disini

Yang di atas adalah contoh sederhana tentang cara pembuatan tombol show hide di blog, selanjutnya bisa teman-teman kembangkan sendiri.