. . : : Welcome To My Blogger, Have Fun Browsing Gan : : . .

Kamis, 17 Maret 2011

Membuat Menu Tutup Buka di Blog

sekarang saya akan menjelaskan tentang membuat spoiler di Blog dan memasangnya di postingan.
langsung aja ya...

log in ke bloger kamu, masuk ke posting, entri baru.
disinilah hal yang penting, kamu harus perhatikan Edit HTML bukan Tulis.

Jika ingin membuat spoiler anda harus masuk ke Edit HTML.

setelah itu setiap akan membuat spoiler, sisipkan script berikut di postingan tadi. (ingat di Edit HTML bukan Tulis !)

<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" 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;">...........................</div></div></div>

Keterangan: Isi titik-titik warna merah dengan gambar, script kode, atau tulisan sesuai dengan keinginanmu.

Selamat mencoba.,,, oia ini contohnya:





<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" 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;">...........................</div></div></div>


Janga Lupa Tinggalkan komentarnya ya... sekali lagi semoga artikel ini bermanfaat buat para pembaca.
..:: z33s ::..

2 komentar :

Jangan Baca aja...
berikan komentar juga lah...