Mengelola Tampilan Halaman Utama : Layout Utama & Warna

Video Tutorial Mengelola Tampilan Halaman Utama : Layout Utama & Warna


Panduan Tertulis Mengelola Tampilan Halaman Utama : Layout Utama & Warna

Pengaturan Tampilan Halaman Utama adalah pengelolaan dalam menentukan tampilan halaman depan website Anda, seperti background website, tema warna website Anda, tipe layout website Anda, dan lain sebagainya. Sehingga Anda dapat mengkreasikan tampilan website sesuai keinginan Anda. Pada bagian ini, Anda dapat mengatur layout utama dan tema warna yang akan mendominasi tampilan website secara keseluruhan.

Pilih Menu Pengaturan >  klik Tampilan Halaman Utama

layout&warna.png

Pengaturan Tampilan Halaman Utama

 

1. Mengatur Layout Utama dan Warna

Untuk mengatur layout utama dan warna pada website Anda, klik ikonlayout.png "Pengaturan Tampilan > Pilih "Layout Utama & Warna"

peng.tampilan.png

Pengaturan Tampilan

 

Maka muncul form pengaturan layout utama & warna sebagai berikut :

layout&warna2.png

Form Pengaturan Layout Utama & Warna

  • Tipe Layout 

1. Full : tampilan website akan memenuhi layar dari ujung kanan sampai ujung kiri

2. Box : tampilan website tidak memenuhi layar, terdapat jarak kosong pada sebelah kanan dan kiri

 

box.png

Tipe Layout Box 

 

  full.png

                                                                                                    Tipe Layout Full

 

  • Warna Tema, Pilih warna tema yang Anda gunakan sebagai warna identitas dari travel Anda
  • Warna Background, Pilih warna background website Anda

warna.png

Contoh Pengaturan Warna Pada Website

Warna Tema pada gambar adalah warna biru tua, sedangkan warna background pada gambar adalah warna biru muda )

 

  • Gambar Background, klik "Choose File" untuk mengunggah gambar yang akan Anda jadikan sebagai gambar background website Anda
  • Posisi Background, atur penempatan gambar background  

A.

1. Repeat Scroll : Gambar yang Anda jadikan sebagai background akan dilipatgandakan dan gambar background akan ikut bergerak saatpengunjung website Anda menaikkan atau menurunkan halaman website 

2. Repeat Fixed : Gambar yang Anda jadikan sebagai background akan dilipatgandakan dan gambar background tidak ikut bergerak saat pengunjung website Anda menaikkan atau menurunkan halaman website

3. Fill Scroll : Gambar yang Anda jadikan sebagai background akan memenuhi background website dari atas sampai bagian bawah website dan gambar background akan ikut bergerak saat pengunjung website Anda menaikkan atau menurunkan halaman website

4. Fill Fixed : Gambar yang Anda jadikan sebagai background akan akan memenuhi background website dari atas sampai bagian bawah website dan gambar background tidak ikut bergerak saat pengunjung website Anda menaikkan atau menurunkan halaman website

 

repeat.png

Contoh Tampilan Gambar Background Menggunakan Pengaturan Posisi "Repeat"

 

 

fill.png

Contoh Tampilan Gambar Background Menggunakan Pengaturan Posisi "Fill"

B.

1. Left Top

2. Left Center

3. Left Bottom

4. Right Top

5. Right Center

6. Right Bottom

7. Center Top

8. Center Center

9. Center Bottom

Materi Data Master & Pengaturan Administrasi Lainnya
Twit Terbaru
Facebook Erahajj
messenger icon
messenger icon Chat Dengan Kami