Ardyatebayo: Membuat Spoiler Pada Blog

Rabu, 28 Maret 2012 -

Membuat Spoiler Pada Blog

Spoiler [Open & Hide Content] adalah teknik yang digunakan untuk menyembunyikan sebagian atau seluruh bagian dari materi posting. Teknik ini biasa digunakan pada forum diskusi dengan tujuan untuk menghemat tempat sehingga materi tidak kelihatan terlalu panjang. Dengan pemakaian spoiler, pengunjung yang sedang membaca materi pun akan lebih nyaman dan lebih tertarik untuk mengetahui materi atau konten yang ada di dalamnya.

Lantas bagaimana cara untuk ingin memasukkan materi posting blog pada sebuah spoiler?

Cara paling mudah untuk memasukkan materi posting pada sebuah spoiler, adalah sebagai berikut:

Terlebih dahulu buat materi yang akan diposting (misal: seperti gambar di bawah ini).

Kemudian sisipkan script berikut ini pada kode HTML materi yang akan diposting.

<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Klik di sini: </span></i><input 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">


-----konten yang dimasukkan pada spoiler-----


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

Kata kunci: spoiler, open, hide, show

Perihal: Membuat Spoiler Pada Blog
Peringkat: 4.5 - Diulas oleh: Semar Bingung

Sumber: http://eltelu.blogspot.com/2011/11/membuat-spoiler-pada-blog.html#ixzz1qNjQDeyF

Ardyatebayo

Membuat Spoiler Pada Blog

0 komentar:

Posting Komentar