Cara Membuat Spoiler Di Blogger

Bagi yang pernah masuk ke forum-forum di internet seperti kaskus tentu tidak asing lagi dengan spoiler. Spoiler ini adalah sebuah tombol yang dapat membuka dan menutup untuk menyembunyikan teks, gambar, atau video. Dengan memanfaatkan fungsi spoiler ini maka tampilan postingan akan terlihat lebih ringkas dan rapi. Mari kita coba membuat spoiler di blogger yang mudah.

Jika belum mengerti apa yang dimaksud dengan spoiler maka berikut contoh sebuah spoiler.

Logo Kursuskilat:

Bagaimana? Sudah tahu bukan? Mari kita lanjutkan bagaimana cara bikin spoiler tersebut.

Cara Membuat Spoiler

Pada saat menulis postingan di blogger dan ingin menyisipkan spoiler. Maka masuk ke bagian HTML, salin dan tempelkan script spoiler berikut ini diantara kode html dalam postingan Anda:

<div style="margin: 5px 21px 21px;"><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: 11px; margin: 0px; padding: 0px; width: 50px;" type="button" value="Buka" /> </div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 1px;"><div style="display: none;">Letakkan kode, teks, gambar, atau video disini </div></div></div>

Jika anda ingin menyisipkan gambar, maka masukkan kode html berikut pada spoiler diatas (warna hijau):

<img src="http://url.lokasigambar.jpg" />

Ganti yang teks yang berwarna merah dalam skrip spoiler diatas dengan teks dan url milik Anda sendiri. Selamat mencoba, jika sudah berhasil atau gagal silahkan tinggalkan komentar. Terimakasih.

Sumber:

Silahkan anda menyalin (copas) sebagian / keseluruhan tulisan ini untuk tujuan yang baik dan benar dengan mencantumkan link sumber berikut: http://www.kursuskilat.com/2013/02/cara-membuat-spoiler-di-blogger.html