Membuat Spoiler Pada Posting Blog

By | Juni 28, 2012
 Jika pembaca udah tahu silahkan tutup saja blog ini or diback aja ke halaman sebelumnya Membuat spoiler pada posting blog
Berlatih menciptakan blogroll

Selamat tiba pembaca….

Pembaca sudah pada tahukan apa itu spoiler?
Setelah kemarin aku bahas perihal cara menciptakan blogroll sekarang aku bahas spoiler…

Jika pembaca udah tahu silahkan tutup saja blog ini or diback aja ke halaman sebelumnya.. hehehe….

  1. tapi, kalau belum tahu.. aku akan menjelaskan pengertian Spoiler berdasarkan bahasa aku sendiri.

Spoiler yakni sebuah fungsi untuk menyembunyikan dan menampilkan sebuah posting berupa gambar, script, text, dan kawan-kawannya

Jelas?

eksklusif saja…. bentuknya menyerupai ini

Contoh Spoiler:

My Mini Banner

Nah kini cara menciptakan spoilernya :
Caranya mudah 

  1. Silahkan pembaca menulis entri (artikel) menyerupai biasa di artikel editor pada blog.
  2. Ubah dari model Compose ke model HTML
  3. copy pastekan isyarat 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>

  4. Ubah lagi ke Compose
  5. Selesai tinggal posting saja artikelnya nanti juga sudah jadi spoilernya.

======Keterangan======
Ubah tulisan yang berwarna merah sesuai cita-cita pembaca.
Untuk width bisa dirubah ke auto jika ingin lebar spoiler sama dengan lebar postingan

Bagaimana? mudahkan?

bagi yang ingin membaca perihal cara menciptakan blogroll yang simpel dapat baca disini…..
Selamat mencoba agar bermanfaat….

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *