Cara Membuat Tombol Hide and Show di Blogger

tau gag apa itu tombol hide and show?

yang itu loh yang bisa menghilangkan dan memunculkan text ataupun gambar dengan 1 klikan saja!

tombol hide and show pun bisa berguna untuk mengurangi halaman di postingan mu!

cara membuatnya pun sangat gampang, berikut cara membuat tombol hide n show :

Caranya :

1. Copy kode di bawah ini!
2. letakkan di postinganmu yang mau kamu EDIT lalu lihat dan klik bacaan "EDIT HTML" lalu letakkan kode yang kamu copy tadi(kode yang ada dibawah sini) disitu (kotak EDIT HTML)postingan mu yang akan di buat/diedit

<div>

<div style="margin: 1px;">

<div class="smallfont" style="margin-bottom: 1px;">

<input value="SHOW" style="margin: 0px; padding: 0px; width: auto; 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 class="alt2">

<div style="display: none;">

<div style="background:#808080; text-align: center; padding:10px; "> isikan text disini yang nanti text akan mucul pada tombol hide show

</div>

</div>

</div>

</div>

</div>

Ketentuan Text warna :

- Text yang berwarna  menandakan Bahwa warna background(latar belakang)  tombol hide show bisa diganti menurut selera, kode warna bisa di dapat di  ::COLOURLovers.

caranya menggantinya gantikan kode yang bewarna dengan kode yang ada di kotak HEX dari ::COLOURLovers.

ex :  808080 --> 3325DC ,    atau ada juga ntar yang seperti ini -->rgb(128, 128, 128) kode dapat diambil ditempat yang sama tepatnya disebelah kotak "Hex" , Ex : rgb(128, 128, 128) --> rgb(51, 37, 220)

- Text yang berwarna menandakan : isi text yang akan kamu buat di kotak tombol hide show