> For the complete documentation index, see [llms.txt](https://docs.uniplay.id/uniplay-reseller/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.uniplay.id/uniplay-reseller/kustomisasi/cara-tambah-gambar-slider-di-website.md).

# Cara Tambah Gambar Slider di Website

Slider adalah fitur di mana Kamu bisa memasang sebuah banner pada halaman depan website untuk menampilkan suatu informasi.

### Cara Menambahkan Gambar Slider

Untuk menambahkan slider pada website, Kamu bisa ikuti langkah-langkahnya berikut ini:

* Mula-mula, silahkan login ke dalam panel Reseller UniPlay terlebih dahulu.

<figure><img src="https://1874653917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBdb7F5mB8IZ5UpsV6W55%2Fuploads%2F8k1Mbg88kAbKfpCTYDsg%2FLogin%20ke%20Panel%20Reseller.jpg?alt=media&amp;token=8294bd03-c635-459f-b2c1-aef95eaf9f18" alt=""><figcaption></figcaption></figure>

* Selanjutnya, silahkan klik menu **Kustomisasi** dan pilih sub menu **Slider** yang ada di bagian kiri Panel Reseller.

<figure><img src="https://1874653917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBdb7F5mB8IZ5UpsV6W55%2Fuploads%2FSSv02JntqDZYQ9vtGloT%2FMasuk%20ke%20Menu%20Slider.jpg?alt=media&amp;token=8e4ad3e7-3636-46a0-936a-b281e12b6abe" alt=""><figcaption></figcaption></figure>

* Kemudian silahkan klik tombol “**Tambah Slide**”.

<figure><img src="https://1874653917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBdb7F5mB8IZ5UpsV6W55%2Fuploads%2FqHW2Pyt8FRP6HPUUJ0cI%2FKlik%20Tambah%20Slide.jpg?alt=media&amp;token=32e66acb-1aa5-4c8f-9e82-1786f0b4dde9" alt=""><figcaption></figcaption></figure>

* Masukkan **Nama Slider**, target **URL/link** jika ingin menautkan ke link lain, dan juga **Banner** dengan ukuran 860 x 310 pixel dan maksimum berukuran 1 MB.

<figure><img src="https://1874653917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBdb7F5mB8IZ5UpsV6W55%2Fuploads%2FA3u02GGk3yLQB7eofh5e%2FIsi%20Slider.jpg?alt=media&amp;token=6aad9bec-6d48-4497-9a3d-48422bb94197" alt=""><figcaption></figcaption></figure>

* Jika sudah diisi semua, klik tombol **Simpan**.

<figure><img src="https://1874653917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBdb7F5mB8IZ5UpsV6W55%2Fuploads%2FQ30sgUw6sHa5AdwLqEub%2FKlik%20Simpan.jpg?alt=media&amp;token=4cdd0ff1-ecd9-4807-b163-f36ea7647c8c" alt=""><figcaption></figcaption></figure>

* Kamu bisa menambahkan maksimal 5 Banner Slider.

<figure><img src="https://1874653917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBdb7F5mB8IZ5UpsV6W55%2Fuploads%2FWkLvEWSNBGXiTLTGf4x5%2FTambahkan%20Hingga%205%20Slider.jpg?alt=media&amp;token=5b985a66-1e47-498f-8b31-8b417a1b85dc" alt=""><figcaption></figcaption></figure>

* Jika sudah menambahkan Banner, silahkan checklist kotak ini untuk menampilkan Slider di halaman depan website.

<figure><img src="https://1874653917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBdb7F5mB8IZ5UpsV6W55%2Fuploads%2FqQJenXRjPtW9eRnSmHKo%2FChecklist.jpg?alt=media&amp;token=b8538a2b-1330-4b49-b26d-f28292405535" alt=""><figcaption></figcaption></figure>

### Cara Menghapus Gambar Slider

Untuk menghapus banner Slider, Kamu bisa ikuti langkah-langkahnya berikut ini:

* Mula-mula, silahkan login ke dalam panel Reseller UniPlay terlebih dahulu.

<figure><img src="https://1874653917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBdb7F5mB8IZ5UpsV6W55%2Fuploads%2F8k1Mbg88kAbKfpCTYDsg%2FLogin%20ke%20Panel%20Reseller.jpg?alt=media&amp;token=8294bd03-c635-459f-b2c1-aef95eaf9f18" alt=""><figcaption></figcaption></figure>

* Selanjutnya, silahkan klik menu **Kustomisasi** dan pilih sub menu **Slider** yang ada di bagian kiri Panel Reseller.

<figure><img src="https://1874653917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBdb7F5mB8IZ5UpsV6W55%2Fuploads%2FSSv02JntqDZYQ9vtGloT%2FMasuk%20ke%20Menu%20Slider.jpg?alt=media&amp;token=8e4ad3e7-3636-46a0-936a-b281e12b6abe" alt=""><figcaption></figcaption></figure>

* Pada Slider yang ingin dihapus, silahkan klik icon **Hapus**.

<figure><img src="https://1874653917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBdb7F5mB8IZ5UpsV6W55%2Fuploads%2FPFouvnRmfRLzUB4TOFnk%2FKlik%20Icon%20Hapus.jpg?alt=media&amp;token=d993fc54-50bd-4551-8d71-f507ab47db22" alt=""><figcaption></figcaption></figure>

* Akan muncul pop up untuk konfirmasi penghapusan Slider. Jika sudah yakin, klik tombol **Hapus**.&#x20;

<figure><img src="https://1874653917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBdb7F5mB8IZ5UpsV6W55%2Fuploads%2FakjRZfoBOjkRTDIB6TIj%2FKonfirmasi%20Hapus%20Slider.jpg?alt=media&amp;token=50cea5c9-797e-4495-9d7a-3b2381df4749" alt=""><figcaption></figcaption></figure>

* Maka otomatis Slider berhasil kamu hapus.