Home » » Cara Membuat Teks Area Buka Tutup

Cara Membuat Teks Area Buka Tutup

Written By RACHMAT SR on Kamis, 30 Agustus 2012 | 01.44

Cara Membuat Teks Area Buka Tutup

Kopypaste kode dibawah ini, dan letakan di mana anda suka.
Jika inging meletakkan di Gadget anda haru pilih JavaScript  dan pilih Edit HTML bukan Rich Text
dan jika anda ingin meletakkan dalam postingan agar anda tidak repot-repot mengcopypase kode ini, caranya anda masuk ke dasbor dan pilih SETELAN.
Pada menu Setelan Pilih Format kemudian Pastekan pada kolom Templat Entri kemudian simpan.
Inilah Kodenya:

 <div style="margin: 5px;"><div class="bigfont" 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="margin: 0px; padding: 0px; width: 60px;" value="Buka" type="button"></div>
 <div style="background-color: rgb(230, 230, 230); border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;"><div style="display: none;">Isikan Data disini</div></div></div>


Hasil Kode diatas seperti ini.
Isikan Data disini

Keterengan:
  1. Yang berwarna Merah dapat anda ganti dengan teks kesukaan anda.
  2. Warna Beru ukuran panjang Judul.
  3. Yang warna Hijau Isikan Teks yang anda Inginkan.
  4. Warna Pink adalah warna Backgroung.
Gmpang sekalikan....
Selamat Mencoba dan semoga bermanfaat.

avira-indonesia


 Semoga Artikel ini bermanfaat,

Baca Juga Artikel yang Berhubungan dengan Topik ini :


Daftar Artikel
Sumatra Restaurant Jeddah Melayani Katering Umrah dan Haji
Tips merawat baterai Laptop anda.

Jika Anda menyukai Artikel di blog ini, Silahkan kirim Email untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit.


Delivered by FeedBurner
Share this article :

1 komentar:

  1. Makasih Gan :)

    Kunjungan balik :http://purwakartailmu.blogspot.com

    BalasHapus

Thank for your visit, leave your suggestions and comments in the fields below ...

Silahkan meninggalkan komentar anda sehingga kita dapat berbagi pemikiran Anda dengan pengunjung lainnya.



 
Support : Al Islam | Paalem 3 | Mushola
Copyright © 2013. Panduan Blogger - All Rights Reserved
Template Created by Creating Website Modified by CaraGampang.Com
Proudly powered by Blogger