Membuat SPOILER di Postingan Blogger

Siomponk.Com - Fungsi Spoiler mirip dengan dropdown, adalah untuk menyembunyikan konten (tulisan,gambar,video) yang ada dalam suatu postingan. Biasanya fungsi Spoiler ini banyak terdapat pada sebuah forum, dengan sebuah tombol untuk membuka artikel atau content yang disembunyikan tersebut.

Sebagai contoh seperti pada gambar dibawah ini


Sebagai contoh anda bisa melihat seperti dibawah ini

Foto Ayam Kampus Bugil:

Adapun cara Membuat SPOILER di Postingan Blogger adalah dengan menambahkan code atau script berikut ini pada postingan anda.

<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;">
#### ISI POSTING ####
</div></div></div>

KETERANGAN:
JUDUL SPOILER - judul dari isi spoiler
#### ISI POSTING #### - isi dari spoiler

Demikianlah postingan dari saya tentang Membuat SPOILER di Postingan Blogger, dan semoga postingan ini dapat bermanfaat untuk anda.
Salam...

• Tweet
• Share
• Share
• Share
• Share