Assalamu'alaikum-Selamat Sore Sobat blogger, Postingan kali ini ane saya coba Postingkan Cara Membuat Spoiler di Blog. Mungkin sebagian orang pastinya sudah tau apa itu spoiler. Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan buka tutup fungsi nya tidak lain dan tidak bukan cuma hanya untuk menghemat tempat pada blog kita,, biar kelihatan lebih rapi tan efesien. Contohnya bisa dilihat di bawah halaman ini.
Spoiler bisa juga dibuat di blog, lebih khusus dipostingan. Lalu bagaimana cara membuat spoiler di blog? Langsung simak yang berikut ini.
Cara Membuat Spoiler di Blog
- Login ke Blogger
- Pilih New Post atau Entri Baru seperti membuat postingan biasa
- Pilihlah pada mode Edit HTML saat membuat postingan
- Gunakan kode script berikut ini untuk membuat spoiler:
<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 warna Biru sesuka hati sobat blog
- Ganti tulisan warna Merah dengan kode
kode script (gambar atau video) di sini
- Selamat Mencoba & Semoga Bermanfaat