Home » » Kode Untuk Membuat Tombol Hidden | Show di Blog

Kode Untuk Membuat Tombol Hidden | Show di Blog

Selamat datang di blog Aswani Comey, Berikut ini akan saya berikan informasi mengenai: Kode Untuk Membuat Tombol Hidden | Show di Blog Semoga bermanfaat untuk kita semua.

Untuk menghemat sebuah halaman blog ataupun isi artikel supaya kelihatan unit cara ini sangatlah tepat untuk ditiru. caranya sangatlah mudah. Jika ingin meletakan di halaman depan blog tinggal dicopas di widget, kalau ingin meletakan di artikel yang mungkin artikel sobat panjangnya sampai 15 meter, tinggal copas saja di HTML.contohnya bisa lihat dibawah ini..
Untuk melihat kodenya silahkan klik dibawah ini Photobucket
<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:#FFFFFF; text-align: center; padding:10px; "> Disini adalah kalimat atau gambar yang akan muncul di box hide dan show</div> </div> </div> </div> </div>
Semoga bermanfaat..


Terimakasih telah mengunjungi Blog Aswani Comey ini, dan membaca postingan mengenai : Kode Untuk Membuat Tombol Hidden | Show di Blog semoga bermanfaat :)