Isnin, 20 Februari 2012

Kode Untuk Membuat Tombol Hidden | Show di Blog

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..
Disqus Comments