ཉིན་རེའི་བཀོད་པའི་ཁ་ཕྱོགས།

ཁྱེད་ཀྱི་དྲ་ཚིགས་སུ་ ཉིན་རེའི་བཀོད་པའི་ཁ་ཕྱོགས། སྡེབ་པ།

ཉིན་རེའི་བཀོད་པའི་ཁ་ཕྱོགས། ཉིན་རེར་ནང་དོན་གསར་པ་ཞིག་འགྲེམས་སྤེལ་བྱེད། པར་གྱི་གནས་ཡུལ་འགྱུར་བ་མེད་ཀྱང་རྒྱབ་ཀྱི་པར་ནི་ཉིན་རེར་འགྱུར། དེས་ན་ཁྱེད་ཀྱིས་ཨང་ཚབ་ཐེངས་གཅིག་བསྣན་ན་ཆོག་པ་དང་། ཁྱེད་ཀྱི་འཚམས་འདྲི་བ་ཚོས་ཉིན་དེའི་ནང་དོན་རང་བཞིན་གྱིས་མཐོང་ཐུབ།

ལས་ཀ་ཇི་ལྟར་བྱེད་མིན།

ཉིན་རེར་གནས་ཡུལ་གཏན་འཁེལ་གཅིག་ཏུ་པར་གསར་པ་ཞིག་འགྲེམས་སྤེལ་བྱེད། ཁྱེད་ཀྱི་ཤོག་ངོས་ཀྱིས་གནས་ཡུལ་དེ་ཁུར་ལེན་བྱེད་པས། རྟག་ཏུ་ད་ལྟའི་ནང་དོན་སྟོན་ཞིང་། གནོན་པ་ན་ཁྱེད་ཀྱི་འཚམས་འདྲི་བ་ཚོ་ ཉིན་རེའི་བཀོད་པའི་ཁ་ཕྱོགས། ལ་འཁྲིད་དེ་ལོ་རྒྱུས་ཆ་ཚང་བཀླག་ཐུབ།

ཁྱེད་ཀྱིས་ script འདོད་ན། སྣོད་གཅིག་དང་ script གཅིག་བསྣན་རོགས། widget ཡིས་ data-dotd-variant (image, cta ཡང་ན་ card) ནང་ཁྱེད་ཀྱིས་བདམས་པའི་བཟོ་དབྱིབས་འབྲི་བ་དང་། script གི་གནས་ཡུལ་དེའི་སྐད་ཡིག་ཡོད་ཚེ་སྐད་ཡིག་དེར་སྟོན། script འཁོར་སྐྱོད་བྱེད་མི་ཐུབ་ན། བཟོ་དབྱིབས་གཅིག་པའི་ HTML པར་གཞི་བེད་སྤྱོད་བྱོས།

བཟོ་དབྱིབས་ A: པར་རྐྱང་པ།

ཉིན་དེའི་པར། ཉིན་རེའི་བཀོད་པའི་ཁ་ཕྱོགས། ལ་སྦྲེལ་མཐུད་བྱས་པ། ཡང་བའི་གདམ་ག།

དངོས་སུ་སྔོན་བལྟ།

<a href="https://designtrendoftheday.com/bo/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="བཀོད་པའི་མ་འོངས་པ་གཟུགས་སུ་བསྒྱུར་བཞིན་པའི་གསར་དུ་འབྱུང་བཞིན་པའི་རྣམ་པ་མཐོང་སྟོན་བྱེད་པའི་ཉིན་རེའི་བཀོད་པའི་ཁ་ཕྱོགས།" loading="lazy" style="max-width:100%;height:auto">
</a>

<div data-dotd="designtrendoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=bo"></script>

བཟོ་དབྱིབས་ B: པར་དང་བྱ་གཞག་གི་འབོད་སྐུལ།

ཉིན་དེའི་པར་དང་འོག་ཏུ་བྱ་གཞག་གི་འབོད་སྐུལ།

དངོས་སུ་སྔོན་བལྟ།

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

བཟོ་དབྱིབས་ C: Bootstrap ཤོག་བྱང་།

པར་དང་ནང་དོན་གྱི་མཚན་བྱང་། ཐུང་ངུའི་དོན་ཚན་གཅིག་དང་བྱ་གཞག་གི་འབོད་སྐུལ་མཐེབ་གཅིག་ཡོད་པའི་ Bootstrap ཤོག་བྱང་ཞིག ཁྱེད་ཀྱི་ཤོག་ངོས་ལ་ Bootstrap དགོས།

དངོས་སུ་སྔོན་བལྟ།

<div class="card" style="max-width:24rem">
  <a href="https://designtrendoftheday.com/bo/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-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://designtrendoftheday.com/bo/" class="btn btn-danger" target="_blank" rel="noopener">ཉིན་རེའི་བཀོད་པའི་ཁ་ཕྱོགས་གཟིགས་དང༌</a>
  </div>
</div>

<div data-dotd="designtrendoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=bo"></script>

གདམ་ག་ 3: JSON

