Spoiler itu adalah sebuah cara yang dipakai untuk menyembunyikan suatu link atau kumpulan link, kumpulan teks, gambar, seluruh atau sebagian isi dari postingan blog dan lain-lain dengan menggunakan kombinasi kode html dan javascript. Tujuannya adalah untuk menghemat space atau ruang dalam suatu postingan atau sidebar. Keuntungan lain menggunakan Spoiler adalah bisa mengurangi waktu loading, maksudnya adalah, jika kita menggunakan spoiler pada gambar, maka blog kita tidak akan terkena beban loading yang bisa memberatkan. Spoiler juga bisa digunakan untuk menyembunyikan video agar loadingnya tidak berat.
INI CONTOH DARI SPOILER
INI SCRIPT CODENYA
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></i><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...
</div></div></div></div>
PERHATIAN: ISI SPOILER BISA DIGANTI DENGAN ALAMAT FOTO/ GAMBAR KAMU/ANDA/SAUDARA/SAUDARI SENDIRI ATAU BISA JUGA MENGGANTINYA DENGAN TULISAN.
Related Post:
- Buat, Pasang, "ICONS SOCIAL BOKMARKING" ke dalam artikel
- Buat, Pasang, Desain "RELATED POST" + "Scrolling"
- "ALERT" pesan Penutup
- "ALERT" penyambut pengunjung
- Buat, Pasang, Desain "SEARcH ENGINE"
- Membuat widget dengan RAPI "alias enak dipandang"
- Buat, Pasang, Desain "Tab View" kayak di blog ini
- Buat, Pasang, Desain "Recent Coments" di blogger
- Pasang "EMOTION" Monyet pada Komentar
- Cara Bikin atau merubah kata Posting lama menjadi icon
- Tukeran Link dan Banner (disini tempatnya)
- Daftar, Buat, Pasang "SITEMETER" (jumlah pengunjung diblog kita)
- Cara Menyembunyikan Buku Tamu (Shoutmix) Mudah
- Buat, Pasang, Desain "READMORE"
2 komentar:
Thank's ya sob,... ijin copi scriptnya
uda ane coba ,.. berhasilll :g: :g: :g:
Posting Komentar
Blog ini telah ber-status Do-Follow, jadi banyak-banyak kamu ber-komentar ya