XtGem Forum catalog

Hafizah

 
Depan | Pesan | Daftar Isi
 
Penanda Baru
online:1

Kategori

  1. + Facebook ( 0 )
  2. + MWB ( 0 )
  3. + Renungan ( 0 )
  4. + Xtgem ( 0 )

Ke Bawah +
Ke Bawah +

Cara Membuat Tombol Atau Button Buka Tutup

Tombol buka/tutup atau spoiler adalah tombol yang berfungsi untuk menyembunyikan text dan gambar atau widget pada wap, web atau blog anda yang dapat menghemat tempat agar tidak terlalu panjang.

Nah.. unuk membuat tombol buku/tutup caranya adalah sebagai berikut:
  1. Tambahkan kode di bawah ini pada text atau gambar yang ingin di sembunyikan
Kode HTML Buka/Tutup
<div align="left;"> <div style=" margin:5px; "> <div style=" margin-bottom:2px;" class="smallfont; "> <input value="Buka" style=" margin:0; padding:0; width:60px; font-size:10px;" onclick=" if(this.parentNode. parentNode. getElements ByTagName ('div')[1]. getElements ByTagName ('div')[0]. style.display != '') {this.parentNode. parentNode. getElements ByTagName ('div')[1]. getElements ByTagName ('div')[0]. style.display =''; this.innerText =''; this.value='Tutup';} else {this.parentNode. parentNode. getElements ByTagName ('div')[1]. getElements ByTagName ('div')[0]. style.display= 'None'; this.innerText = '';this.value='Buka';}" type="button"/>& lt;/div> <div class="alt2"> <div style=" display:none;"> <div style=" background:#ffffff; border:2px solid #008b8b; margin:0; padding:10px 10px 10px 20px; ";> Masukkan text dan gambar atau widget disini </div> </div> </div> </div> </div>

Semoga bermamfaat..

← Kembali
Komentar

Komentar Baru

TAMPILKAN
+ + +
Cara Membuat Tombol Atau Button Buka Tutup - _header - Hafizah
 
 

Post Terbaru

Main Menu


< BackPanelHome
File browser
Auto Ping ping fast
*
© 2010 - Hafizah
Web | Ke Atas
Sign up | Login +