Cara membuat menu buka tutup

Artikel kali ini saya akan membahas tentang cara membuat menu atau halaman buka tutup, untuk meringkaskan tampilan blog sobat yang mungkin sobat bloger suda banyak isi atau artikel  yang di tayangkan sehingga tidak ada tempat lagi untuk menampilkan kreasi kreasi sobat yang mungkin
ingin di tampilkan, caranya tinggal sobat ikuti langka di bawa ini. Langsung saja kita ke TKP.....

1. Seperti biasa Log In ke Blog sobat
2. Setelah login ke dasbor
3. Pergi ke Tataletak (Rancangan)
4. Tambah Gadget (HTML/Javascript)
5. Setelah itu masukan kode di bawah ini:
 

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Buka" 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 = '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" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Disini isi yang mao sobat sembunyiin
<br></div></div></div>

HASILNYA :

Spoiler:

SELAMAT DATANG DI TEJOE.CO.CC
JANGAN LUPA KOMENTARNYA YA.
SALAM BLGER DAN SALAM PERSAHABATAN

Keterangan :
Kode atau tulisan Buka yang berwarna merah silahkan sobat ganti dengan kata sesuai keinginan, misalnya Show, Open atau apa aja deeh. terus tulisan Tutup yang berwarna biru silahkan ganti dengan kata Close atau apa ja terserah gimana sobat. Terus tulisan yang berwarna hitam ber cetak tebal disini isi yang mao sobat sembunyiin ganti dengan isi yang mao sobat sembunyikan.
Selesai deeh gampang khan.....

 Semoga bermanfa'at.....

Artikel Terkait:

Posted in: Tips dan trik javascrip