Cara Membuat Spoiler di Web Blog

Salam jumpa kembali dengan Artikelibnuhamdun.blogspot.co.id kali ini saya akan membagikan cara cepat membuat Spoiler di web atau di blog, lalu bagaimana arti Spoiler itu sendiri ? baca terus artikel ini agar blog anda tampil cantik.

Sebetulnya kata Spoiler sudah tidak asing lagi di klangan para blogger mastah-mastah, akan tetapi ini mungkin sangat berarti bagi para blogger newbie seperti saya, karena memang bahasan tentang spoiler ini sudah banyak sekali di bagikan oleh para mastah blogger.

Mungkin saya tidak akan panjang lebar lagi tentang kata pengantar ini. langsung saja ... Berikut ini cara paling mudah dalam membuat banyak Spoiler. Umumnya spoiler berada di dalam post artikel untuk membuat artikel menjadi lebih rapih. Adapun pengertian Spoiler sendiri merupakan koding button yang berguna untuk menyembunyikan Gambar, Video, Music Player, dan lainnya. Karena dengan adanya Spoiler akan memberikan manfaat untuk mempercepat loading suatu halaman dikarenakan gambar, video, musik yang berada di dalam spoiler tidak ikut terkena load. Namu load terjadi saat anda menekan tombol spoiler tersebut, nah itu adalah salah satu manfaat dari Spoiler. sekarang udah ngerti yah...

Ini adalah beberapa coding Spoiler 

Coding Spoiler

<button onclick="if(document.getElementById('spoiler1') .style.display=='none') {document.getElementById('spoiler1') .style.display=''}else{document.getElementById('spoiler1') .style.display='none'}" type="button">Open/Closed</button>
<div style="border: 0.5px solid rgb(238, 238, 238); padding: 0px;"></div>
<div id="spoiler1" style="border: 1px solid rgb(238, 238, 238); display: none; padding: 10px;">Konten di dalam Spoiler. Gambar, Video, Code, dll..</div>

Informasi

1. spoiler1 : merupakan identitas spoiler, dapat dirubah menjadi nama apapun dan terpenting harus sama disatu bagian spoiler. Jika namanya OPEN maka semua yang berwarna merah "spoiler1" diganti menjadi OPEN. Bila ingin memasukan lebih dari 1 spoiler, maka tambahkan saja namanya menjadi OPEN1, OPEN2 dan seterusnya di setiap keseluruhan koding spoiler.
2. Isi Kontent : anda dapat menggantinya dengan gambar, video, kalimat, coding, dan lainnya yang dibutuhkan di dalam spoiler.
3. Open/Closed : ganti sesuai dengan keinginan anda.

Hasil Spoiler 1

Konten di dalam Spoiler. Gambar, Video, Code, dll..

Contoh 2 Spoiler

Sekian tutorial singkat mengenai Cara Membuat Spoiler di Web Blog yang dapat anda gunakan di dalam halaman website blog. Tunggu berbagai tutorial lainnya yang pastinya akan sangat bermanfaat untuk mengembangkan website atau blog anda. Semoga Arikel singkat ini bermanfaat bagi para Blogger Newbie Seperti saya, dan tunggu Update artikel selanjutnya mengenai Seo