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

आइक डिज़ाइन ट्रेंड

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

विकल्प 3: JSON

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

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

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

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

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

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

DesignAdage