मुख्य सामग्रीमा जानुहोस्

आजको डिजाइन टोली

तपाईंको वेबसाइटमा आजको डिजाइन टोली एम्बेड गर्नुहोस्

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

यो कसरी काम गर्छ

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

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

भेरिएन्ट A: छवि मात्र

आजको तस्बिर, आजको डिजाइन टोली मा लिङ्क गरिएको। सबैभन्दा हल्का विकल्प।

प्रत्यक्ष पूर्वावलोकन

<a href="https://designteamoftheday.com/ne/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="नवीन परियोजनाहरूमा सहकार्य गर्ने पुरस्कार विजेता आजको डिजाइन टोली" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designteamoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=ne"></script>

भेरिएन्ट B: छवि र कार्य आह्वान

आजको तस्बिर तलमा कार्य आह्वानसहित।

प्रत्यक्ष पूर्वावलोकन

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

भेरिएन्ट C: Bootstrap कार्ड

तस्बिर, फिचरको शीर्षक, छोटो अनुच्छेद र कार्य आह्वान बटनसहितको Bootstrap कार्ड। तपाईंको पृष्ठमा Bootstrap आवश्यक छ।

प्रत्यक्ष पूर्वावलोकन

<div class="card" style="max-width:24rem">
  <a href="https://designteamoftheday.com/ne/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-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://designteamoftheday.com/ne/" class="btn btn-danger" target="_blank" rel="noopener">आजको डिजाइन टोली पत्ता लगाउनुहोस्</a>
  </div>
</div>
<div data-dotd="designteamoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=ne"></script>

विकल्प ३: JSON

विकासकर्ता, एप र स्वचालनका लागि। JSON मा नाम, विवरण, छविको ठेगाना, लिङ्कहरू र मिति समावेश छ। क्रस-ओरिजिन अनुरोधहरू अनुमति दिइएका छन्।

fetch("https://designteamoftheday.com/feature.json?lang=ne")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

उदाहरण प्रतिक्रिया

{
    "domain": "designteamoftheday.com",
    "name": "आजको डिजाइन टोली",
    "feature": "आजको डिजाइन टोली",
    "paragraph": "A' Design Award ले उत्कृष्ट डिजाइन, वास्तुकला र नवप्रवर्तन परियोजनाहरूका पछाडिका सिर्जनशील टोलीहरूलाई आजको डिजाइन टोलीको रूपमा सम्मान गर्दछ, जसको सहकार्य, साझा दृष्टिकोण र विशेषज्ञता विशिष्ट छ।",
    "description": "आजको डिजाइन टोलीले उत्कृष्ट डिजाइन, वास्तुकला र नवप्रवर्तन परियोजनाहरूका पछाडिका सिर्जनशील टोलीहरूलाई सम्मान गर्दछ, विश्वस्तरीय डिजाइनरहरू, स्टार वास्तुकारहरू र विश्वव्यापी अग्रणी डिजाइन टोलीहरूलाई प्रस्तुत गर्दै जसको सहकार्य, साझा दृष्टिकोण र विशेषज्ञता अत्यन्त प्रतिष्ठित A' Design Award and Competition द्वारा मान्यता प्राप्त छ।",
    "call_to_action": "आजको डिजाइन टोली पत्ता लगाउनुहोस्",
    "date": "2026-11-08",
    "language": "ne",
    "image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
    "image_alt": "नवीन परियोजनाहरूमा सहकार्य गर्ने पुरस्कार विजेता आजको डिजाइन टोली",
    "url": "https://designteamoftheday.com/ne/",
    "feature_url": "https://competition.adesignaward.com/design-team-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-teams-of-the-days.php",
    "embed_url": "https://designteamoftheday.com/ne/fischar/"
}

जान्नुपर्ने कुराहरू

  • छविको वरिपरि लिङ्क राख्नुहोस्, ताकि तपाईंका आगन्तुकहरूले पूरा फिचर पत्ता लगाउन सकून्।
  • सधैं माथि देखाइएको छवि ठेगाना प्रयोग गर्नुहोस् र प्रतिलिपि नराख्नुहोस्, ताकि तपाईंको पृष्ठ अद्यावधिक रहोस्।
  • छवि रेस्पोन्सिभ छ: यो कहिल्यै आफ्नो कन्टेनरभन्दा फराकिलो हुँदैन।
  • सहयोग वा अनुकूलित ढाँचा चाहिन्छ? कृपया हामीलाई सम्पर्क गर्नुहोस्।

प्रायोजित

पुरस्कार विजेता डिजाइनहरू पत्ता लगाउनुहोस्

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

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

DesignAdage