Advertising

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...


▶ INFO ARTIKEL :
OLEH:
LABEL: Tips Blog,
JUDUL: Membuat SPOILER di Postingan Blogger
URL: http://www.siomponk.com/2012/06/membuat-spoiler-di-postingan-blogger.html
Loading...

Written by : - Part Time Blogger

author-photo Seorang publisher blogger asal kota Jogjakarta yang mencoba mencari jati dirinya dan yang selalu belajar dalam hidupnya. Sangat menyukai ungkapan
"Jangan lihat dari siapa kebenaran itu datang, tapi lihatlah isi dan makna dari kebenaran itu."

Follow On : Facebook | | Blogger

0 Response to "Membuat SPOILER di Postingan Blogger"

Poskan 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.