Cara Membuat Spoiler di Blogspot

Membuat Spoiler di Blogspot - Assalamualaikum, temen-temen blogger mungkin udah banyak yang tau ya apa itu spoiler? Kalo belom ada yang tau spoiler itu untuk menyembunyikan atau menampilkan text atau gambar. Kalo belum tau kegunaan spoiler kaya apa kamu bisa lihat di forum kaskus.

Disana banyak sekali yang menggunakan spoiler untuk menampilkan gambar-gambarnya. Kali ini aku mau share bahwa di blogspotpun kita bisa menggunakan spoiler untuk menyembunyikan gambar.
Mau tau gimana cara membuatnya? Oke langsung aja kita praktekan ya..

Caranya:
1. Tentu paling pertama yang harus kamu lakukan itu login ke blogger dulu.
2. Setelah itu kamu pilih Entri Baru (New Posts) kaya kamu mau bikin postingan biasa.
3. Setelah itu kamu gunakan HTML jangan compose.
4. Copy kode dibawah ini untuk membuat spoilernya.

<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>

Ganti tulisan yang biru sesuai dengan judul spoiler yang kamu mau. Terus kamu ganti tulisan merah untuk meletakan teks, gambar atau videonya.

5. Udah deh tinggal kamu Publikasikan (Publish)

Contoh penggunaan spoiler untuk menampilkan gambar:

Contoh menampilkan gambar:

Contoh menampilkan teks:

Contoh Menampilkan Teks