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

आइक डिज़ाइनर

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

विकल्प 3: JSON

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

fetch("https://designeroftheday.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": "designeroftheday.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/designer-of-the-day/today.png",
    "image_alt": "आइक प्रसिद्ध रचनात्मक दूरदर्शीक चित्र प्रदर्शित करैत आइक डिज़ाइनर",
    "url": "https://designeroftheday.com/mai/",
    "feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
    "embed_url": "https://designeroftheday.com/mai/visheshtaa/"
}

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

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

प्रायोजित

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

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

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

DesignAdage