Cara Membuat SPOILER untuk Blog

Haaa... kemarin-kemarin sebelum tau caranya hati selalu bertanya-tanya di blog tetangga yang sudah sonior dari PENJELAJAH INTERNET ada postingan yang bisa di Hide ( disembunyikan) wah mantep dalam hati ku,itukan bisa menghemat tempat dan aku pun penasaran dan bertanya-tanya dalam hati... ternyata ketemu juga caranya dan langsung deh PENJELAJAH INTERNET terapin di postingan. Baiklah dalam postingan ini PENEJELAJAH INTERNET akan membahas bagaimana caranya memasang Spoiler pada Blog spoiler juga bisa ditempatkan pada blog Post, sidebar, Header maupun Footer coba perhatikan contoh dibawah ini :

Klik Tombol Show

<div style="margin-bottom: 2px;">
Klik Tombol Show
<div style="margin-top: 5px; text-align: center;">
<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-top: 5px; width: 60px;" type="button" value="Show" /> </div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI SPOILER DENGAN TEKS ATAU SCRIPTS CODE</div>
</div>
</div>

KETERANGAN :
Keterangan spoiler : Merupakan judul spoiler itu sendiri
Show : Kalimat yang muncul pada tombol spoiler, bisa diganti dengan kata buka/tutup
Isi spouler dengan tek atau Script Code : Merupakan tempat untuk mengisi dari spoileh tersebut

Posted in: TRIK BLOG