Cara Membuat Tombol Show hide box pada postingan blog

Pembahasan kita kali ini cara membuat show hide box pada postingan blog,ada berbagai macam cara yang dilakukan oleh blogger untuk menampilkan sesuatu yang dianggap penting agar terpisah dengan bagian yang cuma pengantar maupun digunakan untuk meminimalisir panjang suatu post.setelah mengenal fungsinya kita akan membahas bagaimana cara memasang show/hide box pada  postingan blog.beberapa langkah-langkahnya yaitu :

1.masuk ke blogger --> entri baru ataupun anda dapat mengedit entri lama anda dan memasukkan kode ini kedalam post lama anda.
2.setelah itu copy kode html dibawah ini dan pastekan ke dalam Tab HTML pada entri tersebut(sesuaikan letaknya sendiri)

Lihat Code

<div>
<div style="margin-bottom: 2px;">
<i><b><small>Lihat Jam</small></b></i><input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Masukkan text atau code hml kamu disini

</div>
</div>
</div>

3.klik pratinjau agar kamu dapat melihat hasil dari kode tersebut.

itulah beberapa langkah-langkah untuk membuat tombol show/hide box pada postingan blog.

tunjukkan apresiasi anda dengan meng-like fanspage kami atau dengan cara menjoin site 27cwf  ataupun dengan cara mengomentari postingan ini.