cara buat spoiler

Anda yang biasa nongkrong di forum mungkin sudah tak asing lagi dengan spoiler. Yaitu teknik menyembunyikan gambar/teks/video dll untuk menghemat space. Spoiler ternyata bisa juga diterapkan di blog. Cara membuat spoiler di postingan blog (baik berbasis blogger/blogspot maupun wordpress) sangat mudah.
Tapi sebelum menginjak ke tutorialnya, yang saya ketahui setidaknya ada dua model spoiler.
1.

contoh




isi spoiler


2.


isi spoiler


Cara membuatnya:

Untuk model 1:

Judul

isi spoiler

Ket:
- Ganti kata yang tercetak merah sesuai kebutuhan.
- Jika spoiler berisi gambar, anda upload dulu dengan blogspot atau pengupload macam photobucket, tinypic, dll, lalu ganti 'isi spoiler' dengan kode HTML gambar yang sudah diupload.
- Jika spoiler berisi video, ganti 'isi spoiler' dengan embed kode video.

Contoh: kita mau bikin spoiler berisi foto Mbak Aura kasih yang cantik itu. Misalnya diupload dengan tinypic dan kode HTML-nya seperti ini:


Maka, kode selengkapnya di spoiler:

Aura Kasih

Dan, hasilnya seperti ini:

Aura Kasih



Image and video hosting by TinyPic


Ket: Jika gambar terlalu besar, sebelum diupload kecilkan dulu size-nya dengan photoshop. Usahakan lebarnya tak lebih dari 10 cm.
___________

Wah, capek juga. Sebentar, saya tak minum dulu. Drinks SmileysSlruppp. Oke, mari kita lanjutkan.

Sedangkan untuk model 2, tekniknya agak berbeda:

isi spoiler

Ket:
- jika spoiler berisi gambar, ganti 'isi spoiler' dengan URL gambar yang sudah diupload.
- jika spoiler berisi video, ganti 'isi spoiler' dengan embed code video.

Nah, kalau untuk blog berbasis wordpress caranya gini:

teks/HTML gambar/embed video yang disembunyikan