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

ယနေ့ ဒီဇိုင်းအမှတ်တံဆိပ်

သင့်ဝဘ်ဆိုက်တွင် ယနေ့ ဒီဇိုင်းအမှတ်တံဆိပ် ထည့်သွင်းပြသခြင်း

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

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

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

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

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

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

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

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

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

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

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

<a href="https://designbrandoftheday.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-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=my"></script>

Variant C: Bootstrap ကတ်

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

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

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

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

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

fetch("https://designbrandoftheday.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": "designbrandoftheday.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-brand-of-the-day/today.png",
    "image_alt": "ဒီဇိုင်းထူးချွန်မှုဖြင့် တောက်ပနေသော ဒီဇိုင်းဦးစားပေး အမှတ်တံဆိပ်ကို မီးမောင်းထိုးပြနေသည့် ယနေ့ ဒီဇိုင်းအမှတ်တံဆိပ်",
    "url": "https://designbrandoftheday.com/my/",
    "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/my/htint-thwin/"
}

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

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

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

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

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

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

DesignAdage