Social Icons

Monday, 20 August 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

No comments:

Post a Comment

 
 
www.lyrics2nd.blogspot.com