Pages

Thursday, September 6, 2012

Cara Mudah Membuat SHOW/HIDE gambar pada artikel (spoiler)




Spoiler adalah teknik untuk menyembunyikan seluruh atau sebagian isi dari Content posting, dengan tujuan untuk meminimalis space halaman posting dan mengurangi lamanya waktu loading web/blog, dimana misalnya posting tanpa spoiler loading memakan waktu 45 detik, maka jika dengan Spoiler cukup dengan 30 detik dan mungkin kurang dari itu (tergantung isi content).

Fungsi Spoiler adalah selain untuk menyembunyikan content berupa text dan kode juga boleh sembunyikan gambar dalam ukuran besar serta video. Cara Kerja Spoiler adalah, content yang ditaruh di dalam spoiler hanya boleh dilihat keseluruhnya oleh pembaca apabila buttonnya diklik.
di bawah ini ada beberapa kode pembuatan spoiler yang mungkin dapat menghemat tempat postingan kita baik gambar maupun teks dan juga tidak mengganggu loading web kita

Untuk membuktikannya silahkan Anda klik tombol spoiler di bawah ini:

1.spoiler tampilkan/sembunyikan
Contoh Spoiler 1


2.Spoiler SHOW/HIDE
Contoh Spoiler 2


3.Spoiler OPEN / CLOSE
Contoh Spoiler 3



Tiga kode spoiler di atas hampir sama hanya beda di tampilan saja,nah...gimana simpelkan boleh di coba

Kalau gambarnya kurang jelas di zoom aja
Kalau masih pusing juga ngeliatnya
Kunjungi aja blog nya dibawah ini,

No comments:

Post a Comment