# Mengubah Warna Background

![](/files/-LnvhpEZgZRHQ-2Fbjvs)

Header adalah bagian atas pada halaman website, yang biasanya mencakup logo website, icon search, icon keranjang belanja, dan juga menu-menu seperti Home, Products, dst (seperti yang ditunjukkan oleh tanda panah pada gambar).\
Anda bisa mengubah warna background pada header website tersebut dengan 2 cara, yg pertama adalah warna biasa ( 1 warna ), dan yang kedua adalah membuat gradasi warna.

Caranya adalah sebagai berikut:

**A. MENGUBAH WARNA BIASA PADA BACKGROUND HEADER.**

1. Masuk ke menu **Journal > Dashboard > Settings > Header > General >**  klik **General.**

Pada menu **Header Background,** klik tanda panah kebawah untuk mengubah warna background.

![](/files/-Lnvj0he1BGwDuLKu1A8)

2\. Pilih warna sesuai keinginan Anda.

3\. Jika sudah, klik **Save** (di pojok kanan atas).

**B. MEMBUAT WARNA GRADASI**

1. Pada menu **Header Background,** klik **Edit** untuk menambah gambar background.

![](/files/-LnvjG8Qb4QPiuGfY3TZ)

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

![](/files/-LnzgE0F9rymOdOtX3qP)

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

![](/files/-LnzguthsU0ZYq87Mi6Q)

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).

Jika ingin membuat gradasi 3 warna, Anda bisa kunjungi website <https://cssgradient.io/>.

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.**

![](/files/-LnziUH-9ITq3hwsY9m3)

3\. Jika sudah, klik **OK.**

&#x34;**.** Lalu klik **Save.**


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.oceanesia.com/tutorial-1/manual-book-v-1-0/tampilan-website/header/mengubah-warna-background.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.