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

ယနေ့ ထူးချွန်ဒီဇိုင်နာ

သင့်ဝဘ်ဆိုက်တွင် ယနေ့ ထူးချွန်ဒီဇိုင်နာ ထည့်သွင်းပြသခြင်း

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

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

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

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

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

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

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

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

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

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

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

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

Variant C: Bootstrap ကတ်

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

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

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

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

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

fetch("https://designerhighlightoftheday.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": "designerhighlightoftheday.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/highlight-of-the-day/today.png",
    "image_alt": "ကမ္ဘာ့ဒီဇိုင်းအသိုင်းအဝိုင်း၏ တစ်စိတ်တစ်ပိုင်းဖြစ်သော ထူးချွန်ဒီဇိုင်နာကို ပြသနေသည့် ယနေ့ ထူးချွန်ဒီဇိုင်နာ",
    "url": "https://designerhighlightoftheday.com/my/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.com/my/htint-thwin/"
}

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

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

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

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

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

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

DesignAdage