Membuat tombol show/hide blog
Membuat tombol show/hide apa maksudnya, itu loh jika ditekan akan muncul dan bisa juga disembunyikan dengan menekanya lagi, jika kamu belum tahu lihat aja demo dibawah ini, ntar akan tau sendiri, terkadang ada blogger juga memakainya untuk bertukar link, dijadikan blogroll untuk menghemat tempat,tp saya sendiri tidak suka blogroll model shoe/hide kayak gini,ok lah kalo beg beg beg..gitu..langsung ke TKP.
KOPI AJA KODE DIBAWAH INI:
<div style="margin-bottom: 1px;"><i><b><small></small></b></i><input style="margin: 0px; padding: 0px; width: 450px; font-size: 15px;" value="Klik disini" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Klik disini'; }" type="button" /></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
tulisanmu disini
</div></div>
Masukkan ke sidebar,maka hasilnya seperti ini:
udah tahu kan sekarang! yah..kamu masukkan apa aja terserah kamu, he he he...
KOPI AJA KODE DIBAWAH INI:
<div style="margin-bottom: 1px;"><i><b><small></small></b></i><input style="margin: 0px; padding: 0px; width: 450px; font-size: 15px;" value="Klik disini" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Klik disini'; }" type="button" /></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
tulisanmu disini
</div></div>
Masukkan ke sidebar,maka hasilnya seperti ini:
udah tahu kan sekarang! yah..kamu masukkan apa aja terserah kamu, he he he...
Komentar
Posting Komentar
Beri komentar anda! Karena komentar anda sangat penting untuk perkembangan blog ini, komentar bernada spam akan segera saya hapus.