ମୁଖ୍ୟ ବିଷୟବସ୍ତୁକୁ ଯାଆନ୍ତୁ

ଆଜିର ଡିଜାଇନ୍ ଧାରଣା

ଆପଣଙ୍କ ୱେବସାଇଟରେ ଆଜିର ଡିଜାଇନ୍ ଧାରଣା ଏମ୍ବେଡ୍ କରନ୍ତୁ

ଆଜିର ଡିଜାଇନ୍ ଧାରଣା ପ୍ରତିଦିନ ଏକ ନୂଆ ଫିଚର୍ ପ୍ରକାଶ କରେ। ଇମେଜ୍ ଠିକଣା କେବେ ବଦଳେ ନାହିଁ, କିନ୍ତୁ ଏହା ପଛରେ ଥିବା ଚିତ୍ର ବଦଳିଯାଏ, ତେଣୁ ଆପଣ ଥରେ କୋଡ୍ ଯୋଡ଼ନ୍ତୁ ଏବଂ ଆପଣଙ୍କ ଦର୍ଶକମାନେ ସ୍ୱୟଂଚାଳିତ ଭାବରେ ଆଜିର ଫିଚର୍ ଦେଖିପାରିବେ।

ଏହା କିପରି କାମ କରେ

ପ୍ରତିଦିନ ଏକ ନିର୍ଦ୍ଦିଷ୍ଟ ଠିକଣାରେ ଏକ ନୂଆ ଚିତ୍ର ପ୍ରକାଶିତ ହୁଏ। ଆପଣଙ୍କ ପୃଷ୍ଠା ସେହି ଠିକଣା ଲୋଡ୍ କରେ, ତେଣୁ ଏହା ସର୍ବଦା ବର୍ତ୍ତମାନର ଫିଚର୍ ଦେଖାଏ, ଏବଂ ଏକ କ୍ଲିକ୍ ଆପଣଙ୍କ ଦର୍ଶକଙ୍କୁ ଆଜିର ଡିଜାଇନ୍ ଧାରଣା କୁ ନେଇଯାଏ ଯେଉଁଠାରେ ସମ୍ପୂର୍ଣ୍ଣ କାହାଣୀ ରହିଛି।

ସ୍କ୍ରିପ୍ଟ ପସନ୍ଦ କରୁଛନ୍ତି? ଏକ କଣ୍ଟେନର ଓ ଏକ ସ୍କ୍ରିପ୍ଟ ଯୋଡ଼ନ୍ତୁ: ୱିଜେଟ୍ data-dotd-variant (image, cta କିମ୍ବା card) ସହ ଆପଣ ବାଛିଥିବା ଶୈଳୀ ଆଙ୍କେ, ସ୍କ୍ରିପ୍ଟ ଠିକଣାର ଭାଷାରେ ଯଦି ସେହି ଭାଷା ଉପಲବ୍ଧ ଥାଏ। ଯଦି ଆପଣ ସ୍କ୍ରିପ୍ଟ ଚଳାଇ ପାରୁନାହାନ୍ତି, ସେହି ଭେରିଆଣ୍ଟର HTML ସଂସ୍କରଣ ବ୍ୟବହାର କରନ୍ତୁ।

ଭେରିଆଣ୍ଟ A: କେବଳ ଇମେଜ୍

ଆଜିର ଚିତ୍ର, ଆଜିର ଡିଜାଇନ୍ ଧାରଣା ସହ ଲିଙ୍କ୍ ହୋଇଛି। ସବୁଠାରୁ ହାଲୁକା ବିକଳ୍ପ।

ଲାଇଭ୍ ପ୍ରିଭ୍ୟୁ

<a href="https://designideaoftheday.com/or/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="ସୃଜନଶୀଳ ସୀମା ଅତିକ୍ରମ କରୁଥିବା ଏକ ନବସୃଜନମୂଳକ ସଂକଳ୍ପ ଉପସ୍ଥାପନ କରୁଥିବା ଆଜିର ଡିଜାଇନ୍ ଧାରଣା" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=or"></script>

ଭେରିଆଣ୍ଟ B: ଇମେଜ୍ ଓ କଲ୍ ଟୁ ଆକ୍ସନ୍

ଆଜିର ଚିତ୍ର ସହ ତଳେ ଏକ କଲ୍ ଟୁ ଆକ୍ସନ୍।

ଲାଇଭ୍ ପ୍ରିଭ୍ୟୁ

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

ଭେରିଆଣ୍ଟ C: Bootstrap କାର୍ଡ

ଚିତ୍ର, ଫିଚର୍‌ର ଶୀର୍ଷକ, ଏକ ସଂକ୍ଷିପ୍ତ ଅନୁଚ୍ଛେଦ ଓ ଏକ କଲ୍ ଟୁ ଆକ୍ସନ୍ ବଟନ୍ ସହ ଏକ Bootstrap କାର୍ଡ। ଆପଣଙ୍କ ପୃଷ୍ଠାରେ Bootstrap ଆବଶ୍ୟକ।

ଲାଇଭ୍ ପ୍ରିଭ୍ୟୁ

<div class="card" style="max-width:24rem">
  <a href="https://designideaoftheday.com/or/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-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://designideaoftheday.com/or/" class="btn btn-danger" target="_blank" rel="noopener">ଆଜିର ଡିଜାଇନ୍ ଧାରଣା ଆବିଷ୍କାର କରନ୍ତୁ</a>
  </div>
</div>
<div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=or"></script>

