Cara membuat Tombol Show Hide

Assalamuialaikum...!Silahkan kunjungi blog saya sob...!Kali ini saya akan memposting tentang Cara membuat tombol kotak Show Hide.Sudahkah anda tahu tentang cara membuatnya,ataukah anda masih belum mengetahui cara membuatnya.Tepat sekali sob jika anda mengunjungi blog saya..!Karna saya sudah
menyediakan artikel tentang Cara membuat tombol kotak Show Hide.
Bagi anda yang kurang tahu cara membuatnya,anda bisa mengikuti tutorial ini di postingan saya.

Berikut ada sedikit tutorial dari saya,silahkan anda menyimaknya .. ..

• Login dulu ke Blog anda.
• Masuk ke menu Rancangan > Elemen Laman > Add gadget > Pilih HTML/Javascript.
• Lalu Masukkan kode di bawah ini 
• Pilih save

Contoh Tombol Kotak Show Hide di buat.

Klik show untuk melihat

Masukkan tulisanmu di sini

Berikut kode untuk Tombol Kotak Show Hide

Copy Code Link di bawah ini pada blog anda

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b><br /> <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<br /> </div></div></div><br /> <br />

• Catatan :

- Anda juga bisa meletakkan kode tersebut di Postingan atau Pada Widget Html/Javascript. 

:::Sekian,semoga bermanfaat:::

Artikel Terkait:

Posted in: Tutorial Blogging