Cara Membuat Spoiler di Postingan Blog
Spoiler adalah sebuah fitur dalam blog fungsi utamanya adalah menyembunyikan teks, kode, kalimat atau gambar. Fungsi nya mirip dengan text area yaitu menghemat halaman posting agar tidak terlalu memanjang ke bawah. Saya yakin sobat sudah sering melihat di forum-forum bentuk sebuah spoiler, yaitu jika kita mengklik misalnya "show" atau "hide" atau "close" maka kita bisa melihat gambar / tulisan yang tersembunyi namun bisa dimunculkan.
Spoiler sering kali dipasang pada sebuah halaman posting, namun ada juga yang memasukkan nya ke dalam sidebar atau footer untuk menyembunyikan widget tertentu. Pada tutorial ini kita akan ikuti cara membuat spoiler dengan isi tulisan dan spoiler dengan isi gambar di posting blogspot.
A. Membuat spoiler dengan isi teks
Klik Show
Berikut kode spoiler di atas:
Keterangan;
- Klik show bisa sobat ganti termasuk Show
- Sedangkan kalimat "Satu Klik = Satu Ilmu" adalah isi dari spoiler dengan teks dan bisa diganti semau anda.
B. Memasang spoiler dengan isi image atau gambar
Spoiler :
Perhatikan cara memasang kode url gambar. Ganti http://www.freeimagehosting.net/newuploads/p6bds.jpg dengan alamat gambar sobat sendiri yang sudah dihost misalnya milik saya ini di freeimagehosting.net.
Bagaimana cara memasangnya di posting blog? Saat menulis artikel masuk ke menu HTML bukan compose (lihat kiri atas) kemudian masukkan kode-kode diatas.
Nah bagaimana Sobat blogger. Ternyata cukup mudah bukan membuat spoiler di postingan blog. Silakan dicoba.
Show
0 Comments
prev
next
