oceanesia
  • About
  • Features
  • Features
    • Aplikasi Android
    • Blog Wordpress
    • Cek Mutasi Bank
    • Comodo SSL
    • Copyright Footer
    • Custom Group Product
    • Custom Landing Page
    • Custom Poin
    • Custom Sistem
    • Customization teks notif WA
    • Design Banner
    • Design Logo
    • Diskon Pengiriman
    • Dropship Sistem
    • Facebook Login
    • Facebook Pixel & Catalog
    • Fitur design produk kaos, topi, totebag, mug, dll
    • Fitur image per varian produk
    • Google Login
    • Grup Member/ Reseller System
    • Integrasi data stok dan penjualan ke Marketplace By Jubelio
    • Konten Proteksi
    • Lacak Resi
    • Notif User Access
    • Pembayaran Gopay, Ovo, Dana
    • Pilihan Kurir
    • Random Kode Unik
    • Share & Get Discount
    • Toko Cash (Cashback)
    • Voucher dan Kupon
    • WhatsApp Notif Order
    • Whois Domain Protection
    • Auto Konfirmasi dan Cek Mutasi By Moota
    • Integrasi POS dari Dealpos
    • Asuransi Pengiriman
  • Changelog
    • Changelogs
  • Tutorial
    • Manual Book V 1.0
      • Pengenalan Halaman Dashboard
      • Masuk Halaman Admin
      • Panduan Awal Update Data Toko Online
      • Pengaturan Detail Website
      • Ganti Password Admin
      • Informasi Peraturan dan Kebijakan Website
      • Cara Mengaktifkan SEO
      • Update Logo dan Icon
      • Setting Ukuran Banner Utama
      • TAMPILAN WEBSITE
        • Top Bar
          • Mengubah Warna Background pada Top Bar
          • Font Top Bar
          • Update Header Notice
        • Header
          • Setting Dropdown Menu
            • Membuat Mega Menu
            • Membuat Tampilan Multi Level (Dropdown Standar)
          • Setting Urutan Menu
          • Mengubah Warna Background
          • Menambahkan Gambar Background
          • Ubah Font pada Main Menu
          • Update Menu pada Main Menu
          • Mengaktifkan Sticky Header
        • Body Website
          • Mengubah Warna Background
          • Menambahkan Gambar Background
          • Mengubah Font Global
        • Footer
          • Mengubah Warna Background
          • Menambahkan Gambar Background
          • Update Menu Footer
          • Update Informasi di Link Footer
          • Update Informasi Toko
          • Update Company Map
          • Update Sosial Media
          • Update Logo Payment
          • Edit Copyright
        • Tampilan Produk
          • List Produk
            • Ubah Font pada Nama Produk
            • Ubah Background pada Foto Produk
            • Membuat Kelompok List Produk
            • Update Label Produk
          • Halaman Produk/Product Page
            • Mengubah Tampilan pada Halaman Produk
            • Menambahkan Produk Terkait
            • Tombol Add To Cart
            • Zoom Foto Produk
      • Update Rekening Pembayaran
      • Mengaktifkan Pembayaran Paypal
      • Cara Upload Produk (Video)
      • Cara Upload Produk (Teks)
      • Fitur Opsi Pada Produk
      • Fitur Atribut (Spesifikasi Produk)
      • Setting Harga Discount dan Khusus
      • Menentukan Kategori Produk
      • Menampilkan Produk Terkait (Related Products)
      • Cara Menyembunyikan Harga Produk
      • Cara Menyembunyikan Tampilan Jumlah Produk Yang Tersedia dan Terjual
      • Update Label "Out of Stock" atau "Sold Out" Pada Produk
      • Menambahkan/Menghilangkan Sistem PreOrder Produk
      • Setting Poin Pelanggan
        • Setting Poin Untuk Pembelian Produk
        • Add Reward Points Pelanggan
        • Input Nilai Poin Pelanggan
        • Cara Menggunakan Poin (Untuk Pelanggan)
      • Fitur Ulasan/Rating Produk
      • Fitur Kupon
      • Fitur Voucher Hadiah
      • Update Ukuran Foto Produk
      • Fitur Unduhan
      • Fitur Export - Import
      • Fitur Lacak Resi
      • Update Pop-Up Newsletter
      • Update Newsletter di Bottom Page
      • Mengaktifkan Chat Sosial Media
      • Mengaktifkan Chat Tawk.to
      • Fitur WA Notif pada Status Pesanan
      • Fitur Pelanggan
      • Grup Pelanggan
      • Kolom Custom Pelanggan
      • Pemrosesan Order Customer
        • Simulasi Proses Order
        • Cetak Faktur Invoice
      • Opsi Pengiriman Untuk Order Customer
      • Update Blog Posts Pada Website
        • Membuat Posting
        • Approve Komentar Pada Blog
        • Menonaktifkan Blog Post
      • Mengaktifkan Google Maps
        • Mengaktifkan Google Maps Versi Button/Tombol
        • Mengaktifkan Google Maps Versi Page
      • Setting Widget Instagram
      • Update Link Sosial Media Pada Side Web
        • Link Twitter
        • Link Facebook Page
        • Link Instagram
        • Link Google Maps
      • Update Lookbook / Gallery Photo
      • Setting Diskon Pengiriman
      • Input Customer Order
      • Mengaktifkan Modul Kalkulasi Harga Berdasarkan Ukuran
      • Cara Menggunakan Fitur Lacak Resi
    • Informasi Tambahan
      • Fitur Afiliasi
        • Pendahuluan
        • Setting Komisi Afiliasi
        • Memunculkan Link Afiliasi
      • Fitur Marketing Tracking
      • Batas Pengiriman Email pada ZohoMail
      • Cara Menambahkan Akun ZohoMail
      • Batas Pengiriman Email pada GSuite
      • Cara Mendaftar GSuite
      • Setting Email GSuite
        • Informasi Tambahan Gsuite
      • Cara Mengintegrasikan Akun Midtrans ke Website
      • Tips Compress File Image
      • Mengaktifkan Google Analytics
      • Cara Mengaktifkan Google reCAPTCHA pada Website
      • Cara Mendapatkan ID dan Secret Key FB Login
      • Menambahkan Watermark pada Foto Produk
    • Setting Template
      • Amora
        • Update Banner Utama Slider
        • Update 2 Banner
      • Amrita
        • Update Banner Utama
        • Update Banner di Tengah Halaman
      • Blanco
        • Update Banner Utama
        • Update Banner Product Categories
        • Update Gambar dan Teks Testimonial
        • Update Informasi CMS Blocks
      • Cakes
        • Update Banner Utama
        • Update Mini Banner Home
        • Update Informasi CMS Block
        • Update Row Brand
        • Update Gambar Background Template
      • Caroline
        • Update Banner Utama
        • Update Gambar Mini Banner Tengah
      • Colby
        • Update Banner Utama
        • Update Mini Banner Tengah
        • Update Mini Banner Bawah
        • Update Produk Trending
      • Elliana
        • Update Banner Utama
        • Update Mini Banner Tengah
        • Update Mini Banner Bawah
        • Update Banner Category Product
        • Update Gambar dan Teks Testimonial
        • Update Row Brand
      • Foodlove
        • Update Banner Utama
        • Update 3 Gambar Pada Mini Banner Atas
        • Update Big Banner (di Tengah Website)
        • Update Informasi CMS Blocks
      • Furnix
        • Update Banner Utama
        • Update Mini Banner Atas
        • Update Gambar dan Teks Testimonial
        • Update Row Brand
      • Gabang
        • Update Banner Utama
        • Update Top 3 Mini Banner
        • Update Middle Grid Revolution Banner
        • Update Bottom Mini Banner
        • Update Gambar dan Teks Testimonial
      • Giga-Shop
        • Update Banner Utama
        • Update Mini Banner Home
        • Update Mini Banner Left Page
        • Membuat Flyout Menu
          • Flyout Menu Tipe 1
          • Flyout Menu Tipe 2
          • Flyout Menu Tipe 3
          • Flyout Menu Tipe 4
        • Update Gambar dan Teks Testimonial
        • Update Row Brand
      • Kidloves
        • Update Banner Utama
        • Update Informasi CMS Blocks
        • Update Mini Banner
        • Update Row Brand
      • Maddox
        • Update Banner Utama
        • Update Banner Kategori
        • Update Row Brand
        • Update Gambar dan Teks Testimonial
      • Marviza
        • Update Banner Utama
        • Update Banner Kategori
      • Madelyn
        • Update Banner Utama
        • Update Mini Banner
        • Update Mini Slider Left page
        • Update Modul Type pada Slider Carousel
      • Max-Theme
        • Update Banner Utama
        • Update Informasi CMS Blocks
        • Update Teks Banner
        • Update Mini Banner
        • Update Gambar dan Teks Testimonial
      • Nero
        • Update Banner Utama
        • Update Gambar dan Teks Testimonial
        • Update Informasi CMS Blocks
      • Savana
        • Update Banner Utama
        • Update Mini Banner
        • Update Informasi CMS Blocks
        • Update Gambar dan Teks Testimonial
      • Vanesa
        • Update Banner Utama
        • Update Informasi CMS Blocks
        • Update Accordion
    • Android
      • Yang Harus Disiapkan Untuk Membuat Aplikasi Android
  • Troubleshooting
    • TROUBLESHOOTING
      • Checkout Lemot
      • Tombol Like FB yang Error
      • Mengatasi Status Order Yang Selalu Cancel
