মূল বিষয়বস্তুলৈ যাওক

আজিৰ ডিজাইন

আপোনাৰ ৱেবছাইটত আজিৰ ডিজাইন এম্বেড কৰক

আজিৰ ডিজাইন -এ প্ৰতিদিনে এটা নতুন ফিচাৰ প্ৰকাশ কৰে। ছবিৰ ঠিকনা কেতিয়াও সলনি নহয়, কিন্তু ইয়াৰ আঁৰৰ ছবিখন সলনি হয়, গতিকে আপুনি এবাৰ ক'ড যোগ কৰিলেই আপোনাৰ দৰ্শকসকলে স্বয়ংক্ৰিয়ভাৱে আজিৰ ফিচাৰটো দেখা পাব।

ই কেনেকৈ কাম কৰে

প্ৰতিদিনে এটা নিৰ্দিষ্ট ঠিকনাত এখন নতুন ছবি প্ৰকাশ কৰা হয়। আপোনাৰ পৃষ্ঠাই সেই ঠিকনা ল'ড কৰে, গতিকে ই সদায় বৰ্তমানৰ ফিচাৰটো দেখুৱায়, আৰু এটা ক্লিকে আপোনাৰ দৰ্শকসকলক আজিৰ ডিজাইন -লৈ লৈ যায় য'ত সম্পূৰ্ণ কাহিনীটো কোৱা হৈছে।

স্ক্ৰিপ্ট পছন্দ কৰে? এটা কণ্টেইনাৰ আৰু এটা স্ক্ৰিপ্ট যোগ কৰক: ৱিজেটে data-dotd-variant (image, cta বা card) ৰ জৰিয়তে আপুনি বাছনি কৰা শৈলী অংকন কৰে, সেই ভাষা উপলব্ধ হ'লে স্ক্ৰিপ্ট ঠিকনাৰ ভাষাত। যদি আপুনি স্ক্ৰিপ্ট চলাব নোৱাৰে, একেটা ভেৰিয়েণ্টৰ HTML সংস্কৰণ ব্যৱহাৰ কৰক।

ভেৰিয়েণ্ট A: কেৱল ছবি

আজিৰ ছবি, আজিৰ ডিজাইন -লৈ লিংক কৰা। আটাইতকৈ লঘু বিকল্প।

লাইভ পূৰ্বদৰ্শন

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

ভেৰিয়েণ্ট B: ছবি আৰু কল টু একচন

আজিৰ ছবি তলত এটা কল টু একচনৰ সৈতে।

লাইভ পূৰ্বদৰ্শন

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

ভেৰিয়েণ্ট C: Bootstrap কাৰ্ড

ছবি, ফিচাৰৰ শিৰোনাম, এটা চুটি অনুচ্ছেদ আৰু এটা কল টু একচন বুটামৰ সৈতে এখন Bootstrap কাৰ্ড। আপোনাৰ পৃষ্ঠাত Bootstrap প্ৰয়োজন।

লাইভ পূৰ্বদৰ্শন

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

বিকল্প 3: JSON

বিকাশকাৰী, এপ আৰু স্বয়ংক্ৰিয়কৰণৰ বাবে। JSON -ত নাম, বিৱৰণ, ছবিৰ ঠিকনা, লিংক আৰু তাৰিখ থাকে। ক্ৰছ-অৰিজিন অনুৰোধ অনুমোদিত।

fetch("https://designoftheday.org/feature.json?lang=as")
  .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": "as",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "পুৰস্কাৰ বিজয়ী সৃজনশীল উৎকৰ্ষতা প্ৰদৰ্শন কৰা আজিৰ বিশেষ ডিজাইন",
    "url": "https://designoftheday.org/as/",
    "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/as/boishistyo/"
}

জানি থোৱা ভাল

  • ছবিৰ চাৰিওফালে লিংকটো ৰাখক, যাতে আপোনাৰ দৰ্শকসকলে সম্পূৰ্ণ ফিচাৰটো আৱিষ্কাৰ কৰিব পাৰে।
  • সদায় ওপৰত দেখুওৱা ছবিৰ ঠিকনা ব্যৱহাৰ কৰক আৰু কপি সংৰক্ষণ নকৰিব, যাতে আপোনাৰ পৃষ্ঠা আপডেট থাকে।
  • ছবিখন ৰেচপন্সিভ: ই কেতিয়াও ইয়াৰ কণ্টেইনাৰতকৈ বহল নহয়।
  • সহায় বা কাষ্টম ফৰ্মেট প্ৰয়োজন? অনুগ্ৰহ কৰি আমাৰ সৈতে যোগাযোগ কৰক।

পৃষ্ঠপোষিত

বঁটা বিজয়ী ডিজাইনসমূহ আৱিষ্কাৰ কৰক

আজিৰ ডিজাইন উক্তি

আজিৰ ডিজাইন উক্তি

DesignAdage