21 Juni 2012

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...
Previous Post
Next Post

0 komentar:

PERATURAN BERKOMENTAR:

- Gunakan BAHASA yang baik dalam berkomentar
- Dilarang SPAM dalam berkomentar
- Dilarang SARA dan SARU dalam berkomentar
- Dilarang OOT dalam berkomentar

Jika terdapat hal demikian pada komentar anda, kami akan menghapus komentar anda tersebut.