བཟོ་སྐྲུན་པ། ཉེར་སྤྱོད་ཆས་དང་རང་འགུལ་ལས་དོན་ཆེད། JSON ནང་མིང་། འགྲེལ་བཤད། པར་གྱི་གནས་ཡུལ། སྦྲེལ་མཐུད་དང་ཚེས་གྲངས་ཡོད། Cross-origin བླངས་ཆོག་པ་ཡིན།

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

དཔེ་ལན།

{
    "domain": "designtrendoftheday.com",
    "name": "ཉིན་རེའི་བཀོད་པའི་ཁ་ཕྱོགས།",
    "feature": "ཉིན་རེའི་བཀོད་པའི་ཁ་ཕྱོགས།",
    "paragraph": "A' Design Award གིས་ཉིན་རེ་བཞིན་ཉིན་རེའི་བཀོད་པའི་ཁ་ཕྱོགས་ཞེས་པའི་ཐོག་ནས་སྔ་མ་མེད་པའི་བཀོད་པའི་ཁ་ཕྱོགས་ཤིག་བརྟག་དཔྱད་བྱེད་ཀྱི་ཡོད་པ་དང༌། གསར་དུ་འབྱུང་བཞིན་པའི་བཟོ་ལྟ། འགྱུར་བཞིན་པའི་མཛེས་བཟོ་དང་ཐོན་རྫས། ལས་གཞི་དང་ཉམས་མྱོང་གི་བཀོད་པར་ཤུགས་རྐྱེན་ཐེབས་པའི་གསར་གཏོད་ཀྱི་ཁ་ཕྱོགས་གསར་པ་སོགས་འགྲེམས་སྟོན་བྱེད་ཀྱི་ཡོད།",
    "description": "ཉིན་རེའི་བཀོད་པའི་ཁ་ཕྱོགས་ཀྱིས་ཉིན་རེ་བཞིན་སྔ་མ་མེད་པའི་བཀོད་པའི་ཁ་ཕྱོགས་ཤིག་བརྟག་དཔྱད་བྱེད་ཀྱི་ཡོད་པ་དང༌། གཟེངས་རྟགས་ཀྱི་གོ་གནས་མཐོ་བའི A' Design Award and Competition གིས་ངོས་འཛིན་བྱས་པ་ལྟར་གསར་དུ་འབྱུང་བཞིན་པའི་བཟོ་ལྟ། འགྱུར་བཞིན་པའི་མཛེས་བཟོ། གསར་གཏོད་ཀྱི་ཁ་ཕྱོགས་གསར་པ་དང་ཐོན་རྫས། ལས་གཞི། ཉམས་མྱོང་གི་བཀོད་པར་ཤུགས་རྐྱེན་ཐེབས་པའི་གསར་གཏོད་ཅན་གྱི་ལག་ལེན་སོགས་འགྲེམས་སྟོན་བྱེད་ཀྱི་ཡོད།",
    "call_to_action": "ཉིན་རེའི་བཀོད་པའི་ཁ་ཕྱོགས་གཟིགས་དང༌",
    "date": "2026-11-08",
    "language": "bo",
    "image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
    "image_alt": "བཀོད་པའི་མ་འོངས་པ་གཟུགས་སུ་བསྒྱུར་བཞིན་པའི་གསར་དུ་འབྱུང་བཞིན་པའི་རྣམ་པ་མཐོང་སྟོན་བྱེད་པའི་ཉིན་རེའི་བཀོད་པའི་ཁ་ཕྱོགས།",
    "url": "https://designtrendoftheday.com/bo/",
    "feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
    "embed_url": "https://designtrendoftheday.com/bo/dpe-ris-sgrig-jug/"
}

ཤེས་དགོས་པའི་གནད་དོན།

པར་གྱི་མཐའ་ཁོར་གྱི་སྦྲེལ་མཐུད་བཞག་རོགས། དེ་ལྟར་བྱས་ན་ཁྱེད་ཀྱི་འཚམས་འདྲི་བ་ཚོས་ནང་དོན་ཆ་ཚང་རྙེད་ཐུབ།
རྟག་ཏུ་གོང་དུ་བསྟན་པའི་པར་གྱི་གནས་ཡུལ་བེད་སྤྱོད་བྱོས་ཤིག དཔར་བཟོས་མ་བཞག ཁྱེད་ཀྱི་ཤོག་ངོས་གསར་པ་ཉར་ཐུབ།
པར་ནི་འགྱུར་ཐུབ་ཡིན། སྣོད་ཀྱི་ཞེང་ཚད་ལས་རྒྱ་ཆེ་རུ་མི་འགྲོ།
རོགས་རམ་དགོས་སམ་བཟོ་དབྱིབས་སྒེར་གཏན་དགོས་ན། ང་ཚོར་འབྲེལ་བ་གནང་རོགས།

བརྒྱབ་བསྐུལ།

གཟེངས་རྟགས་ཐོབ་པའི་བཀོད་པ་ཁག་ཤེས་རྟོགས་བྱོས།