Number of 666

October 31, 2010

Membuat Spoiler di WordPress

Filed under: Uncategorized — adiprayit @ 9:50 am

Kali ini saya akan membahas tentang cara menbuat spoiler di WordPress.

Berikut cara-caranya:

Pertama-tama ,udah tau spoiler itu apa kan?

Ya, Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari posting, dengan tujuan untuk menghemat space halaman posting. Biasanya yang disembunyikan dalam spoiler adalah berupa gambar.

Nah sekarang gimana cara buat nya? Ya gini buatnya, liatin ya, hehehe🙂.

<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="spoiler" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
<p style="text-align: justify;">

Teks yang akan disembunyikan di spoiler.

</div>
</div>
</div>

Ini dia contohnya:

 

2 Comments »

  1. […] This post was mentioned on Twitter by adi prayitno and adi prayitno, adi prayitno. adi prayitno said: Membuat Spoiler di WordPress: http://wp.me/pVI5W-mm […]

    Pingback by Tweets that mention Membuat Spoiler di WordPress « Adi666 -- Topsy.com — October 31, 2010 @ 10:29 am

  2. Umm, kayaknya gak bisa deh

    Comment by donyarisandy — December 7, 2010 @ 4:26 pm


RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Create a free website or blog at WordPress.com.

%d bloggers like this: