728x90 AdSpace

  • Latest News

    Cara Buat Spoiler | tutup buka pada Artikel

    Cara Buat SpoilerCara Buat Spoiler | tutup buka pada Artikel
    Apa Itu Spoiler?, Spoiler yakni untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar.
    Spoiler ini bisa sobat letakkan di postingan, mungkin sobat gunakan untuk meletakkan kode script yang panjang. Atau bisa juga meletakkan di sidebar, header atau footer blog.
    Contoh seperti ini
    Spoiler:
    CONTOH
    Cara Buat Spoiller seperti Ini:
    Silahkan Letakkan Kode Berikut Pada Artikel yang ingin di Pasangkan Spoiler :
    <div style="margin: 5px 20px 20px;">
    <div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
    </div>
    <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
    <div style="display: none;">

    Letakkan kode script, HTML, gambar atau teks anda disini

    <br>
    </div>
    </div>
    </div>
    Keterangan :

    1. Untuk tulisan Open dan Close bisa sobat ganti sesuai keinginan.
    2. Width : 55px untuk lebar spoiler.
    3. Font-size: 11px untuk besar tulisan pada kotak spoiler.
    4. Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan sobat.
    Selamat Mencoba
    • Blogger Comments
    • Facebook Comments
    Item Reviewed: Cara Buat Spoiler | tutup buka pada Artikel Rating: 5 Reviewed By: rhapy shulton
    Scroll to Top