Senin, 28 November 2011

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 :)


Share on Facebook
Share on Twitter
Share on Google+
Tags :

Baca Juga : Cara Mudah Membuat Spoiler Pada Blog



About - Disclaimer - Privacy Policy | Copyright © Kamu Klik