আজিৰ ডিজাইন ব্ৰেণ্ড
আপোনাৰ ৱেবছাইটত আজিৰ ডিজাইন ব্ৰেণ্ড এম্বেড কৰক
আজিৰ ডিজাইন ব্ৰেণ্ড -এ প্ৰতিদিনে এটা নতুন ফিচাৰ প্ৰকাশ কৰে। ছবিৰ ঠিকনা কেতিয়াও সলনি নহয়, কিন্তু ইয়াৰ আঁৰৰ ছবিখন সলনি হয়, গতিকে আপুনি এবাৰ ক'ড যোগ কৰিলেই আপোনাৰ দৰ্শকসকলে স্বয়ংক্ৰিয়ভাৱে আজিৰ ফিচাৰটো দেখা পাব।
ই কেনেকৈ কাম কৰে
প্ৰতিদিনে এটা নিৰ্দিষ্ট ঠিকনাত এখন নতুন ছবি প্ৰকাশ কৰা হয়। আপোনাৰ পৃষ্ঠাই সেই ঠিকনা ল'ড কৰে, গতিকে ই সদায় বৰ্তমানৰ ফিচাৰটো দেখুৱায়, আৰু এটা ক্লিকে আপোনাৰ দৰ্শকসকলক আজিৰ ডিজাইন ব্ৰেণ্ড -লৈ লৈ যায় য'ত সম্পূৰ্ণ কাহিনীটো কোৱা হৈছে।
স্ক্ৰিপ্ট পছন্দ কৰে? এটা কণ্টেইনাৰ আৰু এটা স্ক্ৰিপ্ট যোগ কৰক: ৱিজেটে data-dotd-variant (image, cta বা card) ৰ জৰিয়তে আপুনি বাছনি কৰা শৈলী অংকন কৰে, সেই ভাষা উপলব্ধ হ'লে স্ক্ৰিপ্ট ঠিকনাৰ ভাষাত। যদি আপুনি স্ক্ৰিপ্ট চলাব নোৱাৰে, একেটা ভেৰিয়েণ্টৰ HTML সংস্কৰণ ব্যৱহাৰ কৰক।
ভেৰিয়েণ্ট A: কেৱল ছবি
আজিৰ ছবি, আজিৰ ডিজাইন ব্ৰেণ্ড -লৈ লিংক কৰা। আটাইতকৈ লঘু বিকল্প।
লাইভ পূৰ্বদৰ্শন
<a href="https://designbrandoftheday.com/as/" 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=as"></script>
ভেৰিয়েণ্ট B: ছবি আৰু কল টু একচন
আজিৰ ছবি তলত এটা কল টু একচনৰ সৈতে।
লাইভ পূৰ্বদৰ্শন
<a href="https://designbrandoftheday.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/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=as"></script>
ভেৰিয়েণ্ট C: Bootstrap কাৰ্ড
ছবি, ফিচাৰৰ শিৰোনাম, এটা চুটি অনুচ্ছেদ আৰু এটা কল টু একচন বুটামৰ সৈতে এখন Bootstrap কাৰ্ড। আপোনাৰ পৃষ্ঠাত Bootstrap প্ৰয়োজন।
লাইভ পূৰ্বদৰ্শন
<div class="card" style="max-width:24rem">
<a href="https://designbrandoftheday.com/as/" 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/as/" 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=as"></script>
বিকল্প 3: JSON
বিকাশকাৰী, এপ আৰু স্বয়ংক্ৰিয়কৰণৰ বাবে। JSON -ত নাম, বিৱৰণ, ছবিৰ ঠিকনা, লিংক আৰু তাৰিখ থাকে। ক্ৰছ-অৰিজিন অনুৰোধ অনুমোদিত।
fetch("https://designbrandoftheday.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": "designbrandoftheday.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/design-brand-of-the-day/today.png",
"image_alt": "ডিজাইনত উৎকৰ্ষতাৰে জিলিকি থকা এটা ডিজাইন-চালিত ব্ৰেণ্ডৰ ওপৰত আলোকপাত কৰা আজিৰ ডিজাইন ব্ৰেণ্ড",
"url": "https://designbrandoftheday.com/as/",
"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/as/boishistyo/"
}
জানি থোৱা ভাল
- ছবিৰ চাৰিওফালে লিংকটো ৰাখক, যাতে আপোনাৰ দৰ্শকসকলে সম্পূৰ্ণ ফিচাৰটো আৱিষ্কাৰ কৰিব পাৰে।
- সদায় ওপৰত দেখুওৱা ছবিৰ ঠিকনা ব্যৱহাৰ কৰক আৰু কপি সংৰক্ষণ নকৰিব, যাতে আপোনাৰ পৃষ্ঠা আপডেট থাকে।
- ছবিখন ৰেচপন্সিভ: ই কেতিয়াও ইয়াৰ কণ্টেইনাৰতকৈ বহল নহয়।
- সহায় বা কাষ্টম ফৰ্মেট প্ৰয়োজন? অনুগ্ৰহ কৰি আমাৰ সৈতে যোগাযোগ কৰক।