Pasang TAB Tombol Buka Tutup

Posted by adOeL - -

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



Lihat juga artikel lainnya :)

Utta Melanikz

Post Author : Utta 'The Shelter'

Gue hanyalah seorang blogger pemula yang ingin belajar dan berbagi, Semua artikel bersumber dari pengalaman yang saya dapatkan dari dunia internet.Jika anda senang dengan Artikel ini, silahkan berlangganan gratis Via Email atau Feed Rss

Bagaimana Pendapat Anda??

Segera Laporkan apabila sobat menemukan Broken link (link rusak) atau ingin request dan bertanya, dengan meninggalkan pesan di bawah ini,dan Blog ini sudah DoFollow, namun tetap jaga kesopanan dengan tidak melakukan komentar spam yach.