Cara Mudah Membuat Spoiler Pada Blog


Kegunaan spoiler yakni untuk menyembunyikan konten, baik itu gambar, kode2, dan lain2.. 
konten tsb akan terlihat apabila button spoilernya di klik, selain untuk menyembunyikan konten, spoiler juga dapat meringankan loading blog looh..
Contoh Spoiler:



Okelah.. Ini dia kode untuk membuat spoiler:


<div id="spoiler" style="display:none">Konten Spoiler disini
</div>
<button title="
Klik untuk melihat konten" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show</button>

NB :

  • Code yang berwarna Merah pada Script diatas isi dengan konten yang anda ingin sembunyikan.
  • Yang berwarna Biru ubah sesuai dengan selera anda.
  • Yang berwarna Ungu ganti dengan nama botton yang sesuai selera teman-teman.
Selamat Mencoba :)