Cara Membuat Tombol Show and Hide Di Blog

Hai sobat Bithoo, apa kalian ingin membuat tombol hide pada postingan anda apa bila ingin menghemat tempat anda, nah bithoo akan memberikan tombol hide yang dapat dimanfaatkan bagi sobat bithoo sekalian. penasara tampilannya gimana yuk kita lihat bersama:

Bagaimana sobat, Tertarik untuk membuatnya.... mari kita sama-sama melihat cara pembuatannya dibawah ini.

Ini adalah cara/trik untuk membuat tampilan show/hide di blog:

<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:#ffffff; text-align: center; padding:10px; ">code link yang ingin kamu show/hide </div></div></div></div></div></div>

Catatan: Gantilah tulisan code link yang ingin kamu show/hide dengan apa saja yang sobat bithoo ingin sembunyikan.

Begitulah Cara Membuat Tombol Show/Hide Di Blog. Semoga dapat bermanfaat bagi sobat-sobat bithoo.

Posted in: Navigation/Menu