> 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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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