Wicak ©_2013: Membuat Spoiler Modifikasi Menarik
Home » » Membuat Spoiler Modifikasi Menarik

Membuat Spoiler Modifikasi Menarik

Masih ingatkah anda tentang spoiler ????
Yang kayak gini itu loh :

Ciluk ??? Bha ????

Atau yang kaya gini :

yah dibuka lagi deh...

Yang belom coba silahkan cek dipostingan aq yang terdahulu...
Sekarang kita akan membuat spoiler yang kaya gini nih :






isi teks atau kode gambar yang disembunyikan dibalik tombol




Tertarikkan ??? Mari praktekkan:

Copy kode dibawah ini,, lalu pastekan saat kamu posting...

<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><input value="Tampilkan" style="margin: 0px; padding: 5px; width: auto; font-size: 10px; background:yellow; color:blue; border:1px dashed red;" 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 = 'Tampilkan'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashed red; color:blue; background-color:yellow; text-align: justify; padding:10px;">isi teks atau kode gambar yang disembunyikan dibalik tombol</div></div></div></div></div>

Yang warna merah silahkan ganti dengan sesuatu yang akan anda sembunyikan.., hehehe
Selamat mencoba,, jika belom ngerti silahkan bertanya... Malu bertanya sesat dijalan...
Banyak bertanya,, memalukan !!! hehehe

Sumber : pendiari

Silahkan Sebarkan Atau Copy Paste Artikel Ini Pada Website/Blog Anda,, Tapi Ingat Harus Menyertakan Atau Mencantumkan Alamat Blog Ini Pada Postingan Anda
© All Right Reserved

0 Respon:

Posting Komentar

Online: