Monday, July 30, 2018

Membuat Tombol Show Hide di Blogspot

Membuat Tombol Show Hide di Blogspot


Buat sahabat blogger yang ingin memasang tombol show hide di blog, caranya gampang banget nih. sahabat blogger 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;">
Masukkan tulisanmu di sini
</div></div></div>

Jangan lupa mengganti kata yang digaris tengah berwarna merah dengan kata yang ingin teman-teman masukkan. 



Contoh Tombol Show/Hide
Klik show untuk melihat
Masukkan tulisanmu di sini


visit link download