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

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

अपन वेबसाइट पर आइक डिज़ाइन महापुरुष एम्बेड करू

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

ई कोना काज करैत अछि

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

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

वेरिएंट A: केवल चित्र

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

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

<a href="https://thedesignlegend.com/mai/" 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=mai"></script>

वेरिएंट B: चित्र आ कॉल टू एक्शन

आइक तस्वीर जकर नीचाँ कॉल टू एक्शन अछि।

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

<a href="https://thedesignlegend.com/mai/" 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=mai"></script>

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

एकटा Bootstrap कार्ड जाहि मे तस्वीर, फीचरक शीर्षक, एकटा छोट अनुच्छेद आ कॉल टू एक्शन बटन अछि। अहाँक पृष्ठ मे Bootstrap चाही।

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

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/mai/" 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/mai/" 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=mai"></script>

विकल्प 3: JSON

डेवलपर, एप्लिकेशन आ ऑटोमेशन लेल। JSON मे नाम, विवरण, चित्रक पता, लिंक आ तिथि अछि। क्रॉस-ओरिजिन अनुरोध अनुमत अछि।

fetch("https://thedesignlegend.com/feature.json?lang=mai")
  .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": "mai",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "डिज़ाइनमे आजीवन उपलब्धि सभक पूर्वावलोकन प्रदर्शित करैत आइक डिज़ाइन महापुरुष",
    "url": "https://thedesignlegend.com/mai/",
    "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/mai/visheshtaa/"
}

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

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

प्रायोजित

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

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

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

DesignAdage