Cara Menyematkan Postingan Instagram di Website, Tutorial Mudah dan Gaya

Instagram adalah salah satu platform sosial media yang paling populer di dunia. Banyak orang dan brand yang menggunakan Instagram sebagai alat untuk berinteraksi dengan audiens mereka, berbagi konten visual, serta membangun brand awareness. Nah, kalau kamu punya website atau blog, pasti pengen dong bisa menampilkan postingan Instagram langsung di situsmu? Tenang, di artikel ini, kita bakal bahas secara lengkap dan detail cara menyematkan (embed) postingan Instagram di website. Gak perlu pusing, ikuti aja langkah-langkahnya!

Apa Itu Menyematkan Postingan Instagram?

Sebelum masuk ke tutorial, kita perlu tahu dulu apa itu menyematkan postingan Instagram. Menyematkan (atau embed) postingan Instagram di website berarti kamu menampilkan konten yang ada di Instagram langsung di halaman web kamu. Misalnya, foto atau video yang ada di Instagram bisa muncul di website kamu dengan tampilan yang interaktif, di mana pengunjung tetap bisa like, comment, atau melihat lebih banyak postingan dari akun Instagram tersebut.

Hal ini sangat berguna kalau kamu pengen meningkatkan engagement antara website dan akun Instagram, atau mungkin kamu pengen menampilkan konten dari Instagram secara langsung di blog atau portfolio website kamu.

Kenapa Harus Menyematkan Postingan Instagram di Website?

Menyematkan postingan Instagram ke website memiliki beberapa keuntungan yang cukup keren:

1. Interaktivitas: Pengunjung website bisa berinteraksi langsung dengan postingan Instagram, misalnya dengan memberi like atau komentar tanpa harus meninggalkan website.

2. Branding: Kalau kamu punya bisnis atau brand, menampilkan postingan Instagram di website bisa membantu memperkuat brand awareness. Pengunjung bisa melihat sisi lain dari brandmu yang lebih personal melalui konten Instagram.

3. Meningkatkan Traffic: Dengan menyematkan Instagram di website, kamu juga bisa meningkatkan traffic ke akun Instagram kamu. Pengunjung yang tertarik dengan konten Instagram yang disematkan bisa langsung mengklik akun Instagram kamu untuk melihat lebih banyak konten.

4. Mudah Dilakukan: Proses untuk menyematkan postingan Instagram itu mudah banget. Kamu gak perlu jadi ahli web development buat melakukannya.

Langkah-Langkah Menyematkan Postingan Instagram di Website

Berikut adalah cara mudah untuk menyematkan postingan Instagram di website. Kita bakal bahas langkah-langkah yang sederhana, jadi siapin saja post Instagram yang ingin kamu sematkan, dan mari mulai!

Langkah 1: Pilih Postingan Instagram yang Ingin Disematkan

Langkah pertama tentu saja memilih postingan Instagram yang ingin kamu tampilkan di website. Bisa berupa foto atau video yang sudah kamu upload di akun Instagrammu.

1. Buka aplikasi Instagram di ponsel atau situs web Instagram di desktop.
2. Cari postingan yang ingin kamu sematkan.
3. Klik pada tiga titik di bagian kanan atas postingan (lebih banyak opsi).
4. Pilih opsi "Copy Link" (Salin Tautan). Link ini yang nanti akan kamu sematkan di website.

Langkah 2: Gunakan Fitur Embed dari Instagram

Instagram menyediakan fitur embed secara langsung, jadi kamu gak perlu ribet mencari kode-kode HTML sendiri. Berikut cara menggunakan fitur embed:

1. Buka Postingan Instagram di Desktop: Buka postingan yang ingin disematkan menggunakan browser (lebih mudah di desktop). Instagram di aplikasi mobile gak punya opsi embed, jadi kita harus menggunakan versi web di desktop.

2. Klik Tiga Titik: Setelah postingan terbuka, klik ikon tiga titik di bagian atas kanan postingan.

3. Pilih Embed: Pilih opsi "Embed" dari menu dropdown yang muncul.

