Cara Membuat Spoiler di Postingan Blog

Cara Membuat Spoiler (AutoHide) di Blog. Berhubung ada sahabat blogger yang bertanya bagaimana Cara Membuat Spoiler di Blog seperti dalam postingan blog, maka kali ini saya akan mensharenya. Spoiler atau AutoHide sering kita jumpai jika sobat sering berkunjung di situs2 forum seperti kaskus yang membuat AutoHide untuk memaksimalkan ruang postingan jika terdapat tulisan, foto, link yang banyak demi menghemat tempat. Atau biasanya ada juga blogger yang jail dengan bermaksud untuk membuat pembaca menjadi penasaran akan isinya. Cara Membuat Spoiler di Postingan Blog sendiri sangat mudah sekali. Yang perlu kita lakukan hanya memasang kode script pada postingan yang ingin dipasang AutoHide. Dari pada penasaran baiknya kita langsung praktekan saja dibawah ini, sebelumnya berikut contoh Spoiler (Buka Tutup) yang saya terapkan pada beberapa tulisan di blog ini :
Berikut caranya :
  1. Seperti biasa Login ke akunnya masing2
  2. Buat Entri Baru/New Post = Membuat postingan
  3. Jika sudah, pada menu Entri, Pilih mode penulisan HTML (Bukan Compose) jika ingin menerapkan Spoiler/AutoHide. Jika dipasang pada Mode Compose maka tidak akan berfungsi code scriptnya.
  4. Lalu copas Script dibawah ini pada postingan yang akan dipasang autohide5. Kita dapat merubah Judul Spoiler, Buka, Tutup dengan bahasa kita masing2, dan Letakkan Teks, gambar, video, kode2 script, atau link yang ingin dimasukkan didalam Spoiler

<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 kode script (gambar atau video), link di sini <br>
</div>
</div>
</div>

Publikasikan ! dan lihat hasilnya

    Tags: sharing tutorial

    Posting Terkait "Cara Membuat Spoiler di Postingan Blog"

    Cara Mudah Cegah Penyakit Pancaroba Saat Pergantian Musim
    Ladies, panas dalam tak boleh dibiarkan saja.
    Obat Tulang Keropos
    Cara Yang Ampuh Untuk Mengobati Tulang Keropos
    Cara Mengobati pembengkakan pada testis
    Mengalami pembengkakan pada testis? Buah kemaluan anda
    Obat untuk membersihkan rahim karena keguguran
    Mengalami keguguran? Bingung cara membersihkan rahim bagaimana?
    1. author

      Piot Amy4 tahun agoBalas

      Komentar ini telah dihapus oleh administrator blog.

    2. author

      Leony Li4 tahun agoBalas

      bisa hemat postingan ya mas 🙂

    Tinggalkan pesan "Cara Membuat Spoiler di Postingan Blog"