Cara Membuat Spoiler di blog

Bagikan :

Tweet

SPOILER. pernah dengar kata Spoiler? bagi sahabat yang sering berkunjung dan akrab dengan kaskus pasti mengetahui istilah ini. spoiler adalah salah satu cara untuk menyembunyikan salah satu/sebagian atau seluruhnya dari isi blog. Spoiler juga berguna agar konten yang berat seperti video atau gambar tidak di load sebelum dibuka  atau menekan tombol show.

sudah paham kan! untuk itu, kali ini saya akan sharing mengenai Cara Membuat Spoiler di blog, bukan di kaskus. karena cara ini berbeda dengan untuk yang di kaskus. baik kita langsung ke Cara Membuat Spoiler di blog:

1-buka posting/entri baru di blog anda,

2-masukan skrip di bawah ini,

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang/judul  spoiler </span></i><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>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">


isi spoiler...


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


3-ganti kode yang berwarna hijau di atas dengan judul spoiler anda. dan
ganti kode yang berwarna merah dengan isi spoiler anda yang ingin disembunyikan.

4-maka hasilnya menjadi seperti ini,

Tentang/judul Spoiler anda

isi spoiler...

5-simpan dan terbitkan

selesai, semoga bermanfaat. jangan lupa tinggalkan jejak dan komentar diblog ini ya.!

Tag : Tutorial Blog