Membuat Spoiler pada Blog atau Web Pribadi

Pernah dengar kata "spoiler" ?? Tunggu, jangan salah sangka dulu, karena memang artinya bisa bermacam-macam, bisa spoiler pada mobil, bisa spoiler pada berita atau juga spoiler pada forum. Yup, kali ini kita sedikit membahas tentangspoiler yang biasa kita temukan di dalam forum.

Sebenarnya spoiler bukan hanya dapat dipakai dalam forum saja, tapi dalam blog atau situs pribadi pun bisa digunakan tetapi menggunakan suatu script khusus. Sebenarnya spoiler cukup berguna, karena memiliki fungsi menyembunyikan gambar/teks/video dll untuk menghemat space.

Cara yang ingin saya beritahu adalah membuat spoiler untuk blog yang support HTML/PHP, biasanya ditemukan pada Blogspot (Blogger) dan Wordpress.

Langsung sajalah, disini saya akan memberikan salah satu contoh spoiler yang bisa digunakan.

Contoh Spoiler

Bisa berisi teks, Gambar atau Video

Nah, cara membuatnya silahkan copykan kode dibawah ini :

Kode Spoiler

Selain berisi teks, spoiler juga bisa berisi gambar atau photo. Caranya sama seperti di atas, tetapi pada bagian spoilernya diganti kode url dari image yang sudah Anda upload. contoh penulisan kode :

Kode Spoiler

hasil jadinya :

Contoh Gambar

Catatan :

• 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. Jangan lupa sesuaikan ukurannya, biasanya lebarnya tidak lebih dari 10cm.


• Jika spoiler berisi video, ganti 'isi spoiler' dengan embed kode video.

Nah, mudah kan ?? Tinggal mengcopy code HTMLnya saja, lalu edit sedikit, mungkin bagi yang belum biasa memang cukup sulit dan sedikit repot, tapi jika sudah biasa tentu tampilan web/blog kita akan terlihat lebih rapih dan tak terlalu panjang :D

Source Code