Selamat datang pembaca....
Pembaca sudah pada tahukan apa itu spoiler?
Setelah kemarin saya bahas tentang cara membuat blogroll sekarang saya bahas spoiler...
Jika pembaca udah tahu silahkan tutup saja blog ini or diback aja ke halaman sebelumnya.. hehehe....
tapi, kalau belum tahu.. saya akan menjelaskan pengertian Spoiler menurut bahasa saya sendiri.
Spoiler adalah sebuah fungsi untuk menyembunyikan dan menampilkan sebuah posting berupa gambar, script, text, dan kawan-kawannyaJelas?
langsung saja.... bentuknya seperti ini
Contoh Spoiler:
Caranya mudah
- Silahkan pembaca menulis entri (artikel) seperti biasa di artikel editor pada blog.
- Ubah dari model Compose ke model HTML
- copy pastekan kode berikut
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = Buka; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">Letakkan teks atau apapun di sini<br>
</div>
</div>
</div> - Ubah lagi ke Compose
- Selesai tinggal posting saja artikelnya nanti juga sudah jadi spoilernya.
Ubah tulisan yang berwarna merah sesuai keinginan pembaca.
Untuk width bisa dirubah ke auto jika ingin lebar spoiler sama dengan lebar postingan
Bagaimana? mudahkan?
bagi yang ingin membaca tentang cara membuat blogroll yang simpel bisa baca disini.....
Selamat mencoba semoga bermanfaat....

0 komentar:
Posting Komentar