Senin, 20 Agustus 2012

Cara Membuat Tombol Show dan Hide

 Cara Membuat Tombol Show dan Hide

1.   Sign In di Blogger.com
2.   Pada Menu Drop Down, pilih Layout
3.   Kemudian klik Add a Gadget  Cari dan pilih HTML/JavaScript
4.   Copy Paste semua kode dibawah ini pada kolom HTML/JavaScript:
5.   Trik ini juga berlaku di postingan kamu dan menu edit htnl

    <div style="margin: 5px 20px 20px;">
    <div class="smallfont" style="margin-bottom: 2px;"><b>RAJACHORD</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"></div>
    <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
    <div style="display: none;">TEKS KAMU DISINI<br></div></div></div>


5.      Simpan kode JavaScript sobat

Contoh :


RAJACHORD:
TEKS KAMU DISINI

Tidak ada komentar:

Posting Komentar