Subscribe Twitter
Pasang Iklan Di Bayar

Minggu, 17 Juni 2012

Cara Membuat Box Show dan Hide di blog

Ini adalah cara/trik untuk membuat tampilan show/hide di blog, tinggal kamu copypaste aja link yang ada di box show/hide di bawah:

<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; ">bantosan.blogspot.com
</div></div></div></div></div></div>

Kalau sudah dicopypaste, maka akan jadinya seperti box di atas, selamat mencoba.
masukan kode atau postingan anda dengan cara mengganti tulisan berwarna biru 
bantosan.blogspot.com 
kira-kira hasilnya akan seperti ini 
bantosan.blogspot.com

0 komentar:

Posting Komentar

terima kasih, DataNg keMbaLi ya!!

FaceBook