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

आइक डिज़ाइन

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

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

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

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

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

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

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

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

<a href="https://designoftheday.org/mai/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-of-the-day/today.png" alt="पुरस्कार-विजेता रचनात्मक उत्कृष्टता प्रदर्शित करैत आइक विशेष डिज़ाइन" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designoftheday.org" data-dotd-variant="image"></div>
<script async src="https://designoftheday.org/feature.js?lang=mai"></script>

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

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

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

<a href="https://designoftheday.org/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-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="designoftheday.org" data-dotd-variant="cta"></div>
<script async src="https://designoftheday.org/feature.js?lang=mai"></script>

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

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

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

<div class="card" style="max-width:24rem">
  <a href="https://designoftheday.org/mai/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-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://designoftheday.org/mai/" class="btn btn-danger" target="_blank" rel="noopener">आइक डिज़ाइन देखू</a>
  </div>
</div>
<div data-dotd="designoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designoftheday.org/feature.js?lang=mai"></script>

विकल्प 3: JSON

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

fetch("https://designoftheday.org/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": "designoftheday.org",
    "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-of-the-day/today.png",
    "image_alt": "पुरस्कार-विजेता रचनात्मक उत्कृष्टता प्रदर्शित करैत आइक विशेष डिज़ाइन",
    "url": "https://designoftheday.org/mai/",
    "feature_url": "https://competition.adesignaward.com/design-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designs-of-the-days.php",
    "embed_url": "https://designoftheday.org/mai/visheshtaa/"
}

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

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

प्रायोजित

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

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

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

DesignAdage