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; ">code link yang ingin kamu show/hide
</div></div></div></div></div></div>

Kalau sudah dicopypaste, maka akan jadinya seperti box di atas, selamat mencoba.


Comments
0 Comments

Responses

0 Respones to "Cara Membuat Box Show dan Hide di blog"

Posting Komentar

IP
TERIMA KASIH ATAS KUNJUNGAN ANDA.. Don't Forget to Comment..


ads ads
 
Copyright © 2011 | Andphit World, All Right Reserved
Return to top of page