વેબસાઇટમાં ઇન્સ્ટાગ્રામ ફોટાઓ અથવા વિડિયોઝને એમ્બેડ કરો

06 ના 01

વેબસાઇટમાં ઇન્સ્ટાગ્રામ ફોટાઓ અથવા વિડિયોઝને એમ્બેડ કરો

જસ્ટિન સુલિવાન / ગેટ્ટી છબીઓ સમાચાર

ક્યારેય તમારી વેબસાઇટ પર કોઈ ચોક્કસ Instagram ફોટો (અથવા તેમાંના ઘણા) શેર કરવા માગતા હતા, પરંતુ શું તમે તમારા કમ્પ્યુટર પર ફોટો સાચવો અને તેને તમારી સાઇટ પર અપલોડ કરવા માગતો હતો?

Instagram હવે એક એમ્બેડ લક્ષણ ધરાવે છે જેનો ઉપયોગ તમે સરળતાથી તમારી વેબસાઇટ અથવા બ્લોગના HTML માં ફોટા અથવા વિડિઓને દાખલ કરવા માટે કરી શકો છો, અને તમારે કેવી રીતે કરવું તે શોધવા માટે વેબ ડિઝાઇનર હોવું જરૂરી નથી.

માત્ર થોડી મિનિટોમાં તમે તમારી વેબસાઇટમાં સરળતાથી Instagram ફોટો અથવા વિડિયોને કેવી રીતે એમ્બેડ કરી શકો છો તે જોવા માટે અનુસરો પગલાઓ દ્વારા ક્લિક કરો.

06 થી 02

તમે ઍડ કરવા માંગો છો Instagram ફોટો અથવા વિડિઓ પૃષ્ઠ શોધો

Instagram.com/AboutDotCom નું સ્ક્રીનશૉટ

Instagram ફોટો અથવા વિડિયોને યોગ્ય રીતે એમ્બેડ કરવા માટેનું પ્રથમ પગલું એ સત્તાવાર Instagram ફોટો / વિડિઓ પૃષ્ઠને ઍક્સેસ કરવાનો છે જે તમે તમારી વેબસાઇટ પર શોકેસ કરવા માગો છો. આનો અર્થ એ છે કે URL કંઈક હોવું આવશ્યક છે: instagram.com/p/xxxxxxxxxx/

આ ઉદાહરણ માટે, અમે એક સત્તાવાર કૉપિરાઇટ Instagram એકાઉન્ટમાંથી ફોટો લેવાનો ઉપયોગ કરીશું, પરંતુ તમે ઇચ્છો તે કોઈપણ Instagram ફોટો (અથવા વિડિઓ) નો ઉપયોગ કરી શકો છો.

તેના બદલે તમારા માઉસને ક્લિક કરવાને બદલે અને "આ રીતે સાચવો" પસંદ કરો અથવા છબીનો સ્ક્રીનશૉટ પસંદ કરો છો, તમે ફક્ત છબી અને બટનોની નીચે, જમણી બાજુના જમણા ખૂણામાં, ત્રણ નાના ગ્રે ડૉટ્સ જોવા જઇ રહ્યા છો.

06 ના 03

'એમ્બેડ કરો' વિકલ્પ પસંદ કરો

Instagram.com/AboutDotCom નું સ્ક્રીનશૉટ

ત્રણ નાના ગ્રે બિંદુઓને ક્લિક કરો અને તમે બે વિકલ્પો પોપ અપ જોશો. એક "અયોગ્ય જાણ કરો" અને બીજું "એમ્બેડ કરો" છે.

"એમ્બેડ કરો" પર ક્લિક કરો

06 થી 04

એમ્બેડ કોડ કૉપિ કરો

Instagram.com/AboutDotCom નું સ્ક્રીનશૉટ

એકવાર તમે "એમ્બેડ કરો" ક્લિક કરો છો, ત્યારે બૉક્સ તમારી સ્ક્રીનની મધ્યમાં પોપ અપ કરશે અને કોડની સ્ટ્રિંગ પ્રદર્શિત કરશે.

તમને ખબર નથી કે તે કોડ કેવી રીતે કાર્ય કરે છે અથવા તમારી સાઇટ પર ફોટો અથવા વિડિયોને યોગ્ય રીતે એમ્બેડ કરવા માટે તેનો અર્થ શું છે.

ફક્ત કોડની સંપૂર્ણ સ્ટ્રિંગને આપમેળે કૉપિ કરવા માટે લીલા "કૉપિ એમ્બેડ કોડ" બટન પર ક્લિક કરો.

અમે હમણાં Instagram પાનું સાથે પૂર્ણ કરી છે.

આગળ, તમે તમારી વેબસાઇટ અથવા બ્લોગ પર ખસેડી શકો છો

05 ના 06

તમારી વેબસાઇટની HTML માં Instagram એમ્બેડ કોડને પેસ્ટ કરો

WordPress માં પેસ્ટ કરેલા HTML નું સ્ક્રીનશૉટ

તે તમારા પર છે કે જેનો ઉપયોગ તમે ઉપયોગ કરી રહ્યાં છો તે વેબસાઇટ અથવા બ્લોગિંગ પ્લેટફોર્મનો એડમિન વિસ્તાર અથવા ડૅશબોર્ડને ઍક્સેસ કરો અને કોડ દાખલ કરવા માટે યોગ્ય ક્ષેત્ર શોધો.

ઉદાહરણ તરીકે, જો તમારી સાઇટ WordPress પર ચાલે છે, તો તમારે તમારા સંપાદનયોગ્ય પોસ્ટ અથવા પૃષ્ઠને "ટેક્સ્ટ" મોડમાં (વિઝ્યુઅલ મોડને બદલે) ઍક્સેસ કરવાની જરૂર છે, સંપાદકમાં જમણું ક્લિક કરો અને તમારા કૉપિ કરેલ એમ્બેડ કોડને આમાં મૂકવા માટે "પેસ્ટ કરો" પસંદ કરો. બૉક્સ

તેને સાચવો, તેને પસંદ કરો, તેને પ્રકાશિત કરો અને તમે પૂર્ણ કરી લો.

06 થી 06

તમારું પૃષ્ઠ અને જડિત Instagram ફોટો જુઓ

Instagram સ્ક્રીનશૉટ વર્ડપ્રેસ સાઇટ એમ્બેડ

નવા ઇન્સ્ટાગ્રામ ફોટો અથવા વિડિઓને સરસ રીતે તેમાં જડિત કરવામાં જોવા માટે પ્રકાશિત પૃષ્ઠ પર એક નજર નાખો.

તમે ટોચ પર Instagram વપરાશકર્તાની નામની લિંક સાથેની સાથે સાથે ગમે તેવી પસંદગીઓ અને ટિપ્પણીઓની સાથે ફોટો જોઈ શકશો.

જો તે ફોટોની જગ્યાએ વિડિઓ છે, તો તમારી વેબસાઇટ પરના મુલાકાતીઓ તમારી સાઇટ પર ત્યાં જ વિડિઓ ચલાવવા માટે સક્ષમ હશે.

અલબત્ત, જો તમારી સાઇટ પર કંઈ દેખાતું નથી, તો તમે કોડને ખોટી જગ્યાએ પેસ્ટ કરી હશે અથવા કદાચ કોડની સંપૂર્ણ સ્ટ્રીપને કૉપિ નહીં કરી.

જો તમને કોઈ મુશ્કેલી હોય તો આ મહાન HTML WordPress સહાય લેખ તપાસો.