Membuat Spoiler Pada Blog

Hai sahabat blogger semua,,,setelah sekian lama akhirnya artikel baru dalam blog ini muncul lagi,,,kali ini saya akan membagikan cara pembuatan Spoiler….mungkin ada yang bingung apa yang dimaksud dengan spoiler,,,,spoiler adalah sebuah objek, teks, atau sebagainya yang disembunyikan dalam ruang posting, dan jika kita atau pengunjung ingin melihat gambar itu maka harus menekan tombol navigasi/button agar gambar muncul….nah pengertian spoiler secara singkat mungkin seperti itu…

Jika diantara sobat semua masih bingung apa yang saya maksudkan, lebih baik sobat semua telan button yang bertulisan Buka dibawah ini….jika sudah menekan button akan bisa memudahkan sobat semua untuk memahami tentang spoiler….ok. Lanjut, kita akan membuat spoiler ini.

Langkah-langkahnya seperti dibawah ini:

• 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 berwarna biru sesuai selera.
• Warna merah diganti dengan gambar/teks/video, sesuai keinginan sobat.

Semoga artikel ini bisa bermanfaat buat sobat semua...salam blogger.

Beautiful: