Minggu, 20 Maret 2011

Pasang TAB Tombol Buka Tutup

Berikut Contohnya :


[MASUKAN KODE HTML ANDA DISINI]


Baiklah Kali ini saya akan memberi penjelasan sedikit tentang postingan kali ini.. sebagai seorang blogger tentu saja anda ingin membuat hal-hal yang menarik di blog anda tapi anda bingung ingin meletakkan gadget anda dimana karena tempatnya terlalu sempit,
Jangan khawatir ada jalan keluarnya..!!! anda tinggal meletakkan gadget anda di dalam tab kotak tersebut,, ya sudahlah sepertinya anda sudah mengerti dan tinggal anda kembangkan sendiri..
5. Lalu masukan CSS dibawah sebelum kode ]]></b:skin>


<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 = 'Open'; }" 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="Open" /></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;">

[MASUKAN KODE HTML ANDA DISINI]

</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..:)

0 komentar:

Posting Komentar