# Banner

Banner adalah salah satu komponen di Tribeliopage yang berfungsi sebagai tempat untuk Image, Button, dan Text yang berada di satu komponen.

## Tutorial

![Banner Component](/files/5X3WRffpqIypC87Us3Jf)

1. Buat Landing Page atau Edit Landing Page yang telah kamu buat
2. Klik "**Add Component**" di bagian Landing Page Builder
3. Pilih menu "**Other**"
4. Klik "**Banner**"
5. Klik "**Upload Image or GIF**" untuk menambahkan Image atau GIF pada Banner  
6. Isi "**Title**" untuk mengubah judul Banner. Lihat cara pengaturannya di menu [Text](/page-builder/text.md)
7. Isi "**Description**" untuk menambahkan deskripsi pada Banner
8. Jika kamu mau menambahkan Button pada Banner, Klik "**Show Button**". Kamu bisa menambahkan **Button Text**, dan **URL** pada button

## Banner Settings

1. Untuk menambahkan Background Color, klik menu '**Setting**", aktifkan "**Background Color**" dan pilih warna untuk background Banner kamu
2. Atur **Image Opacity, Image Height,** dan **Image Width**
3. Gunakan "**Padding Top dan Bottom**" untuk mengatur jarak di bagian atas dan bawah Background
4. Gunakan "**Title Color**" untuk mengubah warna teks pada Judul Banner
5. Gunakan "**Title Font**" untuk mengubah jenis font pada Judul Banner
6. Gunakan "**Description Color**" untuk mengubah warna teks deskripsi pada Banner
7. Gunakan "**Description Font**" untuk mengubah jenis font deskripsi pada Banner
8. Gunakan "**Button Color**" untuk mengubah warna Button
9. Gunakan "**Button Text Color**" untuk mengubah warna teks pada Button
10. Jika kamu ingin menghapus semua pengaturan Banner yang telah kamu buat, klik tombol "**Reset**" yang berada di bagian bawah layar.


---

# 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://help.tribeliopage.com/page-builder/banner.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.