Cara Mudah Membuat Spoiler Di Blog

Mungkin ini postingan yang kesekian kali yang membahas tetang cara membuat SPOILER pada blog. Tapi mungkin ada sebagian orang yang belum tahu makanya saya posting di blog saya. Apa sich yang dimaksud dengan SPOILER? spoiler itu fungsinya hampir sama dengan fungsi read more. Tapi bedanya kalau spoiler menyembunyikan langsung foto atau teks secara langsung yang akan muncul seperti attachment.

Sekarang ada cara mudah membuat spoiler yang lebih bagus, caranya tinggal Copy Paste aja skrip berikut ke postingan blog anda. Download dulu ya skrip nya di sini atau copy paste kode di bawah ini:

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>JUDUL SPOILER <em>[Klik Show]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

Keterangan:

Untuk kata JUDUL SPOILER dan SILAHKAN KLIK SHOW ini bisa anda ganti sesuai dengan keinginan anda. Ganti kata ISI SPOILER dengan isi postingan baik berupa teks atau gambar yang ingin anda sembunyikan. Berikut hasilnya:

JUDUL SPOILER [SILAHKAN KLIK SHOW] :

[INI TULISAN YANG DISEMBUNYIKAN/ISI SPOILER]

Selamat mencoba

Source: http://cipstuff.blogspot.com

Berbagi :