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
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:
No comments:
Post a Comment