Sematkan Foto Instagram atau Video ke dalam Situs Web

01 06

Sematkan Foto Instagram atau Video ke dalam Situs Web

Justin Sullivan / Getty Images News

Pernah ingin berbagi foto Instagram tertentu (atau beberapa dari mereka) di situs web Anda, tetapi merasa frustrasi karena Anda harus menyimpan foto itu ke komputer Anda dan mengunggahnya ke situs Anda?

Instagram sekarang memiliki fitur embed yang dapat Anda gunakan untuk menyisipkan foto atau video dengan mudah ke dalam HTML situs web atau blog Anda, dan Anda tidak perlu menjadi perancang web untuk mencari tahu cara melakukannya.

Klik langkah-langkah berikut untuk melihat bagaimana Anda dapat dengan mudah menanamkan foto atau video Instagram di situs web Anda hanya dalam beberapa menit.

02 06

Temukan Foto Instagram atau Halaman Video yang Anda Ingin Tanam

Screenshot dari Instagram.com/AboutDotCom

Langkah pertama untuk menanamkan foto atau video Instagram dengan benar adalah dengan mengakses halaman foto / video Instagram resmi yang ingin Anda tampilkan di situs web Anda. Ini berarti bahwa URL harus seperti: instagram.com/p/xxxxxxxxxx/ .

Untuk contoh ini, kami akan menggunakan pengambilan foto dari akun Instagram About.com resmi, tetapi Anda dapat menggunakan foto Instagram (atau video) apa pun yang Anda inginkan.

Daripada mengklik kanan mouse Anda dan memilih "Save As" atau mengambil screenshot gambar, Anda hanya akan mencari tiga titik abu-abu kecil di sudut kanan bawah kotak gambar, di bawah deskripsi dan komentar.

03 06

Pilih opsi 'Embed'

Screenshot dari Instagram.com/AboutDotCom

Klik tiga titik abu-abu kecil dan Anda akan melihat dua opsi muncul. Salah satunya adalah "Laporkan tidak pantas" dan yang lainnya adalah "Sematkan."

Klik "Sematkan."

04 06

Salin Kode Sematan

Screenshot dari Instagram.com/AboutDotCom

Setelah Anda mengklik "Embed," sebuah kotak akan muncul di tengah layar Anda menampilkan string kode.

Anda tidak perlu tahu bagaimana cara kerja kode itu atau apa artinya untuk menyematkan foto atau video ke dalam situs Anda.

Cukup klik tombol "Copy Embed Code" hijau untuk secara otomatis menyalin seluruh string kode.

Kami selesai dengan halaman Instagram sekarang.

Selanjutnya, Anda dapat melanjutkan ke situs web atau blog Anda.

05 06

Tempelkan Kode Sematan Instagram ke dalam HTML Situs Web Anda

Screenshot dari HTML ditempelkan ke WordPress

Terserah Anda untuk mengakses area admin atau dasbor situs web atau platform blog mana saja yang Anda gunakan, dan temukan area yang tepat untuk memasukkan kode.

Misalnya, jika situs Anda berjalan di WordPress , Anda hanya perlu mengakses posting atau halaman yang dapat diedit dalam mode “Teks” (bukan mode Visual), klik kanan di editor, dan pilih “Tempel” untuk memasukkan kode yang disalin ke dalam kotak.

Simpan, pusatkan jika Anda suka, terbitkan, dan selesai.

06 06

Lihat Halaman Anda dan Foto Instagram Tertanam

Screenshot dari Instagram tertanam di situs WordPress

Lihatlah halaman yang dipublikasikan secara online untuk melihat foto atau video Instagram baru yang disematkan dengan rapi ke dalamnya.

Anda harus dapat melihat foto dengan tautan ke nama pengguna Instagram di bagian atas serta jumlah suka dan komentar di bawahnya.

Jika itu adalah video, bukan foto, pengunjung ke situs web Anda akan dapat memutar video di sana di situs Anda.

Tentu saja, jika tidak ada yang muncul di situs Anda, Anda mungkin telah menempelkan kode di tempat yang salah atau mungkin tidak menyalin rangkaian kode lengkap.

Lihat artikel bantuan WordPress HTML hebat ini jika Anda mengalami masalah.