Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog

Berikut ini akan saya sampaikan cara-caranya beserta keterangan gambar. Tutorial ini saya dapatkan dari http://zuazz.blogspot.com/ nah silakan anda ikuti cara-cara berikut ini,, Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:

Klik show untuk melihat

<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 [Masukkan tulisanmu di sini]dengan kata atau kode yang ingin teman-teman masukkan dengan kata yang diinginkan. Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, maka hasilnya bisa dilihat di bawah ini.

Klik show untuk melihat

Masukkan tulisanmu di sini

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

Artikel terkait :