Cara membuat spoiler pada blog

Disaat kita mengunjung blog sahabat, terkadang seringkali kita mendapati beberapa artikel yang dalam pembuatannya menggunakan spoiler untuk mengemas content ataupun kalimat tertentu, terlihat indah dan lebih bervariasi tentunya. Meskipun saling berbagi tahu, telah banyak sahabat sahabat blogger yang memang master dalam urusan tutorial blog membeberkan tentang bagaimana cara membuat spoiler pada blog, namun tidak ada salahnya juga jika pada kesempatan ini kita akan saling berbagi tentang cara membuat spoiler.

Untuk membuat spoiler yang nantinya bisa kita tempatkan sebagai pelengkap sebuah postingan maupun sebagai pengemas widget yang akan kita tempatkan pada sidebar template kita, bisa dilakukan dengan copy paste kode yang ada dibawah ini.

Klik BUKA untuk copy kode :
<div><div style="margin-bottom: 2px;"><i><b>Judul spoiler :</b></i><input value="BUKA" style="margin: 0px; padding: 0px; width: 80px; font-size: 13px ;text-align:center;text-decoration:blink;text-transform:uppercase" 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 style="border: 1px double ; margin: 0px; padding: 0px;"><div style="display: none;">MASUKKAN KODE ATAU TEKS ANDA DISINI</div></div></div>

Untuk Judul spoiler, bisa dirubah sesuai dengan keinginan kita sendiri, begitu juga dengan tulisan BUKA dan TUTUP, bisa diganti dengan show / hide, tergantung pada keinginan kita masing masing, demikianlah cara membuat spoiler pada blog, semoga bermanfaat, mohon maaf bilamana ada kekurangan, terimakasih dan salam hangat.

Komentar

  1. keren sob, nice share

    BalasHapus
  2. dengan spoiler akan lebih memperingan loading blog

    BalasHapus
  3. makasih tutorialnya sangat bermnafaat

    BalasHapus
  4. makasih untuk tips cara membuat spoiler-nya

    BalasHapus

Posting Komentar

Agar ter-index oleh mbah google, alangkah lebih baik anda gunakan Alamat Blog/Website anda, jangan lupa juga untuk klik sponsor yang ada di blog ini, siapa tau bermanfaat buat anda,terimakasih.