Adto sa nag-unang sulod

Design Idea sa Adlaw

I-embed ang Design Idea sa Adlaw sa Imong Website

Design Idea sa Adlaw nagpagawas og bag-ong feature matag adlaw. Ang address sa imahe dili mausab, apan ang hulagway sa luyo niini mao ang mausab, mao nga idugang lang nimo ang code kausa ug ang imong mga bisita makakita sa feature karon nga adlaw nga awtomatiko.

Giunsa kini paglihok

Matag adlaw usa ka bag-ong hulagway ang gimantala sa usa ka permanente nga address. Ang imong panid nagkarga nianang address, mao nga kanunay kining nagpakita sa kasamtangan nga feature, ug ang usa ka pag-klik magdala sa imong mga bisita ngadto sa Design Idea sa Adlaw diin ang tibuok nga istorya gisugilon.

Gusto ba og script? Pagdugang og usa ka container ug usa ka script: ang widget nagdrowing sa estilo nga imong gipili gamit ang data-dotd-variant (image, cta o card), sa pinulongan sa address sa script kung anaa kana nga pinulongan. Kung dili ka makagamit og scripts, gamita ang HTML nga bersyon sa pareho nga variant.

Variant A: imahe lang

Ang hulagway karon, naka-link sa Design Idea sa Adlaw. Ang pinakagaan nga kapilian.

Live nga preview

<a href="https://designideaoftheday.com/ceb/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="Design Idea sa Adlaw nga nagpresentar sa usa ka innovatibo nga konsepto nga nagduso sa mga utlanan sa pagkamalikhain" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=ceb"></script>

Variant B: imahe ug call to action

Ang hulagway karon nga adunay call to action sa ilalom.

Live nga preview

<a href="https://designideaoftheday.com/ceb/" 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-idea-of-the-day/today.png" alt="Design Idea sa Adlaw nga nagpresentar sa usa ka innovatibo nga konsepto nga nagduso sa mga utlanan sa pagkamalikhain" 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">Tukiba ang Design Idea sa Adlaw</span>
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=ceb"></script>

Variant C: Bootstrap card

Usa ka Bootstrap card nga adunay hulagway, titulo sa feature, mubo nga parapo ug call to action button. Kinahanglan sa imong panid ang Bootstrap.

Live nga preview

<div class="card" style="max-width:24rem">
  <a href="https://designideaoftheday.com/ceb/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" class="card-img-top" alt="Design Idea sa Adlaw nga nagpresentar sa usa ka innovatibo nga konsepto nga nagduso sa mga utlanan sa pagkamalikhain" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Design Idea sa Adlaw</h5>
    <p class="card-text">Ang A' Design Award nagpresentar sa usa ka hataas nga innovatibo nga ideya sa disenyo o usa ka labi ka malikhain nga konsepto matag adlaw, isip Design Idea sa Adlaw, nagsusi sa orihinal nga panghunahuna, praktikal nga mga solusyon ug makadasig nga mga pamaagi sa kahusay sa disenyo.</p>
    <a href="https://designideaoftheday.com/ceb/" class="btn btn-danger" target="_blank" rel="noopener">Tukiba ang Design Idea sa Adlaw</a>
  </div>
</div>
<div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=ceb"></script>

Kapilian 3: JSON

Alang sa mga developer, apps ug automation. Ang JSON naglangkob sa ngalan, deskripsyon, address sa imahe, mga link ug petsa. Ang cross-origin nga mga request gitugutan.

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

Pananglitan nga tubag

{
    "domain": "designideaoftheday.com",
    "name": "Design Idea sa Adlaw",
    "feature": "Design Idea sa Adlaw",
    "paragraph": "Ang A' Design Award nagpresentar sa usa ka hataas nga innovatibo nga ideya sa disenyo o usa ka labi ka malikhain nga konsepto matag adlaw, isip Design Idea sa Adlaw, nagsusi sa orihinal nga panghunahuna, praktikal nga mga solusyon ug makadasig nga mga pamaagi sa kahusay sa disenyo.",
    "description": "Ang Design Idea sa Adlaw nagpresentar sa usa ka hataas nga innovatibo nga ideya sa disenyo, usa ka labi ka malikhain nga konsepto matag adlaw, nagsusi sa orihinal nga panghunahuna, praktikal nga mga solusyon ug makadasig nga mga pamaagi sa kahusay sa global nga disenyo, gipili sa hataas kaayo nga prestihiyoso nga A' Design Award and Competition.",
    "call_to_action": "Tukiba ang Design Idea sa Adlaw",
    "date": "2026-11-08",
    "language": "ceb",
    "image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
    "image_alt": "Design Idea sa Adlaw nga nagpresentar sa usa ka innovatibo nga konsepto nga nagduso sa mga utlanan sa pagkamalikhain",
    "url": "https://designideaoftheday.com/ceb/",
    "feature_url": "https://competition.adesignaward.com/design-idea-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-ideas-of-the-days.php",
    "embed_url": "https://designideaoftheday.com/ceb/feature/"
}

Maayong mahibal-an

  • Ipadayon ang link sa palibot sa imahe, aron ang imong mga bisita makadiskubre sa tibuok nga feature.
  • Kanunay gamita ang address sa imahe nga gipakita sa ibabaw ug ayaw pagtipig og kopya, aron ang imong panid magpabilin nga updated.
  • Ang imahe responsive: dili gayod kini molapad kay sa iyang container.
  • Kinahanglan og tabang o custom nga format? Palihog kontaka kami.

Kinutlo sa Disenyo Karong Adlawa

Kinutlo sa Disenyo Karong Adlawa

DesignAdage