I-embed ang Instagram na Mga Larawan o Mga Video sa isang Website

01 ng 06

I-embed ang Instagram na Mga Larawan o Mga Video sa isang Website

Justin Sullivan / Getty Images News

Kailanman nais na magbahagi ng isang partikular na Instagram na larawan (o ilan sa mga ito) sa iyong website, ngunit nabigo na kailangan mong i-save ang larawan sa iyong computer at i-upload ito sa iyong site?

Ang Instagram ay mayroon na ngayong tampok na naka-embed na maaari mong gamitin upang madaling ipasok ang mga larawan o video sa HTML ng iyong website o blog, at hindi mo kailangang maging isang web designer upang malaman kung paano ito gawin.

Mag-click sa sumusunod na mga hakbang upang makita kung paano mo madaling i-embed ang anumang Instagram na larawan o video sa iyong website sa loob lamang ng ilang minuto.

02 ng 06

Hanapin ang Instagram na Larawan o Pahina ng Video na Gusto mong I-embed

Screenshot ng Instagram.com/AboutDotCom

Ang unang hakbang upang mag-embed nang maayos ang isang Instagram na larawan o video ay upang ma-access ang opisyal na pahina ng Instagram na larawan / video na iyong hinahanap upang ipakita sa iyong website. Nangangahulugan ito na ang URL ay dapat na isang bagay tulad ng: instagram.com/p/xxxxxxxxxx/ .

Para sa halimbawang ito, gagamitin namin ang pagkuha ng larawan mula sa opisyal na Instagram account About.com, ngunit maaari mong gamitin ang anumang Instagram na larawan (o video) na gusto mo.

Sa halip na i-right click ang iyong mouse at piliin ang "I-save Bilang" o kumukuha ng isang screenshot ng imahe, tatanggalin mo lamang ang tatlong maliit na kulay-abo na tuldok sa ibabang kanang sulok ng kahon ng imahe, sa ilalim ng paglalarawan at mga komento.

03 ng 06

Piliin ang 'I-embed' na Pagpipilian

Screenshot ng Instagram.com/AboutDotCom

I-click ang tatlong maliit na kulay-abo tuldok at dapat mong makita ang dalawang mga pagpipilian na pop up. Ang isa ay "Iulat ang hindi nararapat" at ang isa ay "I-embed."

Mag-click sa "I-embed."

04 ng 06

Kopyahin ang I-embed na Code

Screenshot ng Instagram.com/AboutDotCom

Sa sandaling na-click mo ang "I-embed," isang pop up ang pop up sa gitna ng iyong screen na nagpapakita ng isang string ng code.

Hindi mo kailangang malaman kung paano gumagana ang alinman sa code na iyon o kung ano ang ibig sabihin nito upang maayos na i-embed ang larawan o video sa iyong site.

I-click lamang ang pindutan ng green "Kopyahin ang I-embed na Code" upang awtomatikong kopyahin ang buong string ng code.

Tapos na kami sa pahina ng Instagram ngayon.

Susunod, maaari kang lumipat sa iyong website o blog.

05 ng 06

I-paste ang Instagram I-embed ang Code sa HTML ng Iyong Website

Screenshot ng HTML na nailagay sa WordPress

Nasa iyo para ma-access ang lugar ng admin o dashboard ng alinmang website o blogging platform na iyong ginagamit, at hanapin ang tamang lugar upang ipasok ang code.

Halimbawa, kung ang iyong site ay tumatakbo sa WordPress , kailangan mo lamang i-access ang iyong nai-post na post o pahina sa mode na "Teksto" (sa halip na Visual mode), mag-right click sa editor, at piliin ang "I-paste" upang ilagay ang iyong kopyang naka-embed na code sa ang kahon.

I-save ito, i-center ito kung gusto mo, i-publish ito at tapos ka na.

06 ng 06

Tingnan ang Iyong Pahina at Naka-embed na Instagram na Larawan

Screenshot ng Instagram na naka-embed sa WordPress site

Tingnan ang na-publish na pahina sa online upang makita ang bagong Instagram na larawan o video nang maayos na naka-embed sa tungo dito.

Dapat mong makita ang larawan gamit ang link sa pangalan ng Instagram user sa tuktok pati na rin ang bilang ng mga gusto at komento sa ilalim nito.

Kung ito ay isang video sa halip ng isang larawan, ang mga bisita sa iyong website ay makakapaglaro ng video doon mismo sa iyong site.

Siyempre, kung walang nagpapakita sa iyong site, maaari mong ilagay ang code sa maling lugar o marahil ay hindi kopyahin ang buong string ng code.

Tingnan ang magandang artikulo ng tulong sa HTML na WordPress kung nagkakaproblema ka.