Minggu, 02 Januari 2011

Membuat SPOILER (Tombol Show / Hide)


Apa yang dimaksud dengan Spoiler? Mungkin jika anda sering nongkrong di Kaskus mungkin sudah sering lihat ni spoiler? Tapi yang mungkin baru awam di internet belum tahu apa artinya.







LALU APAKAH ARTI SPOILER

Spoiler adalah tombol untuk menyembunyikan sebagian konten seperti gambar, video, dan lain - lain yang membuat loading artikel blog kita lama


Jadi, fungsi spoiler adalah mempercepat loading blog kita

LALU BAGAIMANA MEMBUAT SPOILER

Jika di Kasukus untuk membuat spoiler adalah mengetikkan kode spoiler=judul spoiler]isi spoiler[/spoiler]fdfd
.

Maka jika di blog untuk membuat Spoiler adalah:
Dengan mengetikkan kode:


<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">JUDUL SPOILER. </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

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


Lalu:
1. Ganti JUDUL SPOILER menjadi judul spoiler yang diinginkan, contoh: Nih video cakep (wajib dilakukan)
2. Ganti Show menjadi tombol spoiler, contoh Show / Hide, Spoiler, Ga penting. (tidak wajin)
3. Ganti isi spoiler menjadi kode gambar, kode video atau semacamnya...


1 komentar:

  1. saya juga pakai yg seperti ini gan, :D
    link hasna fisika apa bisa di ubah ke gambutku-->>http://gambutku.com gan??? saya sudah ganti domain.:D

    BalasHapus

Komentarmu sangat berharga untukkku