Membuat Tab Buka Tutup Di Blog

Sebagai Contoh Klik lah tab tombol dibawah ini :

[MASUKAN KODE HTML ANDA DISINI]

Menarik bukan,jika di coba di blog anda, selain irit tempat, kita juga dapat menyimpan apa saja di dalam nya tapi asalkan jangan menyimpan dompet anda disana

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..
Langkah2 nya:
Copy script dibawah ini

<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="Klik Aja Disini..." style="margin: 0px; padding: 5px; width: 100%; font-size: 11px; background:#424242; 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 = 'Klik Aja Disini...'; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:Bisque;background-color:NONE; text-align: justify; padding:10px; "><br /> <div style="-moz-background-clip: -moz-initial; -moz-

background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; background: #000000 url(#) no-repeat scroll 0 0 ; border: 1px solid rgb(204, 204, 204); height: 250px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;"><br /> [MASUKAN KODE HTML ANDA DISINI]<br /> <br /> </div></div></div></div></div></div>

Lalu cari tulisan [MASUKAN KODE HTML ANDA DISINI] di script kode tadi.
Hapus tulisan itu Lalu Ganti dengan Script kode Html yang anda ingin kan
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

Artikel Menarik Lainnya