एक वेबसाइट में Instagram तस्वीरें या वीडियो एम्बेड करें

06 में से 01

एक वेबसाइट में Instagram तस्वीरें या वीडियो एम्बेड करें

जस्टिन सुलिवान / गेट्टी छवियां समाचार

कभी भी अपनी वेबसाइट पर एक विशेष Instagram फोटो (या उनमें से कई) साझा करना चाहता था, लेकिन निराश था कि आपको फोटो को अपने कंप्यूटर पर सहेजना था और इसे अपनी साइट पर अपलोड करना था?

Instagram में अब एक एम्बेड सुविधा है जिसका उपयोग आप अपनी वेबसाइट या ब्लॉग के HTML में फ़ोटो या वीडियो को आसानी से सम्मिलित करने के लिए कर सकते हैं, और आपको यह पता लगाने के लिए वेब डिज़ाइनर होने की आवश्यकता नहीं है कि इसे कैसे किया जाए।

यह देखने के लिए कि आप कुछ ही मिनटों में अपनी वेबसाइट में आसानी से किसी भी Instagram फोटो या वीडियो को कैसे एम्बेड कर सकते हैं, अनुवर्ती चरणों के माध्यम से क्लिक करें।

06 में से 02

इंस्टाग्राम फोटो या वीडियो पेज ढूंढें जिसे आप एम्बेड करना चाहते हैं

Instagram.com/AboutDotCom का स्क्रीनशॉट

इंस्टाग्राम फोटो या वीडियो को सही तरीके से एम्बेड करने का पहला चरण आधिकारिक Instagram फोटो / वीडियो पेज तक पहुंचना है जिसे आप अपनी वेबसाइट पर दिखाना चाहते हैं। इसका मतलब है कि यूआरएल कुछ ऐसा होना चाहिए: instagram.com/p/xxxxxxxxxx/

इस उदाहरण के लिए, हम आधिकारिक डाउनलोड Instagram खाते से एक फोटो ले लेंगे, लेकिन आप जो भी इंस्टाग्राम फोटो (या वीडियो) चाहते हैं उसका उपयोग कर सकते हैं।

अपने माउस पर राइट क्लिक करने और "एज़ सेव" चुनने या छवि का स्क्रीनशॉट लेने के बजाय, आप बस छवि बॉक्स के निचले दाएं कोने में तीन छोटे भूरे बिंदुओं को देखने के लिए जा रहे हैं, विवरण और टिप्पणियों के नीचे।

06 का 03

'एम्बेड करें' विकल्प चुनें

Instagram.com/AboutDotCom का स्क्रीनशॉट

तीन छोटे ग्रे डॉट्स पर क्लिक करें और आपको दो विकल्प पॉप अप देखना चाहिए। एक "अनुचित रिपोर्ट करें" और दूसरा "एम्बेड करें" है।

"एम्बेड करें" पर क्लिक करें।

06 में से 04

एम्बेड कोड कॉपी करें

Instagram.com/AboutDotCom का स्क्रीनशॉट

एक बार जब आप "एम्बेड करें" पर क्लिक करेंगे, तो एक बॉक्स कोड की एक स्ट्रिंग प्रदर्शित करने वाली आपकी स्क्रीन के बीच में पॉप अप हो जाएगा।

आपको यह जानने की ज़रूरत नहीं है कि उस कोड में से कोई भी काम करता है या आपकी साइट में फोटो या वीडियो को सही तरीके से एम्बेड करने के लिए इसका क्या अर्थ है।

स्वचालित रूप से कोड की पूरी स्ट्रिंग को प्रतिलिपि बनाने के लिए हरे रंग की "कॉपी एम्बेड कोड" बटन पर क्लिक करें।

हम अब Instagram पेज के साथ कर रहे हैं।

इसके बाद, आप अपनी वेबसाइट या ब्लॉग पर जा सकते हैं।

06 में से 05

Instagram एम्बेड कोड को अपनी वेबसाइट के HTML में पेस्ट करें

एचटीएमएल का स्क्रीनशॉट वर्डप्रेस में चिपकाया

आप जिस भी वेबसाइट या ब्लॉगिंग प्लेटफ़ॉर्म का उपयोग कर रहे हैं, उसके व्यवस्थापक क्षेत्र या डैशबोर्ड तक पहुंचने के लिए आप पर निर्भर है, और कोड डालने के लिए सही क्षेत्र ढूंढें।

उदाहरण के लिए, यदि आपकी साइट वर्डप्रेस पर चलती है, तो आपको केवल "टेक्स्ट" मोड (विज़ुअल मोड के बजाए) में अपने संपादन योग्य पोस्ट या पेज तक पहुंचने की आवश्यकता है, संपादक में राइट क्लिक करें और अपने कॉपी किए गए एम्बेड कोड को "पेस्ट" में डालें डिब्बा।

इसे सहेजें, अगर आप चाहें तो इसे केंद्र दें, इसे प्रकाशित करें और आप कर चुके हैं।

06 में से 06

अपना पेज और एंबेडेड इंस्टाग्राम फोटो देखें

WordPress साइट में एम्बेडेड Instagram का स्क्रीनशॉट

नए इंस्टाग्राम फोटो या वीडियो को अच्छी तरह से एम्बेडेड सही देखने के लिए ऑनलाइन प्रकाशित पृष्ठ पर एक नज़र डालें।

आपको शीर्ष पर Instagram उपयोगकर्ता के नाम के साथ-साथ इसके नीचे पसंद और टिप्पणियों की संख्या के लिंक के साथ फोटो देखने में सक्षम होना चाहिए।

यदि यह एक फोटो के बजाय एक वीडियो है, तो आपकी वेबसाइट के आगंतुक आपकी साइट पर वीडियो चला सकते हैं।

बेशक, यदि आपकी साइट पर कुछ भी दिखाई नहीं देता है, तो हो सकता है कि आपने गलत जगह पर कोड चिपकाया हो या शायद कोड की पूरी स्ट्रिंग कॉपी न करें।

यदि आपको कोई परेशानी हो रही है तो इस महान HTML वर्डप्रेस सहायता आलेख को देखें