Pembukaan

Monday, December 19, 2011

Bagaimana cara membuat spoiler?

Hai agan-agan sekalian, kali ini ane mau share info yanng mungkin sedang dicari agan2 semua. Pasti agan2 penasarankan cara membuat spoiler pada blog? Langsung kita liat langkah-langkahnya 

1. Buka Postingan/Entri Baru agan.
2. Masukkan skrip di bawah ini, diletakkan di atas kata/kalimat yang akan disembunyikan
    <div><div style="margin: 5px;">
    <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Spoiler agan</span></i><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>
    <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
    <div style="display: none;">
     

    3. Taruh skrip di bawah ini di bawah kata/kalimat yang agan pingin sembunyiin
    </div></div></div></div>


    Contoh....
    Apabila agan ingin nyembunyiin kata "Jehian Norman Saviero", maka akan menggunakan format menjadi seperti ini.

    <div><div style="margin: 5px;">
    <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Spoiler agan</span></i><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>
    <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
    <div style="display: none;">
     
    Jehian Norman Saviero

    </div></div></div></div>

    Nah ntar hasilnya jdi kyk gini ni..

    Judul Spoiler agan

    Jehian Norman Saviero




    Nah tulisan "Judul Spoiler agan" bisa diganti sesuka agan. Oke, sekian tips dari ane, moga2 bawa manfaat buat agan-agan semua. Terima kasih atas perhatian semuanya.  

    0 Kritik / Saran:

    Post a Comment

    Soal Bahasa Inggris Direktorat di bawah sini (tinggal di klik)

    Silahkan yang mau berhitung

    osu! Top 20 Players 2010