Menghemat Ruang Blog dg Menu Tutup Buka

Banyak usaha peblogger untuk menampilkan blognya masing-masing agar kelihatan lebih menarik para pengunjung.
Salah satu trik untuk kearah itu dapat anda lakukan dengan menggunakan menu tutup buka sehingga isi dari menu tersebut akan tersembunyi, dan akan terbuka jika pengunjung mengklik menu tersebut. Selain dapat menambah keindahan blog tips ini juga dapat menghemat ruang pada blog serta dapat diletakkan pada postingan maupun pada elemen halaman.
Sebagai contoh, coba anda perhatikan menu dibawah ini :

• Cara Membuat blog
• Tentang Postingan artikel
• Tentang Buku Tamu
• Tentang Elemen Halaman
• Tentang Aksesoris Blog
• Tentang Komentar
• Tentang Daftar Isi Blog
• Tentang Fasilitas Cha

Jika anda berminat, anda tinggal copy script dibawah kemudian paste pada blog anda, baik pada postingan maupun pada elemen halaman.

<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="BUKA" style="margin: 0px; padding: 5px; width: 30%; font-size: 11px; background:#0066CC; color:#ffffcc; border:1px dashes yellow;" 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 = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'BUKA'; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">TEMPAT MENGISI IMAGE ,TULISAN ATAU APA SAJA </div>

Selanjutnya anda tinggal mengganti kode yang bercetak merah dengan keinginan anda, agar tampil lebih menarik :

• value="BUKA" = dapat anda ganti dengan kata lain misalnya : OPEN
. Kata BUKA ada 2 buah , silahkan anda ganti keduanya.
• width: 30%; = merupakan ukuran dari lebar menu, dapat anda ganti dengan px
• font-size: 11px; = merupakan ukuran huruf yang tampil pada menu
• border:1px dashes yellow;" = merupakan border menu berupa garis ganda berukuran ipx dan berwarna kuning
• background:#0066CC; = merupakan warna latar dari menu
• value = 'TUTUP'; = dapat anda ganti dengan kata lain misalnya CLOSE
• border: 2px dashes white; color:blue;background-color:NONE; = menunjukkan bahwa border yang muncul setelah diklik berupa garis ganda dengan ukuran 2 px dan berwarna putih, tulisan berwarna biru serta tidak ada background, silahkan anda ganti seperlunya, dapat anda ganti dengan solid atau dotted
• TEMPAT MENGISI IMAGE ,TULISAN ATAU APA SAJA = dapat anda ganti dengan apa saja yang ingin anda tampilkan