Ineceper.Blogspot.Com

Follow My Fb

Senin, 12 Desember 2011

Cara Buat Tombol Hide & Show di blog

Tombol untuk menyembunyikan dan menampilkan konten ini biasanya disebut spoiler. Sangat berfungsi untuk menghemat panjangnya suatu posting akibat gambar atau konten lainnya


Contohnya dapat dilihat dibawah ini :

cource code
<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</small></b></i><input value="Show" style="margin: 0px; padding: 0px; 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">



ISI NYA (Terserah anda)



</div></div></div>

cara membuatnya : anda hanya perlu mengcopy-paste script didalam spoiler diatas, kemudian edit sesuai dengan keperluan anda. Kemudian paste pada konten postingan anda..

Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!

Comments for blogger! brought to you by Ineceper , Ingin Kotak Komentar seperti ini? KLIK DISINI!?
Description: Cara Buat Tombol Hide & Show di blog Rating: 4.5 Reviewer: sutriadi ramadhan - ItemReviewed: Cara Buat Tombol Hide & Show di blog

Tidak ada komentar:

Posting Komentar

Koment Donk....
masak gak ad yg koment...
daftar akun fb dulu ya...

Daftar Isi

ine sekarang punya maskod untuk blog ini>>>>>>>>>>>ine adalah anak IT Pemangkat >>>>>>>>>sering2 mampir ya