-->

Membuat Spoiler di Blog

Apa itu spoiler? jika kalian sering berkunjung di forum KASKUS tentu hal ini sudah gak asing lagi.
Tapi jika tidak, saya sudah siapkan contoh di bawah ini.

Inilah Spoiler:
Sekarang sudah tahu kan? apa itu spoiler. next, gmn cara buat seperti ini.
Selanjutnya, gmn cara membuat yang seperti ini?
Tinggal copas code ini


<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini
 <br>
</div>
</div>
</div>

Nah nah, abis copas kodenya kan muncul kayak gambar ini.


Argh, gimana cara masukinya? gambar ini?
Solusinya ada digambar di bawah ini. Buat gambarnya dulu, buat semua yang akan ditampilkan di spoiler. Setelah itu copas kode gambarnya ke dalam kode spoiler yang udah disediain.

Spoiler Memasukan Gambar di Spoiler:




Sumber Tutorial : http://kurniasepta.blogspot.com/2012/02/cara-membuat-spoiler-di-blog.html

5 comments

  1. Kalau mau masukin gambar bagaimana cara buat link nya. Apa gambarnya harus dimasukan dulu atau bagaimana caranya? Mungkin bisa bantu?
    Saya belum sempat lihat dari link sumbernya.

    1. Kalau masukin gambar,,
      bikin dulu gambar yg mau dimasukin.

      baru nanti copas code gambar/video ke kode spoiler.

      gampanganya setiap mau bikin spoiler, siapin apa aja yg musti ada di spoiler, baru nanti copas ke dalem kode spoiler..

  2. nice.. thx infoya cuy

    1. samsam brader..

  3. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...