Cara Paling Mudah Bikin Spoiler di Blog Kamu

Spoiler, biasanya kita temui pada tulisan atau komentar di sebuah forum, fungsinya menyembunyikan tulisan, gambar, atau video, dengan tujuan agar tidak terlalu panjang ke bawah.

Ini adalah contoh spoiler yang di buat dengan kode yang akan saya berikan ;

Contoh Spoiler :

Setelah anda lihat contohnya, pastinya anda yakin kalau cara membuat spoiler yang akan saya berikan tidak akan gagal anda terapkan di blog anda bukan?

Saatnya menuju ke cara membuat spoiler ;

Pada saat anda membuat postingan, silahkan masuk ke mode HTML terlebih dahulu, kemudian salin kode untuk membuat spoiler berikut 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;"><div style="display: none;"> Masukkan isi spoiler anda di sini </div></div></div>

Teruskan postingan anda sampai selesai kemudian publikasikan dan tutup, lihat hasilnya.

Gampang kan cara membuat spoiler yang saya berikan? jika anda memasukkan tulisan ke dalam spoiler anda, akan lebih cantik lagi jika anda terapkan efek marque pada tulisan anda, baca caranya di cara membuat tulisan marquee