4. Salin Kode Embed: Setelah itu, akan muncul pop-up dengan kode embed. Kamu tinggal klik tombol "Copy Embed Code" untuk menyalin kode HTML yang sudah disediakan oleh Instagram.

Langkah 3: Tempelkan Kode Embed di Website

Sekarang kode embed sudah ada di clipboard kamu, saatnya untuk menempelkannya di website. Prosesnya sedikit berbeda tergantung platform atau CMS (Content Management System) yang kamu pakai, seperti WordPress, Blogger, atau platform website lainnya. Di sini kita akan bahas cara menambahkan kode embed di beberapa platform populer.

Di WordPress:

1. Masuk ke dashboard WordPress kamu.
2. Pilih Post atau Page tempat kamu ingin menambahkan postingan Instagram.
3. Beralih ke editor HTML dengan memilih tab "Text" (bukan Visual).
4. Tempelkan kode embed yang sudah kamu salin tadi ke dalam editor.
5. Klik "Update" atau "Publish" untuk menyimpan perubahan.

Di Blogger:

1. Masuk ke akun Blogger dan pilih blog yang ingin kamu edit.
2. Buka postingan atau halaman yang ingin kamu edit.
3. Klik tombol "HTML" di editor postingan.
4. Tempelkan kode embed di tempat yang diinginkan.
5. Klik "Publish" atau "Update" untuk menyimpan perubahan.

Di Website HTML Kustom:

Jika kamu menggunakan website dengan kode HTML kustom (misalnya membuat situs sendiri), cukup buka file HTML dan tempelkan kode embed yang sudah kamu salin ke dalam bagian yang sesuai di kode HTML kamu. Misalnya, di dalam tag <body>, paste kode embed yang tadi di dalam tag <div> atau tag lainnya sesuai kebutuhan.

Langkah 4: Sesuaikan Tampilan (Opsional)

Jika kamu ingin membuat tampilan postingan Instagram di website lebih menarik atau menyesuaikan ukuran postingan agar pas dengan layout website, kamu bisa menambahkan sedikit CSS (Cascading Style Sheets). Misalnya, untuk mengatur lebar tampilan postingan, kamu bisa menambahkan kode CSS berikut:

.instagram-embed {
   width: 100%;
   max-width: 600px;
   margin: 0 auto;
}

CSS ini akan membuat postingan Instagram kamu responsive dan menyesuaikan lebar dengan layar pengunjung website.

Langkah 5: Simpan dan Cek Hasilnya

Setelah selesai menempelkan kode embed dan menyesuaikan tampilan (jika perlu), simpan perubahan dan cek hasilnya di website. Kalau semuanya berjalan lancar, postingan Instagram kamu akan muncul dengan interaktif, dan pengunjung website bisa langsung berinteraksi dengan postingan tersebut.

Tips Tambahan

• Jangan Sematkan Terlalu Banyak Postingan: Walaupun menyematkan Instagram di website itu keren, jangan terlalu banyak menambahkan postingan Instagram sekaligus. Hal ini bisa membuat website jadi lambat untuk dimuat.

• Perhatikan Hak Cipta: Pastikan kamu hanya menyematkan postingan yang memiliki hak cipta atau yang kamu miliki izin untuk menggunakan. Jangan sembarangan mengambil konten dari orang lain tanpa izin.

• Pastikan Akun Instagrammu Terbuka: Untuk dapat disematkan, akun Instagram yang digunakan harus bersifat publik. Jika akunmu private, pengunjung website tidak akan bisa melihat postingan yang disematkan.

Kesimpulanya

Menyematkan postingan Instagram di website itu gak cuma mudah, tapi juga bisa meningkatkan interaksi dan membantu pengunjung website lebih dekat dengan konten media sosial kamu. Dengan menggunakan langkah-langkah di atas, kamu bisa memperkaya website dengan konten dari Instagram dan memberikan pengalaman yang lebih interaktif kepada pengunjung. Jangan lupa untuk selalu cek hasilnya, dan pastikan konten Instagrammu sesuai dengan gaya dan brand yang kamu bangun. So, langsung coba aja deh!