Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Spoiler Buka Tutup Langsung di HTML Postingan Blog

membuat spoiler

di wikipedia spoiler diartikan bahasa indonesia sebagai beberan. Biasanya dalam media massa maupun Internet, beberan disembunyikan dengan cara tertentu, sehingga hanya terbaca oleh yang ingin melihat beberan tersebut.

spoiler. ya kedengaran nya lebih famous daripada beberan, spoiler di belakang mobil untuk mengatur downforce di kecepan tinggi, atau spoiler disayap pesawat yang menghambat laju pesawat ketika landing. jika mobil dan  pesawat punya spoilernya masing masing. maka blog juga punya spoiler dengan pengertian dan penggunaaan yang berbeda

#Penggunaan Spoiler Di Penulisan Blog

Di Blogger spoiler digunakan sebagai opsi menyembunyikan seluruh atau sebagian isi dari postingan sehingga muncul ketika pengunjung menginginkannya saja. spoiler dapat menyembunyikan text , gambar ataupun skript sehingga mampu menghemat space posting, spoiler biasanya ditemukan pada website ataupun forum diskusi yang memiliki banyak pengunjung kaskus.

jika pernah berkunjung di kaskus maka kita akan sering jumpai spoiler di tread tulisan diskusi. tidak semua pengunjung ingin membaca secara keseluruhan tulisan yang diposting, bagi sebagian orang hanya perlu membaca di bagian yang dianggapnya penting saja. tidaklah salah author menyediakan semua informasi yang berkaitan dengan isi postingan secara mendetail dan terperinci, dengan anggapan mungkin akan ada yang membaca semuanya secara keseluruhan.

isi postingan yang panjang tentunya membutuhkan banyak space atau tempat, belum lagi jika web / blog yang memiliki banyak pengunjung serta menyediakan forum diskusi dan komentar, spoiler merupakan salah satu solusi untuk meringkas postingan selain itu juga spoiler dapat di buka dan ditutup ketika di klik sesuai kehendak.

namun pada perkembangannya, spoiler juga digunakan pada bidang pendidikan seperti memunculkan dan menyembunyikan penjelasan dari pertanyaan (tanya jawab), untuk melihat kunci jawaban yang benar pada pilihan ganda (buka tutup untuk kunci jawaban pilihan ganda yang benar), contoh pada postingan berikut ini https://www.mandandi.com/2020/05/soal-skb-pendidikan-guru-20.html

#Cara Membuat Spoiler Langsung di HTML Postingan Blog

beberapa cara yang bisa digunakan untuk membuat spoiler di postingan blog : menggunakan javascript, menggunakan css tanpa javascript.  tapi pada postingan ini Cara Membuat Spoiler Langsung di HTML Post Blog tanpa menggunakan css, wajar jadi tampilan nya jadi sederhana seprti berikut ini



Membuat Spoiler Langsung di HTML Postingan Blog dalam pemasangan sangat mudah karena langsung disisipkan  pada html post blog, namun jika menginginkan estetika yang lebih maka ada baiknya mencoba membuat spoiler dengan css

berikut adalah langkah langkah sederhana Membuat Spoiler Langsung di HTML Postingan Blog

1. masuk ke blogger
2. klik post
3. pilih new post



4. sisipkan kode dibawah ini di HTML ( bukan compose ) ketika ingin membuat konten yang disembunyikan di postingan blog

<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Click to show/hide content" type="button">Lihat spoiler</button>
<br />
<div id="spoiler" style="display: none;">
ISI SPOILER YANG HENDAK DISEMBUNYIKAN
</div>

5. publish

demikianlah cara Membuat Spoiler Langsung di HTML Postingan Blog, semoga bermanfaat

Posting Komentar untuk "Cara Membuat Spoiler Buka Tutup Langsung di HTML Postingan Blog"

data-ad-format="auto">
data-ad-format="auto">

Berlangganan via Email