fariz-tri.blogspot.com
Terima Kasih Atas Kunjunganya Jangan Lupa Tinggalkan Komentar

Saturday 16 October 2010

Cara Membuat Tombol Buka Tutup

Hay sobat blogger dah berapa hari gk posting nich. kali ini menanggapi komentar teman2 di buku tamu dari :
Gi2h "brow, gmn caranya ngasih tombol hidden di kotak tukar link"
Saya akan berbagi ilmu tentang cara membuat tomblo buka tutup kalo masih binggung lihat dibawah :
Contoh :


>



udah jelas kan nah kita mulai aja tutorialnya :
1. untuk membuat tombol buka tutup copy kode berikut

    <div align="center"><div style="margin: 5px;"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 0px; width: auto; font-size: 12px;" value="Tampilkan" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tutup&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tampilkan&#39;; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 0px; text-align: center;">
    Letakan kode script yang ingin ditampilkan disini  
    </div></div></div></div></div>


KEMUDIAN
3. Buka menu rancangan = = = >
4. Element laman
5. Tambah Gadget
6. Pilih HTML/JAVA SCRIPT
7. Paste kode diatas
8. Kemudian save dech
9. Lihat blog anda

Selamat Mencoba



0 comments:

Post a Comment