मुखेल मजकुराक वचात

दिसाचें डिझाइन

तुमच्या वेबसायटीचेर दिसाचें डिझाइन एम्बेड करात

दिसाचें डिझाइन दर दिसा एक नवें फीचर प्रकाशीत करता. इमेजीचो एड्रेस कदीं बदलना, पूण ताचे फाटलें चित्र बदलता, देखून तुमी कोड एकदांच घालात आनी तुमच्या भेट दिवप्यांक आयचें फीचर आपशींच दिसता.

हें कशें काम करता

दर दिसा एका निश्चित एड्रेसाचेर एक नवें चित्र प्रकाशीत जाता. तुमचें पान तो एड्रेस लोड करता, देखून तें सदांच सद्याचें फीचर दाखयता, आनी क्लिक केल्यार तुमच्या भेट दिवप्यांक दिसाचें डिझाइन चेर व्हरता जंय पुराय कथा सांगिल्ली आसता.

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

व्हेरिएंट A: फकत इमेज

आयचें चित्र, दिसाचें डिझाइन कडेन लिंक केल्लें. सगळ्यांत हलकें पर्याय.

लायव्ह पूर्वावलोकन

<a href="https://designoftheday.org/kok/" 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=kok"></script>

व्हेरिएंट B: इमेज आनी कॉल टू ऍक्शन

आयचें चित्र सकयल कॉल टू ऍक्शन सयत.

लायव्ह पूर्वावलोकन

<a href="https://designoftheday.org/kok/" 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=kok"></script>

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

चित्र, फीचराचें शीर्षक, एक ल्हान परिच्छेद आनी कॉल टू ऍक्शन बटण आशिल्लें Bootstrap कार्ड. तुमच्या पानाक Bootstrap जाय.

लायव्ह पूर्वावलोकन

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

पर्याय 3: JSON

डेव्हलपर्स, ऍप्स आनी ऑटोमेशन खातीर. JSON भितर नांव, वर्णन, इमेज एड्रेस, लिंक्स आनी तारीख आसता. क्रॉस-ओरिजिन विनंत्यो मान्य आसात.

fetch("https://designoftheday.org/feature.json?lang=kok")
  .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": "kok",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "पुरस्कार जिकिल्ल्या सर्जनशील उत्कृश्टतायेचें प्रदर्शन करपी वैशिश्ट्यीकृत दिसाचें डिझाइन",
    "url": "https://designoftheday.org/kok/",
    "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/kok/vaishishty/"
}

जाणून घेवपा सारकें

  • इमेजी भोंवतणी लिंक दवरात, म्हणटकच तुमच्या भेट दिवप्यांक पुराय फीचर सोदून काडूंक मेळटलें.
  • सदांच वयर दाखयिल्लो इमेज एड्रेस वापरात आनी कॉपी सांबाळून दवरूं नाकात, म्हणटकच तुमचें पान अद्ययावत उरतलें.
  • इमेज रिस्पॉन्सिव्ह आसा: ती कंटेनरा परस रुंद जायना.
  • मजत जाय वा कस्टम फॉरमॅट जाय? उपकार करून आमकां संपर्क करात.

प्रायोजित

पुरस्कार जिकपी डिझायनां सोदून काडात

दिसाचें डिझाइन अवतरण

दिसाचें डिझाइन अवतरण

DesignAdage