Cara Membuat Spoiler pada Blog


Andryemos berbagi ilmu mengenai pembuatan spoiler. Spoiler berfungsi untuk menyembunyikan suatu konten baik gambar atau tulisan di postingan. Dengan pemberian spoiler di posting blog, dapat membuat postingan yang terlalu panjang menjadi pendek. karena ada beberapa konten yang di sebunyikan dan akan terlihat ketika si visitor menghendaki nya. ok, langsung saja ke pembuatan spoiler pada postingan blog.

1. Pilih postingan yang akan di beri spoiler.
2. Pilih tab HTML pada postingan.
3. Masukkan kode di bawah ini

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input 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'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /> </div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">Letakkan script teks atau gambar disini</div></div></div>

4. Setelah itu lihat dengan memilih tab compose, apakah spoilernya sudah cocok. kalau sudah cocok, pumblikasikan postingan agan kalau pengen di publikasikan :D

Sekian postingan singkat dari andryemos, semoga bisa membantu agan-agan yang kesulitan dalam pembuatan spoiler.

Subscribe to receive free email updates:

5 Responses to "Cara Membuat Spoiler pada Blog"

  1. wah ini yang ane butuhin, trims gan tutorial nya.. ijin copas skript na...

    ReplyDelete
  2. mantap sob infonya. oia mau tanya dong, trus itu caranya bisa 2 gambar dalam 1 spoiler gimana ya sob ? tolong dijawab ya.. ^^ terima kasih..

    ReplyDelete
  3. klo memperlebarnya gmna tuh sob?

    ReplyDelete
  4. bisa pake border cusatom ga gan,,

    ReplyDelete
  5. terima kasih banyak atas infonya
    http://giribig.com/

    ReplyDelete