> 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/social-media-icon.md).

# Social Media Icon

Social Media Icon adalah salah satu komponen di Tribeliopage yang berfungsi untuk menambahkan akun sosial media kamu di dalam sebuah icon.

## Tutorial

![Social Media Button Component](/files/D8WIOvzqypGNQMPWXlVE)

1. Buat Landing Page atau Edit Landing Page yang telah kamu buat
2. Klik "**Add Component**" di bagian Landing Page Builder
3. Pilih menu "**General**"
4. Klik "**Social Media Icon**"
5. Untuk menambahkan icon, klik "**Add Icon**"
6. Kamu bisa pilih akun sosial media yang mau dibagikan dengan klik "**Social Media Type**"
7. Masukkan akun sosial media kamu pada form yang tersedia.
8. Kamu bisa menambahkan icon sosial media kembali, dengan klik menu "**Add Icon**"
9. Jika kamu mau menghapus icon sosial media, kamu bisa klik "**Delete**"

## Social Media Button Setting

1. Untuk menambahkan Background Color, klik menu "**Setting"** lalu pilih warna untuk Button kamu
2. Kamu bisa pilih style icon dengan pilihan "**Original**", "**Filled**", dan "**Outline**"
3. Jika kamu memilih style **Filled** dan **Outline**, kamu bisa memilih warna icon di form yang tersedia.
4. Gunakan "**Padding Top dan Bottom**" untuk mengatur jarak di bagian atas dan bawah Background