Membuat Tombol show/hide

Contoh nya :

[MASUKAN KODE HTML ANDA DISINI]
[MASUKAN KODE HTML ANDA DISINI]
[MASUKAN KODE HTML ANDA DISINI]
[MASUKAN KODE HTML ANDA DISINI]
[MASUKAN KODE HTML ANDA DISINI]
[MASUKAN KODE HTML ANDA DISINI]

Cara membuat nya: copi paste scrip di bawah ini
dan pasangkan pada posting/widget agan2

<div>
<div style="margin: 5px;">
<div class="normalfont" style="margin-bottom: 2px;">
<input 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'; }" style="background: none repeat scroll 0% 0% rgb(66, 66, 66); color: #ffffcc; font-size: 11px; margin: 0px; padding: 5px; width: 100%;" type="button" value="Tutup" /></div>
<div class="alt2">
<div style="display: none;">
<div style="color: bisque; padding: 10px; text-align: justify;">

<div style="-moz-background-inline-policy: -moz-initial; -moz-border-radius: 0px 0px 0px 0px; background: url(&quot;#&quot;) no-repeat scroll 0pt 0pt rgb(0, 0, 0); border: 1px solid rgb(204, 204, 204); height: 250px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">


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

KET:
-Teks yang berwa kuning ada rubah sesuai keinginan anda.
-Tulisan [MASUKAN KODE HTML ANDA DISINI] anda masukkan script yg ingin anda pkai.

Langkah 2
1. Login di blogger dengan ID anda
2. Klik menu tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadged
5. Klik HTML/JavaScript
6. Lalu Copy paste kodenya
7. Setelah itu klik Simpan
8. Dan Lihat Hasilnya

kemudian SAVE TEMPLATE dan lihat hasilnya...met mencoba..:)

Di Baca Juga Ya...Artikel Terkait Lainnya :

Widget By : lefransnote's Site