Cara Mudah Membuat Spoiler Di Blogspot

Cara Mudah Membuat Spoiler Di Blogspot

Diposkan oleh @priliano'S Doni di Jumat, Agustus 19, 2011 | Jumat, 19 Agustus 2011 |2 komentar

Cara Mudah Membuat Spoiler Di Blogspot. Spoiler dibuat dengan menggunakan javascript button. Sedangkan untuk menyembunyikannnya digunakan properti CSS display, dalam hal ini, "display:none;". Fungsinya ada banyak sekali, diantaranya untuk memperpendek teks atau gambar yang sangat besar/panjang dan memakan space halaman atau untuk menyembunyikan kejutan bagi pengunjung. Pada posting blog, spoiler dapat digunakan untuk memperpendek panjang halaman sementara sebelum di-klik oleh pengunjung, sehingga tampak simple.

 Langsung saja akan saya contohkan bagaimana Cara Mudah Membuat Spoiler Di Blogspot . Dibawah ini ada tombol spoiler yang berisikan script yang digunakan untuk membuat spoiler,silahkan di klik dan lihat scriptnya .

<div id="spoiler" style="display:none"> 
Konten Yang Disembunyikan
</div> 
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Buka/Tutup</button>

Cara memasukannya pastikan anda berada di mode " Edit HTML " jangan di mode  "Compose". Jika Sobat memasukkan codenya di mode "Compose" Maka tidak akan ada manfaatnya alias sia-sia . 


Nah untuk script yang berwarna merah tinggal disesuaikan dengan artikel atau gambar atau apapun juga yang akan sobat ringkas . Demikian dan semoga bermanfaat . Selamat mencoba Cara Mudah Membuat Spoiler Di Blogspot