Cara Embed Foto Instagram Responsive di Blog

label
Cara Embed Foto Instagram Responsive di Blog
Cara Embed Foto Instagram Responsive di Blog - Instagram saat ini dikenal sebagai situs atau aplikasi berbagi foto paling populer di dunia. Disana kita bisa upload foto diri, pemandangan atau hal lainnya. Sebagai Blogger, terkadang kita perlu sedikit kreatif dan variatif dalam memberikan informasi kepada pembaca. Dimana tak jarang seorang blogger menulis artikel tanpa gambar, alias penuh dengan tulisan. Saya berani jamin pembaca akan malas membaca, kecuali si pembaca benar-benar butuh informasi tersebut.

Di Blogger sendiri sudah tersedia fitur upload foto, dan dengan itu kita bisa menyematkan gambar di setiap artikel yang ditulis dengan tujuan supaya artikel jadi lebih menarik. Namun kadangkala informasi yang ditulis membutuhkan foto yang secara eksklusif hanya ada di Instagram. Misalnya, foto dan video yang sedang tren, Skip Challenge.

Nah, untuk menampilkan/embed foto di instagram sangatlah mudah. Karena Instagram sendiri sudah menyediakan fitur embed untuk blog. Namun fitur embed bawaan Instagram belum cukup responsive untuk pengguna mobile, sehingga saya akan memberikan dua langkah berbeda yang bisa kamu terapkan.

Cara Embed Foto Instagram di Blog

  1. Buka Instagram dan klik pada foto yang ingin di-embed. 
  2. Kemudian klik tanda di pojok kanan bawah, lalu klik Embed.
    Cara Embed Foto Instagram Responsive di Blog
  3. Setelah itu Instagram akan menampilkan kode embed dari foto tersebut.
  4. Jika kamu ingin menampilkan caption-nya juga, centang pada Include Caption. Begitupun sebaliknya.
  5. Terakhir, klik Copy Embed Code.
    Cara Embed Foto Instagram Responsive di Blog
Setelah itu kamu tinggal paste-kan ke editor postingan, jangan lupa di mode HTML. Hasilnya akan seperti dibawah ini.
A post shared by norman reedus (@bigbaldhead) on

Cara Embed Foto Instagram di Blog Dengan Iframely

Nah, berbeda dengan fitur bawaan instagram yang kurang responsive di versi mobile, melalui Iframely kamu bisa mendapatkan kode embed responsive dari foto yang diinginkan. Langsung saja diikuti langkah-langkahnya.
  1. Pertama, masuk ke situs Iframely.
  2. Kemudian copy link dari foto instagram yang diinginkan.
    Cara Embed Foto Instagram Responsive di Blog
  3. Lalu paste-kan ke dalam kolom yang disediakan Iframely dan klik Embed It.
    Cara Embed Foto Instagram Responsive di Blog
  4. Setelah itu tunggu beberapa saat hingga muncul kode embed-nya.
  5. Terakhir, klik Copy Code.
    Cara Embed Foto Instagram Responsive di Blog
Hasilnya dengan langkah yang pertama mungkin terlihat sama, namun akan berbeda bagi pengguna mobile. Hasil embed melalui Iframely akan menjadi seperti ini.
A post shared by norman reedus (@bigbaldhead) on
loading...
Share This :

Related Post

avatar

Mantap informasinya sangat membantu sekali.di coba bang..

delete 20/3/17
avatar

mana yang responsive gan, keren abis, bisa dicoba nih

delete 20/3/17
avatar

makasih infonya yaa

delete 20/3/17
avatar
Bartolomeong person

Silahkan mbak :)

delete 21/3/17
avatar
Bartolomeong person

Sebenernya sama-sama responsive. Cuman yg kedua lebih bisa menyesuaikan sama layar pengguna mobile . kira-kira begitu hihi

delete 21/3/17
avatar
Bartolomeong person

Siaaap mbak :-d

delete 21/3/17
avatar

Makasih banyak. Infonya manfaat banget :)

delete 21/5/17



sentiment_satisfied Emoticon