Cara Mudah Membuat Spoiler di Blog

Perlu dibaca juga :

Bagaimana membuat sebuah Spoiler ? mudah kok, ikuti aja tutorial singkat di bawah ini, pasti berhasil.

Cara Membuat Spoiler di Postingan Blog :
1.Login ke akun blogger anda
2.Pilih Entri Baru/New Post
3.Lalu pilih mode Edit HTML
4.Copy paste kode di bawah ini lalu taruh pada mode Edit HTML

<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="background: #323802 ; border: 1px inset ; margin: 0px; padding: 6px;">

<div style="display: none;">
Tuliskan Teks Anda di Sini atau kode script gambar/video ! <br>
</div>
</div>
</div>

Keterangan:
Tulisan berwarna Merah adalah yang dapat anda rubah sesuai dengan keinginan anda.Warna Hijau adalah warna background spoiler, jika ada menginginkan tanpa warna bisa anda ganti dengan tulisan Transparent. Dan yang berwana Biru silahkan diganti dengan isi spoiler anda, bisa berupa tulisan, gambar foto, video dan lain-lain.

5.Kik Publish dan lihat hasilnya
6. Selesai deh. Semoga bermanfaat.

Contoh penerapan spoiler >

Untuk melihat Silahkan klik:

Tadaaaaa....!?!?
Kan kelihatan to Tulisan saya ini, coba klik lagi kan sembunyi lagi. he he he he .....

ARTIKEL TERKAIT :