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

আজিৰ ডিজাইনাৰ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

বিকল্প 3: JSON

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

fetch("https://designeroftheday.com/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": "designeroftheday.com",
    "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/designer-of-the-day/today.png",
    "image_alt": "আজিৰ সন্মানিত সৃজনশীল দূৰদৰ্শীক প্ৰদৰ্শন কৰা আজিৰ ডিজাইনাৰৰ প্ৰতিকৃতি",
    "url": "https://designeroftheday.com/as/",
    "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/as/boishistyo/"
}

জানি থোৱা ভাল

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

পৃষ্ঠপোষিত

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

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

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

DesignAdage