Sama seperti elemen-elemen yang lain, untuk gambar juga cara menambahkannya dengan cara drag dan drop. Untuk elemen gambar ada 3 jenis, yaitu gambar tunggal (picture), galeri gambar (foto gallery), dan slideshow.
Konten Elemen picture, ada di kolom basic.
|
Photo gallery dan slide show ada di kolom multimedia
|
MENAMBAH KONTEN GAMBAR / PICTURE
geser elemen picture ke halaman yang diinginkan.
1. Klik pada 'Click Here To Edit
|
2. Lalu klik pada "click to upload", ambil file yang diinginkan.
|
3. Gambar telah terupload, untuk membuat agar di klik memperbesar, klik icon pertama setelah edit, untuk memberikan link ke luar, klik icon kedua, untuk memberi keterangan klik pada ikon ke 3, untuk menghapus klik icon ke 4.
|
4. lalu pengturan pada panel, replace image untuk mengganti gambar, border untuk mengatur garis batas, border color untuk memberi warna pada garis batas, dan position untuk menentukan posisi kiri tengah atau kanan.
5. Pada tab Advanced, adalah untuk mengatur margin atas, bawah, kiri dan kanan.
|
Menambah gallery foto
Pada elemen photo gallery, beberapa gambar bisa diupload sekaligus. Langsung saja geser elemen photo gallery ke halaman yang diinginkan.
1. Klik pada "click here"
|
2. Klik CTRL + klik gambar-gambar yang ingin dimasukkan
|
3. Gambar yang terpilih telah terupload
|
4. masing-masing gambar, bisa ditambahkan keterangan, link keluar, dan bisa dihapus. Lalu pada Panel ada menu upload untuk menambahkan gambar, pilihan kolom (maksimal 6), spacing (jarang antar gambar). border (untuk mengatur garis batas), dan cropping (untuk memotong gambar agar teratur).
|
Selesai, gallery photo telah dibuat.
MEMBUAT SLIDESHOW GAMBAR
Geser elemen slideshow ke halaman yang diinginkan.
1. pilih slideshow yang diinginkan
|
2. upload foto, untuk sekaligus banyak, klik ctrl + gambar-gambar yang dipilih
|
3. ambil foto yang diinginkan
|
4. pengaturan slideshow, link external, keterangan, dan untuk menghapus, dilakukan disini.
|
5. untuk menambah slide show (add/edit photos), mengatur gaya navigasi (thumbnail/angka), Lokasi navigasi (nav location), efek transisi (transition style), otomatis slide show ketika site dibuka (autoplay)
6. Slideshow telah terbuat.
Selesai semoga berguna. :), untuk melihat hasilnya jangan lupa dipublish.