ବିକଳ୍ପ 3: JSON

ଡେଭେଲପର୍, ଆପ୍ ଓ ଅଟୋମେସନ ପାଇଁ। JSON ରେ ନାମ, ବିବରଣୀ, ଇମେଜ୍ ଠିକଣା, ଲିଙ୍କ ଓ ତାରିଖ ଅଛି। କ୍ରସ୍-ଅରିଜିନ୍ ଅନୁରୋଧ ଅନୁମତିପ୍ରାପ୍ତ।

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

ଉଦାହରଣ ପ୍ରତିକ୍ରିୟା

{
    "domain": "designideaoftheday.com",
    "name": "ଆଜିର ଡିଜାଇନ୍ ଧାରଣା",
    "feature": "ଆଜିର ଡିଜାଇନ୍ ଧାରଣା",
    "paragraph": "A' Design Award ପ୍ରତିଦିନ ଏକ ଅତ୍ୟନ୍ତ ନବସୃଜନମୂଳକ ଡିଜାଇନ୍ ଧାରଣା କିମ୍ବା ଏକ ଅତ୍ୟନ୍ତ ସୃଜନଶୀଳ ସଂକଳ୍ପକୁ ଆଜିର ଡିଜାଇନ୍ ଧାରଣା ଭାବରେ ଉପସ୍ଥାପନ କରେ, ମୌଳିକ ଚିନ୍ତାଧାରା, ବ୍ୟବହାରିକ ସମାଧାନ ଏବଂ ଡିଜାଇନ୍ ଉତ୍କୃଷ୍ଟତା ପ୍ରତି ପ୍ରେରଣାଦାୟକ ଦୃଷ୍ଟିଭଙ୍ଗୀ ଅନ୍ୱେଷଣ କରି।",
    "description": "ଆଜିର ଡିଜାଇନ୍ ଧାରଣା ପ୍ରତିଦିନ ଏକ ଅତ୍ୟନ୍ତ ନବସୃଜନମୂଳକ ଡିଜାଇନ୍ ଧାରଣା, ଏକ ଅତ୍ୟନ୍ତ ସୃଜନଶୀଳ ସଂକଳ୍ପ ଉପସ୍ଥାପନ କରେ, ମୌଳିକ ଚିନ୍ତାଧାରା, ବ୍ୟବହାରିକ ସମାଧାନ ଏବଂ ବିଶ୍ୱ ଡିଜାଇନ୍ ଉତ୍କୃଷ୍ଟତା ପ୍ରତି ପ୍ରେରଣାଦାୟକ ଦୃଷ୍ଟିଭଙ୍ଗୀ ଅନ୍ୱେଷଣ କରି, ଯାହା ଅତ୍ୟନ୍ତ ପ୍ରତିଷ୍ଠିତ A' Design Award and Competition ଦ୍ୱାରା ମନୋନୀତ।",
    "call_to_action": "ଆଜିର ଡିଜାଇନ୍ ଧାରଣା ଆବିଷ୍କାର କରନ୍ତୁ",
    "date": "2026-11-08",
    "language": "or",
    "image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
    "image_alt": "ସୃଜନଶୀଳ ସୀମା ଅତିକ୍ରମ କରୁଥିବା ଏକ ନବସୃଜନମୂଳକ ସଂକଳ୍ପ ଉପସ୍ଥାପନ କରୁଥିବା ଆଜିର ଡିଜାଇନ୍ ଧାରଣା",
    "url": "https://designideaoftheday.com/or/",
    "feature_url": "https://competition.adesignaward.com/design-idea-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-ideas-of-the-days.php",
    "embed_url": "https://designideaoftheday.com/or/bisishtata/"
}

ଜାଣିବା ଦରକାର

  • ଇମେଜ୍ ଚାରିପଟେ ଲିଙ୍କ ରଖନ୍ତୁ, ଯାହାଦ୍ୱାରା ଆପଣଙ୍କ ଦର୍ଶକମାନେ ସମ୍ପୂର୍ଣ୍ଣ ଫିଚର୍ ଆବିଷ୍କାର କରିପାରିବେ।
  • ସର୍ବଦା ଉପରେ ଦେଖାଯାଇଥିବା ଇମେଜ୍ ଠିକଣା ବ୍ୟବହାର କରନ୍ତୁ ଏବଂ ଏକ କପି ସେଭ୍ କରନ୍ତୁ ନାହିଁ, ଯାହାଦ୍ୱାରା ଆପଣଙ୍କ ପୃଷ୍ଠା ଅଦ୍ୟତନ ରହିବ।
  • ଇମେଜ୍ ରେସ୍ପନ୍ସିଭ୍: ଏହା କେବେ ବି ନିଜ କଣ୍ଟେନରରୁ ଅଧିକ ଚଉଡ଼ା ହୁଏ ନାହିଁ।
  • ସାହାଯ୍ୟ ଦରକାର କିମ୍ବା ଏକ କଷ୍ଟମ ଫର୍ମାଟ ଚାହୁଁଛନ୍ତି? ଦୟାକରି ଆମ ସହ ଯୋଗାଯୋଗ କରନ୍ତୁ।

ପ୍ରାୟୋଜିତ

ପୁରସ୍କାର ବିଜେତା ଡିଜାଇନ୍ ଆବିଷ୍କାର କରନ୍ତୁ

ଆଜିର ଡିଜାଇନ୍ ଉକ୍ତି

ଆଜିର ଡିଜାଇନ୍ ଉକ୍ତି

DesignAdage