Cara Buat Spoiler Pada Blog
Spoiler kebiasaanya digunakan untuk memperkecil,mempersingkatkan kode ataupun artikel agar ia tidak memenuhi ruang halaman.Spoiler ini dapat di pasang di side bar,di bahagian post artikel,footer dan header.Membuatnya amat mudah.Anda tinggal copy paste kode dibawah.
1.Copy dan paste kode dibawah ini
<div style=”margin: 5px 20px 20px;”>
<div style=”margin-bottom: 2px;”><b>Spoiler</b> Untuk lihat <b>Script</b>: <input value=”Lihat” style=”margin: 0px; padding: 0px; width: 55px; font-size: 11px;” 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 = ‘Tutup‘; } else { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ‘none’; this.innerText = ”; this.value = ‘Lihat‘; }” type=”button”>
</div>
<div style=”border: 1px inset ; margin: 0px; padding: 6px;”>
<div style=”display: none;”>
Isikan kode script, HTML dan teks anda disini
<br>
</div>
</div>
</div>
2.Seterusnya gantikan tulisan berwarna biru mengikut kesesuaian anda.
- Width: 55 px adalah lebar kotak spoiler.Gantilah mengikut kesesuaian anda.
- font-size: 11px adalah ukuran huruf didalam kotak spoiler
- Tutup dan Lihat boleh digantikan dengan perkataan lain
- Isi kode script ,HTML dan teks anda disini dapat digantikan dengan kode script dan teks.Selamat mencuba.
Berkaitan:
