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.
Picture
Konten Elemen picture, ada di kolom basic.
Picture
Photo gallery dan slide show ada di kolom multimedia
MENAMBAH KONTEN GAMBAR / PICTURE
geser elemen picture ke halaman yang diinginkan.
Picture
1. Klik pada 'Click Here To Edit
Picture
2. Lalu klik pada "click to upload", ambil file yang diinginkan.
Picture
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.
Picture
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.
Picture
1. Klik pada "click here"
Picture
2. Klik CTRL + klik gambar-gambar yang ingin dimasukkan
Picture
3. Gambar yang terpilih telah terupload
Picture
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.
Picture
1. pilih slideshow yang diinginkan
Picture
2. upload foto, untuk sekaligus banyak, klik ctrl + gambar-gambar yang dipilih
Picture
3. ambil foto yang diinginkan
Picture
4. pengaturan slideshow, link external, keterangan, dan untuk menghapus, dilakukan disini.
Picture
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)
Picture
6. Slideshow telah terbuat.
Selesai semoga berguna. :), untuk melihat hasilnya jangan lupa dipublish.
 


Comments


Comments are closed.
    Assalamualaikum wr wb
    Brother & Sister
    Keep ^_^ Smile :)

    Artikel Terbaru

    Komentar