Cara membuat spoiler diblog
Spoiler digunakan untuk menyembunyikan dan menampilkan semua/sebagian kontent post kita. biasanya spoiler digunakan di forum-forum. fungsi dari spoiler yaitu menyembunyikan konten post yang ingin disembunyikan dan bila ada konten apapun yang sizenya terlalu besar tidak ditampilkan sebelum mengklik tombol show. nah sobat mengerti kan? untuk membuat spoiler langkahnya mudah. copy script dibawah ini.
<div><div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 (bisa Gambar, teks, video, script dll) </div></div></div></div>
<div class="bigfont" style="margin-bottom: 2px;"><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 (bisa Gambar, teks, video, script dll) </div></div></div></div>
Keterang:
- Ganti tulisan merah dengan isi spoiler. (script, gambar, teks dll)
- Tulisan berwarna Hijau bisa diganti dengan Buka/see atau yang lainnya
- Tulisan Biru bisa diganti dengan tutup
Contoh hasil:
Selamat mencoba :)
Categories
:
tutorial blog
|
Komentar
:
7
makasi gan atas infonya... ane coba dulu...
ReplyDelete@iklan murah efektif berkualitas indonesia silahkan sob :), makasih udh berkunjung
ReplyDeleteInformasi yg sangat bagus nih, ijin copy sobat hehehe... ntr kapan2 mau di praktekin ah ... :D
ReplyDelete@EKA IKHSANUDIN silahkan, copas juga gpp :) tpi jgn lp cantumin link sumbernya ya,thx udh berkunjung :D
ReplyDeletesob,..bisa diatur lebarnya nggak....?,spoilernya
ReplyDelete@Zulham-9179 kalau tombolnya bisa, tpi klo ukuran dibawahnya saya cri caranya dlu ya,thx udh berkunjung :)
ReplyDeleteThis comment has been removed by the author.
ReplyDelete