Monday, June 28, 2010

Membuat Spoiler di Blogger

Bagaimana cara membuat spoiler? Apa itu spoiler. Dalam media dan internet, beberan atau spoiler adalah tulisan atau keterangan mengenai suatu cerita, yang membeberkan jalan cerita tersebut. Membaca beberan dari suatu cerita dapat menyebabkan berkurangnya kesenangan membaca cerita itu, karena kesenangan membaca sebuah cerita biasanya tergantung kepada dramatisasi atau ketegangan yang ditimbulkan oleh cerita tersebut. Biasanya dalam media massa maupun internet, beberan disembunyikan dengan cara tertentu, sehingga hanya terbaca oleh yang ingin melihat beberan tersebut.(wikipedia).

Sharing pengetahuan sedikit, gak banyak-banyak takut gak habis nanti...hehehe, langsung aja contohnya


Spoiler [contoh] :

Script membuat Spoiler :

Spoiler [script] :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler <em>[Judul yang miring]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>
Selamat Mencoba......

10 comments:

  1. ngeletakin scriptnya itu dimana sob?

    maklum lemot, jdi loadingnya lama. xixixi...

    dijwab ya sob :)

    ReplyDelete
  2. @Indri :
    letakin aja di dalam posting, tapi jangan lupa pindahkan tab compose ke edit HTML...setalah itu copy paste script, ganti [judul spoiler] sesuai dengan judul dan [ISI SPOILER] sesuai isi, tanda [] gak usah dipakai tapi kalo mau pake terserah....

    ReplyDelete
  3. thanks kawan, aku coba di blog cadangan ya :)

    ReplyDelete
  4. makasih kerna berbagi sob...

    ReplyDelete
  5. kalo yang gambar itu gimana ya?
    url gambar atau <img src=... gt?
    hehe

    ReplyDelete
  6. muataps gan....link balik..link ente dah ane pasang di blog ane...salam blogger

    ReplyDelete
  7. bro, kalo mo masukin hotlink gambar ato video gimana caranya , saya kok nggak bisa sih?

    ReplyDelete
  8. @Nhrsm & Adi :
    kalo mau input gambar/video bisa di uplod dl videonya, trus tinggal sisipkan kode/script diatas, ingat script gmbar/video letakkin di [ISI SPOILER].
    Semoga membantu

    ReplyDelete

Silahkan berkomentar, mohon tidak meninggalkan LINK didalam komentar. Terima kasih