मुख्य सामग्री पर जाएँ

द डिज़ाइन लीजेंड

आज की डिज़ाइन विभूति को अपनी वेबसाइट पर एम्बेड करें

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

यह कैसे काम करता है

हर दिन एक निश्चित पते पर एक नई तस्वीर प्रकाशित होती है। आपका पेज उस पते को लोड करता है, इसलिए वह हमेशा वर्तमान फ़ीचर दिखाता है, और क्लिक करने पर आपके आगंतुक द डिज़ाइन लीजेंड पर पहुँचते हैं जहाँ पूरी कहानी बताई गई है।

स्क्रिप्ट पसंद करते हैं? एक कंटेनर और एक स्क्रिप्ट जोड़ें: विजेट data-dotd-variant (image, cta या card) से आपकी चुनी हुई शैली बनाता है, स्क्रिप्ट पते की भाषा में जब वह भाषा उपलब्ध हो। यदि आप स्क्रिप्ट नहीं चला सकते, तो उसी वैरिएंट के HTML संस्करण का उपयोग करें।

वैरिएंट A: केवल इमेज

आज की तस्वीर, द डिज़ाइन लीजेंड से लिंक की गई। सबसे हल्का विकल्प।

लाइव पूर्वावलोकन

<a href="https://thedesignlegend.com/hi/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="डिज़ाइन में जीवनभर की उपलब्धियों को प्रदर्शित करता आज की डिज़ाइन विभूति का पूर्वावलोकन" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=hi"></script>

वैरिएंट B: इमेज और कॉल टू एक्शन

आज की तस्वीर, नीचे कॉल टू एक्शन के साथ।

लाइव पूर्वावलोकन

<a href="https://thedesignlegend.com/hi/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="डिज़ाइन में जीवनभर की उपलब्धियों को प्रदर्शित करता आज की डिज़ाइन विभूति का पूर्वावलोकन" loading="lazy" style="display:block;max-width:100%;height:auto;margin:0 auto">
  <span style="display:block;margin-top:.5em;font:600 15px/1.3 system-ui,sans-serif">आज की डिज़ाइन विभूति खोजें</span>
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=hi"></script>

वैरिएंट C: Bootstrap कार्ड

तस्वीर, फ़ीचर का शीर्षक, एक छोटा पैराग्राफ़ और कॉल टू एक्शन बटन वाला एक Bootstrap कार्ड। आपके पेज में Bootstrap होना चाहिए।

लाइव पूर्वावलोकन

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/hi/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="डिज़ाइन में जीवनभर की उपलब्धियों को प्रदर्शित करता आज की डिज़ाइन विभूति का पूर्वावलोकन" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">आज की डिज़ाइन विभूति</h5>
    <p class="card-text">A' Design Award हर दिन एक प्रभावशाली डिज़ाइनर या विश्वस्तरीय वास्तुकार को सम्मानित करता है जिनके असाधारण करियर, प्रतिष्ठित रचनाओं और अग्रणी विचारों ने डिज़ाइन के इतिहास और विकास को आकार दिया है, आज की डिज़ाइन विभूति के रूप में।</p>
    <a href="https://thedesignlegend.com/hi/" class="btn btn-danger" target="_blank" rel="noopener">आज की डिज़ाइन विभूति खोजें</a>
  </div>
</div>
<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=hi"></script>

विकल्प 3: JSON

डेवलपर्स, ऐप्स और ऑटोमेशन के लिए। JSON में नाम, विवरण, इमेज पता, लिंक और तारीख शामिल होती है। क्रॉस-ऑरिजिन अनुरोधों की अनुमति है।

fetch("https://thedesignlegend.com/feature.json?lang=hi")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

उदाहरण प्रतिक्रिया

{
    "domain": "thedesignlegend.com",
    "name": "द डिज़ाइन लीजेंड",
    "feature": "आज की डिज़ाइन विभूति",
    "paragraph": "A' Design Award हर दिन एक प्रभावशाली डिज़ाइनर या विश्वस्तरीय वास्तुकार को सम्मानित करता है जिनके असाधारण करियर, प्रतिष्ठित रचनाओं और अग्रणी विचारों ने डिज़ाइन के इतिहास और विकास को आकार दिया है, आज की डिज़ाइन विभूति के रूप में।",
    "description": "द डिज़ाइन लीजेंड उन प्रभावशाली डिज़ाइनरों और विश्वस्तरीय वास्तुकारों को सम्मानित करता है जिनके असाधारण करियर, प्रतिष्ठित रचनाओं, अग्रणी विचारों और स्थायी योगदानों ने डिज़ाइन के इतिहास और विकास को आकार दिया है, जिसमें अत्यंत प्रतिष्ठित A' Design Award and Competition द्वारा मान्यता प्राप्त रचनात्मक व्यक्तियों और उपलब्धियों को उजागर किया जाता है।",
    "call_to_action": "आज की डिज़ाइन विभूति खोजें",
    "date": "2026-11-08",
    "language": "hi",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "डिज़ाइन में जीवनभर की उपलब्धियों को प्रदर्शित करता आज की डिज़ाइन विभूति का पूर्वावलोकन",
    "url": "https://thedesignlegend.com/hi/",
    "feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
    "embed_url": "https://thedesignlegend.com/hi/fichar/"
}

जानने योग्य बातें

  • इमेज के चारों ओर लिंक बनाए रखें, ताकि आपके आगंतुक पूरा फ़ीचर देख सकें।
  • हमेशा ऊपर दिखाए गए इमेज पते का उपयोग करें और कोई कॉपी सेव न करें, ताकि आपका पेज अपडेट रहे।
  • इमेज रेस्पॉन्सिव है: यह अपने कंटेनर से अधिक चौड़ी कभी नहीं होती।
  • सहायता चाहिए या कस्टम फ़ॉर्मेट? कृपया हमसे संपर्क करें।

प्रायोजित

पुरस्कार विजेता डिज़ाइन खोजें

आज का डिज़ाइन उद्धरण

आज का डिज़ाइन उद्धरण

DesignAdage