Powered by GitBook
On this page

Was this helpful?

  1. Tutorial
  2. Manual Book V 1.0
  3. TAMPILAN WEBSITE
  4. Footer

Mengubah Warna Background

PreviousFooterNextMenambahkan Gambar Background

Last updated 5 years ago

Was this helpful?

Footer website adalah bagian website yang paling bawah, yang biasanya terdiri dari informasi jam buka toko, kontak yang bisa dihubungi, dan informasi yang bisa diklik terlebih dahulu oleh visitor dan customer (seperti yang terlihat pada gambar diatas).

Anda bisa mengubah warna background footer tsb, dengan 2 cara, yg pertama adalah mengubah warna biasa (1 warna) dan yg kedua yaitu membuat gradasi warna. Caranya adalah sbb:

A. MENGUBAH WARNA BIASA ( 1 WARNA ).

  1. Masuk ke menu Journal > Dashboard > Settings > Footer > klik General.

  2. Klik tanda panah kebawah pada menu Fullwidth Background.

3. Pilih warna yg diinginkan.

4. Klik Save (di pojok kanan atas).

B. MEMBUAT WARNA GRADASI

  1. Klik Edit pada menu Body Background.

2. Lalu klik ON pada menu Use Gradient seperti dibawah.

Jika sudah di setting menjadi ON, maka tampilannya akan seperti ini.

3. Silahkan Anda klik Sample Generators: Gradient 1 atau Gradasi 2, maka nanti akan redirect ke link untuk membuat gradasi warna, Anda bisa pilih warna sesuka hati untuk dibuat gradasi (membuat gradasi 2 warna).

4. Jika Anda sudah membuat gradasi warna pada link tersebut, selanjutnya Anda bisa klik Get CSS untuk mendapatkan kode CSS nya.

5. Copy kode CSS tsb, kemudian paste di kolom yg tersedia di menu Use Gradient.

3. Jika sudah, klik OK.

4. Lalu klik Save.

Jika ingin membuat gradasi 3 warna, Anda bisa kunjungi website .

https://cssgradient.io/