အဓိက အကြောင်းအရာသို့ ကျော်သွားရန်

ဒီဇိုင်းဒဏ္ဍာရီပုဂ္ဂိုလ်

သင့်ဝဘ်ဆိုက်တွင် ယနေ့ ဒီဇိုင်းဒဏ္ဍာရီပုဂ္ဂိုလ် ထည့်သွင်းပြသခြင်း

ဒီဇိုင်းဒဏ္ဍာရီပုဂ္ဂိုလ် သည် နေ့စဉ် အသစ်တစ်ခုကို ဖော်ပြပါသည်။ ပုံလိပ်စာမှာ မပြောင်းလဲသော်လည်း နောက်ကွယ်ရှိ ပုံမှာ ပြောင်းလဲသွားသောကြောင့် ကုဒ်ကို တစ်ကြိမ်သာ ထည့်ရပြီး သင့်လာရောက်သူများက ယနေ့ အထူးအကြောင်းအရာကို အလိုအလျောက် မြင်နိုင်ပါသည်။

အလုပ်လုပ်ပုံ

နေ့တိုင်း ပုံအသစ်တစ်ခုကို ပုံသေလိပ်စာတစ်ခုတွင် ထုတ်ဝေပါသည်။ သင့်စာမျက်နှာက ထိုလိပ်စာကို ဖွင့်သောကြောင့် လက်ရှိအကြောင်းအရာကို အမြဲပြသပြီး နှိပ်လိုက်ပါက သင့်လာရောက်သူများကို အပြည့်အစုံဖော်ပြထားသည့် ဒီဇိုင်းဒဏ္ဍာရီပုဂ္ဂိုလ် သို့ ပို့ဆောင်ပေးပါသည်။

Script ကို နှစ်သက်ပါသလား။ container တစ်ခုနှင့် script တစ်ခု ထည့်ပါ— widget သည် data-dotd-variant (image၊ cta သို့မဟုတ် card) ဖြင့် သင်ရွေးချယ်သော ပုံစံကို ရေးဆွဲပြီး ထိုဘာသာစကား ရရှိနိုင်ပါက script လိပ်စာ၏ ဘာသာစကားဖြင့် ပြသပါသည်။ Script အသုံးပြု၍ မရပါက တူညီသော variant ၏ HTML ဗားရှင်းကို အသုံးပြုပါ။

Variant A: ပုံသီးသန့်

ယနေ့ပုံကို ဒီဇိုင်းဒဏ္ဍာရီပုဂ္ဂိုလ် သို့ လင့်ခ်ချိတ်ထားပါသည်။ အပေါ့ဆုံးရွေးချယ်မှုဖြစ်သည်။

တိုက်ရိုက် အစမ်းကြည့်

<a href="https://thedesignlegend.com/my/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="ဒီဇိုင်းနယ်ပယ်တွင် တစ်သက်တာ အောင်မြင်မှုများကို ပြန်လည်ကြည့်ရှုနိုင်သည့် ယနေ့ ဒီဇိုင်းဒဏ္ဍာရီပုဂ္ဂိုလ်" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=my"></script>

Variant B: ပုံနှင့် လုပ်ဆောင်ချက်ခေါ်ယူမှု

ယနေ့ပုံအောက်တွင် လုပ်ဆောင်ချက်ခေါ်ယူမှုပါရှိပါသည်။

တိုက်ရိုက် အစမ်းကြည့်

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

Variant C: Bootstrap ကတ်

ပုံ၊ အကြောင်းအရာခေါင်းစဉ်၊ စာပိုဒ်တိုတစ်ခုနှင့် လုပ်ဆောင်ချက်ခေါ်ယူမှုခလုတ်ပါဝင်သော Bootstrap ကတ်ဖြစ်သည်။ သင့်စာမျက်နှာတွင် Bootstrap လိုအပ်ပါသည်။

တိုက်ရိုက် အစမ်းကြည့်

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/my/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-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://thedesignlegend.com/my/" class="btn btn-danger" target="_blank" rel="noopener">ယနေ့ ဒီဇိုင်းဒဏ္ဍာရီပုဂ္ဂိုလ်ကို ရှာဖွေလေ့လာပါ</a>
  </div>
</div>
<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=my"></script>

ရွေးချယ်မှု ၃: JSON

