Google Flag Translator

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Friday, June 17, 2011

Membuat menu Spoiler

kali ini kita bahas mengenai cara buat menu spoiler..
langsung saja lihat contohnya dibawah ini..
Photobucket

langkah - langkahnya sebagai berikut:
1. tentunya kita login ke blog kita..
2. terus kita masuk tata letak
3. dalam tahap ini kita bisa menaruh spoiler dalam postingan ataupun widget.
4. copas script dibawah ini.

Script:



<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">


Letakkan kode script, HTML dan teks anda disini



<br>
</div>
</div>
</div>




5. save

note:
- spoiler bisa di ganti menu sesuka sobat


selamat mencoba good luck!!!
Share |

0 comments:

Post a Comment