Header Ads

Membuat Tombol Buka Tutup Di Blog

tombol buka/tutup atau spoiler adalah tombol yang berfungsi untuk menyembunyikan text dan gambar atau widget pada sidebar yang dapat menghemat tempat agar tidak terlalu panjang.
Nah.. unuk membuat tombol buku/tutup caranya adalah sebagai berikut:
  • 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.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';}" type="button"/></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.

Tidak ada komentar

Diberdayakan oleh Blogger.