अपनी वेबसाइट पर Google कैलेंडर कैसे एम्बेड करें

विषयसूची:

अपनी वेबसाइट पर Google कैलेंडर कैसे एम्बेड करें
अपनी वेबसाइट पर Google कैलेंडर कैसे एम्बेड करें
Anonim

क्या पता

  • Google कैलेंडर पर, कैलेंडर के आगे तीन बिंदु चुनें > सेटिंग और साझा करना > कॉपी कोड एम्बेड करें.
  • डिफॉल्ट कैलेंडर सेटिंग्स के लिए कोड कॉपी करें या सेटिंग्स बदलने के लिए कस्टमाइज़ करें चुनें।
  • एचटीएमएल कोड कॉपी करें और अपने वेब पेज के एचटीएमएल में पेस्ट करें।

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

अपनी वेबसाइट पर Google कैलेंडर कैसे एम्बेड करें

अपनी वेबसाइट पर एक सार्वजनिक कैलेंडर को प्रबंधित करने और साझा करने के लिए निःशुल्क Google कैलेंडर का उपयोग करें।

आरंभ करना: सेटिंग्स

Image
Image

कैलेंडर एम्बेड करने के लिए, Google कैलेंडर में लॉग इन करें। इसके बाद, बाएं पैनल पर जाएं और उस कैलेंडर पर होवर करें जिसे आप एम्बेड करना चाहते हैं। दिखाई देने वाले तीन बिंदु का चयन करें। विस्तृत विकल्प बॉक्स में, सेटिंग्स और साझाकरण चुनें।

कोड कॉपी करें या अधिक विकल्प चुनें

Image
Image

एकीकृत कैलेंडर अनुभाग तक नीचे स्क्रॉल करें। के तहत इस कैलेंडर को वेब पेज में एम्बेड करने के लिए इस कोड का उपयोग करें, एम्बेड कोड को कॉपी करें। Google की डिफ़ॉल्ट रंग योजना के साथ डिफ़ॉल्ट आकार 800 गुणा 600 पिक्सेल कैलेंडर है।

सेटिंग बदलने के लिए कस्टमाइज़ करें चुनें।

लुक को कस्टमाइज़ करना

Image
Image

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

एजेंडा दृश्य कैफेटेरिया मेनू या टीम प्रोजेक्ट शेड्यूल जैसी किसी चीज़ के लिए उपयोगी है।

आप यह भी निर्दिष्ट कर सकते हैं कि आपके कैलेंडर पर कौन से तत्व दिखाई देते हैं-जैसे शीर्षक, प्रिंट आइकन, या नेविगेशन बटन।

डिफ़ॉल्ट आकार 800 गुणा 600 पिक्सेल है। यह आकार एक पूर्ण आकार के वेब पेज के लिए ठीक है, जिस पर और कुछ नहीं है; हालांकि, यदि आप अपने कैलेंडर को किसी ब्लॉग या वेब पेज में अन्य मदों के साथ जोड़ रहे हैं, तो आपको आकार समायोजित करने की आवश्यकता होगी।

हर बार जब आप कोई बदलाव करते हैं, तो साइट एक लाइव पूर्वावलोकन प्रदर्शित करती है। आपके कैलेंडर के ऊपर का HTML भी बदलता है।

जब आप अपने परिवर्तनों से संतुष्ट हों, तो स्क्रीन के शीर्ष पर जाएं, और एम्बेड कोड के तहत, कॉपी (Ctrl+C)या कमांड+सी) एचटीएमएल।

अपना एचटीएमएल पेस्ट करें

Image
Image

पेस्ट करें (Ctrl+V या Command+V) कोड को अपने वेबपेज के HTML के संबंधित सेक्शन में पेस्ट करें।

कैलेंडर एम्बेड किया गया है

Image
Image

लाइव कैलेंडर प्रदर्शित करने के लिए अपना अंतिम पृष्ठ देखें। आप अपने कैलेंडर पर ईवेंट में जो भी बदलाव करते हैं, वे अपने आप अपडेट हो जाते हैं।

यदि यह आपके मन में बिल्कुल आकार या रंग नहीं है, तो Google कैलेंडर पर वापस जाएं और सेटिंग्स समायोजित करें, लेकिन आपको HTML कोड को फिर से कॉपी और पेस्ट करना होगा। इस मामले में, आप अपने पृष्ठ पर कैलेंडर के प्रकट होने के तरीके को बदल रहे हैं, ईवेंट को नहीं।

सिफारिश की: