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

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

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

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

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

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

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

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

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

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

<a href="https://designbrandoftheday.com/or/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" alt="ଡିଜାଇନ୍ ଉତ୍କୃଷ୍ଟତାରେ ଉଜ୍ଜ୍ୱଳ ଏକ ଡିଜାଇନ୍-ଚାଳିତ ବ୍ରାଣ୍ଡ ଉପରେ ଆଲୋକପାତ କରୁଥିବା ଆଜିର ଡିଜାଇନ୍ ବ୍ରାଣ୍ଡ" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designbrandoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=or"></script>

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

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

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

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

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

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

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

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

ବିକଳ୍ପ 3: JSON

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

fetch("https://designbrandoftheday.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": "designbrandoftheday.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-brand-of-the-day/today.png",
    "image_alt": "ଡିଜାଇନ୍ ଉତ୍କୃଷ୍ଟତାରେ ଉଜ୍ଜ୍ୱଳ ଏକ ଡିଜାଇନ୍-ଚାଳିତ ବ୍ରାଣ୍ଡ ଉପରେ ଆଲୋକପାତ କରୁଥିବା ଆଜିର ଡିଜାଇନ୍ ବ୍ରାଣ୍ଡ",
    "url": "https://designbrandoftheday.com/or/",
    "feature_url": "https://competition.adesignaward.com/design-brand-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-brands-of-the-days.php",
    "embed_url": "https://designbrandoftheday.com/or/bisishtata/"
}

ଜାଣିବା ଦରକାର

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

ପ୍ରାୟୋଜିତ

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

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

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

DesignAdage