ဆော့ဖ်ဝဲရေးသားသူများ၊ အက်ပ်များနှင့် အလိုအလျောက်စနစ်များအတွက်ဖြစ်သည်။ JSON တွင် အမည်၊ ဖော်ပြချက်၊ ပုံလိပ်စာ၊ လင့်ခ်များနှင့် ရက်စွဲ ပါဝင်ပါသည်။ Cross-origin တောင်းဆိုမှုများကို ခွင့်ပြုထားပါသည်။

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

နမူနာ တုံ့ပြန်မှု

{
    "domain": "thedesignlegend.com",
    "name": "ဒီဇိုင်းဒဏ္ဍာရီပုဂ္ဂိုလ်",
    "feature": "ယနေ့ ဒီဇိုင်းဒဏ္ဍာရီပုဂ္ဂိုလ်",
    "paragraph": "A' Design Award သည် ထူးချွန်သော အသက်မွေးဝမ်းကျောင်းမှု၊ အိုင်ကွန်းနစ်ဖန်တီးမှုများနှင့် ရှေ့ဆောင်အတွေးအမြင်များဖြင့် ဒီဇိုင်း၏ သမိုင်းနှင့် ဖွံ့ဖြိုးတိုးတက်မှုကို ပုံသွင်းခဲ့သော လွှမ်းမိုးမှုရှိသော ဒီဇိုင်နာ သို့မဟုတ် ကမ္ဘာ့အဆင့်မီ ဗိသုကာပညာရှင်ကို ယနေ့ ဒီဇိုင်းဒဏ္ဍာရီပုဂ္ဂိုလ်အဖြစ် ဂုဏ်ပြုပါသည်။",
    "description": "ဒီဇိုင်းဒဏ္ဍာရီပုဂ္ဂိုလ်သည် ထူးချွန်သော အသက်မွေးဝမ်းကျောင်းမှု၊ အိုင်ကွန်းနစ်ဖန်တီးမှုများ၊ ရှေ့ဆောင်အတွေးအမြင်များနှင့် ရေရှည်တည်တံ့သော ပံ့ပိုးကူညီမှုများဖြင့် ဒီဇိုင်း၏ သမိုင်းနှင့် ဖွံ့ဖြိုးတိုးတက်မှုကို ပုံသွင်းခဲ့သော လွှမ်းမိုးမှုရှိသော ဒီဇိုင်နာများနှင့် ကမ္ဘာ့အဆင့်မီ ဗိသုကာပညာရှင်များကို ဂုဏ်ပြုပြီး ဂုဏ်သိက္ခာမြင့်မားသော A' Design Award and Competition မှ အသိအမှတ်ပြုထားသော ဖန်တီးသူများနှင့် အောင်မြင်မှုများကို မီးမောင်းထိုးပြပါသည်။",
    "call_to_action": "ယနေ့ ဒီဇိုင်းဒဏ္ဍာရီပုဂ္ဂိုလ်ကို ရှာဖွေလေ့လာပါ",
    "date": "2026-11-08",
    "language": "my",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "ဒီဇိုင်းနယ်ပယ်တွင် တစ်သက်တာ အောင်မြင်မှုများကို ပြန်လည်ကြည့်ရှုနိုင်သည့် ယနေ့ ဒီဇိုင်းဒဏ္ဍာရီပုဂ္ဂိုလ်",
    "url": "https://thedesignlegend.com/my/",
    "feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
    "embed_url": "https://thedesignlegend.com/my/htint-thwin/"
}

သိကောင်းစရာများ

  • သင့်လာရောက်သူများ အပြည့်အစုံအကြောင်းအရာကို ရှာဖွေနိုင်ရန် ပုံပတ်လည်ရှိ လင့်ခ်ကို ထားရှိပါ။
  • သင့်စာမျက်နှာ ခေတ်မီနေစေရန် အထက်တွင်ပြထားသော ပုံလိပ်စာကို အမြဲအသုံးပြုပြီး မိတ္တူသိမ်းမထားပါနှင့်။
  • ပုံသည် responsive ဖြစ်သည်— ၎င်း၏ container ထက် ပိုကျယ်မည်မဟုတ်ပါ။
  • အကူအညီ သို့မဟုတ် စိတ်ကြိုက်ပုံစံ လိုအပ်ပါသလား။ ကျေးဇူးပြု၍ ကျွန်ုပ်တို့ကို ဆက်သွယ်ပါ။

ပံ့ပိုးကြော်ငြာ

ဆုရ ဒီဇိုင်းများကို ရှာဖွေလေ့လာပါ

ယနေ့ ဒီဇိုင်း ကိုးကားချက်

ယနေ့ ဒီဇိုင်း ကိုးကားချက်

DesignAdage