Tlolela ho diteng tse ka sehloohong

Moqapi ya Kgethehileng wa Letsatsi

Kenya Moqapi ya Kgethehileng wa Letsatsi Websaeteng ya Hao

Moqapi ya Kgethehileng wa Letsatsi e phatlalatsa ntho e ntjha letsatsi le leng le le leng. Aterese ya setshwantsho ha e fetohe, empa setshwantsho se ka morao ho yona sea fetoha, kahoo o kenya khoutu hang feela mme baeti ba hao ba bona ntho ya kajeno ka bo eona.

E sebetsa jwang

Letsatsi le leng le le leng setshwantsho se setjha se phatlalatswa atereseng e le nngwe e sa fetoheng. Leqephe la hao le laela aterese eo, kahoo le dula le bontsha ntho ya hajwale, mme ha motho a tobetsa baeti ba hao ba iswa ho Moqapi ya Kgethehileng wa Letsatsi moo pale e felletseng e phatlalatsitsweng teng.

O batla script? Kenya setshelo se le seng le script e le nngwe: widget e taka setaele seo o se kgethang ka data-dotd-variant (image, cta kapa card), ka puo ya aterese ya script ha puo eo e fumaneha. Haeba o ke ke wa sebedisa di-script, sebedisa mofuta wa HTML wa variant e tshwanang.

Mofuta wa A: setshwantsho feela

Setshwantsho sa kajeno, se hokahantsweng le Moqapi ya Kgethehileng wa Letsatsi. Kgetho e bobebe ka ho fetisisa.

Ponelopele e phelang

<a href="https://designerhighlightoftheday.com/st/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Moqapi ya Kgethehileng wa Letsatsi e hlahisang moqapi ya makatsang, karolo ya setjhaba sa lefatshe sa moralo" 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=st"></script>

Mofuta wa B: setshwantsho le mohoo wa ketso

Setshwantsho sa kajeno se nang le mohoo wa ketso ka tlase.

Ponelopele e phelang

<a href="https://designerhighlightoftheday.com/st/" 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="Moqapi ya Kgethehileng wa Letsatsi e hlahisang moqapi ya makatsang, karolo ya setjhaba sa lefatshe sa moralo" 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">Fumana Moqapi ya Kgethehileng wa Letsatsi</span>
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=st"></script>

Mofuta wa C: karete ya Bootstrap

Karete ya Bootstrap e nang le setshwantsho, sehlooho sa ntho e hlahiswang, serapa se sekgutshwane le konopo ya mohoo wa ketso. Leqephe la hao le hloka Bootstrap.

Ponelopele e phelang

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/st/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Moqapi ya Kgethehileng wa Letsatsi e hlahisang moqapi ya makatsang, karolo ya setjhaba sa lefatshe sa moralo" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Moqapi ya Kgethehileng wa Letsatsi</h5>
    <p class="card-text">A' Design Award e hlahisa moqapi ya etelletseng pele, moahi wa nalane, raboiqapelo wa maemo a hodimo kapa moqapi wa ntjha letsatsi le leng le le leng e le Moqapi ya Kgethehileng wa Letsatsi, e bontsha dikatlego tsa bona, mesebetsi ya boiqapelo le menehelo ya bona lefatsheng la moralo.</p>
    <a href="https://designerhighlightoftheday.com/st/" class="btn btn-danger" target="_blank" rel="noopener">Fumana Moqapi ya Kgethehileng wa Letsatsi</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=st"></script>

Kgetho ya 3: JSON

Bakeng sa bahlahisi ba software, di-app le tshebetso e iketsang. JSON e na le lebitso, tlhaloso, aterese ya setshwantsho, dilinke le letsatsi. Dikopo tsa cross-origin di a dumelleha.

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

Mohlala wa karabo

{
    "domain": "designerhighlightoftheday.com",
    "name": "Moqapi ya Kgethehileng wa Letsatsi",
    "feature": "Moqapi ya Kgethehileng wa Letsatsi",
    "paragraph": "A' Design Award e hlahisa moqapi ya etelletseng pele, moahi wa nalane, raboiqapelo wa maemo a hodimo kapa moqapi wa ntjha letsatsi le leng le le leng e le Moqapi ya Kgethehileng wa Letsatsi, e bontsha dikatlego tsa bona, mesebetsi ya boiqapelo le menehelo ya bona lefatsheng la moralo.",
    "description": "Moqapi ya Kgethehileng wa Letsatsi o hlahisa moqapi ya etelletseng pele, moahi wa nalane, raboiqapelo wa maemo a hodimo kapa moqapi wa ntjha letsatsi le leng le le leng, o bontsha dikatlego tsa bona, mesebetsi ya boiqapelo le menehelo ya bona lefatsheng la moralo, joalo ka ha ho amohelwa ke A' Design Award and Competition e hlomphehang haholo.",
    "call_to_action": "Fumana Moqapi ya Kgethehileng wa Letsatsi",
    "date": "2026-11-08",
    "language": "st",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Moqapi ya Kgethehileng wa Letsatsi e hlahisang moqapi ya makatsang, karolo ya setjhaba sa lefatshe sa moralo",
    "url": "https://designerhighlightoftheday.com/st/",
    "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/st/setshwantsho/"
}

Tse molemo ho di tseba

  • Boloka linke e potapotileng setshwantsho, e le hore baeti ba hao ba ka fumana pale e felletseng.
  • Sebedisa kamehla aterese ya setshwantsho e bontshitsweng ka hodimo mme o se ke wa boloka khopi, e le hore leqephe la hao le dule le ntjhafetse.
  • Setshwantsho se a ikamahanya: ha se ke se eba se seholo ho feta setshelo sa sona.
  • O hloka thuso kapa formate e ikgethang? Ka kopo ikopanye le rona.

Polelo ya Theho ya Letsatsi

Polelo ya Theho ya Letsatsi

DesignAdage