> For the complete documentation index, see [llms.txt](https://help.tribeliopage.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.tribeliopage.com/page-builder/banner.md).

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