CARA MEMBUAT SPOILER DI BLOG

SPOILER ??

mungkin sebagian orang sudah tahu apa itu spoiler, apalagi kalau sering main di forum. Spoiler sudah pasti tidak akan terlihat asing lagi, lalu bagaimana bila agan mau menerapkan / membuat spoiler di blog ??

Untuk agan yang belum tahu apa itu spoiler, ane akan memberikan sedikit penjelasan.

Spoiler adalah tombol yang digunakan untuk menyingkat tempat atau untuk menyembunyikan konten berupa (teks, video, gambar dll) dengan cara buka tutup.

Contoh:

Nah kurang lebih ya seperti itulah spoiler....

Sekarang ane share caranya :

     1. Login ke Blogger

     2. Pilih new post atau entri baru seperti membuat postingan biasa

     3. Pilih mode Edti HTML saat membuat postingan

     4. Gunakan mode 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>

5. Agan dapat mengganti Judul Spoiler sesuai kehendak kita, begitu juga dengan Buka dan Tutup
6. Klik Publish atau Terbitkan Entri Jika sudah selesai

Itulah cara membuat spoiler di blogger, jangan lupa tinggalkan komentarnya ya gan, semoga bermanfaat...