Langsuang ka isi utamo

Desainer Hari Ko

Pasang Desainer Hari Ko di Laman Web Awak

Desainer Hari Ko manarbitkan fitur baru satiok hari. Alamat gambar indak barubah, tapi gambar di baliaknyo barubah, jadi awak cukuik manambahkan kode sakali dan pangunjuang awak otomatis maliek fitur hari ko.

Baa caronyo

Satiok hari gambar baru ditarbitkan di satu alamat tetap. Laman awak mamuat alamat tu, jadi salalu manampilkan fitur terkini, dan klik mambao pangunjuang awak ka Desainer Hari Ko untuak mambaco kisah langkapnyo.

Labiah suko skrip? Tambahkan satu wadah jo satu skrip: widget tu manggambarkan gaya nan awak piliah jo data-dotd-variant (image, cta atau card), dalam bahaso dari alamat skrip jikok bahaso tu tasadio. Jikok awak indak bisa manjalankan skrip, gunoan versi HTML dari varian nan samo.

Varian A: gambar sajo

Gambar hari ko, ditautkan ka Desainer Hari Ko. Pilihan paliang ringan.

Pratinjau langsuang

<a href="https://designeroftheday.com/min/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="Potret Desainer Hari Ko nan manampilkan visioner kreatif nan dirayokan hari ko" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="image"></div>
<script async src="https://designeroftheday.com/feature.js?lang=min"></script>

Varian B: gambar jo ajakan batindak

Gambar hari ko jo ajakan batindak di bawahnya.

Pratinjau langsuang

<a href="https://designeroftheday.com/min/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
  <img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="Potret Desainer Hari Ko nan manampilkan visioner kreatif nan dirayokan hari ko" 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">Caliak Desainer Hari Ko</span>
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designeroftheday.com/feature.js?lang=min"></script>

Varian C: kartu Bootstrap

Kartu Bootstrap jo gambar, judul fitur, paragraf singkek dan tombol ajakan batindak. Laman awak mamaralukan Bootstrap.

Pratinjau langsuang

<div class="card" style="max-width:24rem">
  <a href="https://designeroftheday.com/min/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/designer-of-the-day/today.png" class="card-img-top" alt="Potret Desainer Hari Ko nan manampilkan visioner kreatif nan dirayokan hari ko" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Desainer Hari Ko</h5>
    <p class="card-text">A' Design Award mampakanalkan desainer nan sangaik babakat atau arsitek bakaliber dunia satiok hari, sabagai Desainer Hari Ko, manampilkan urang-urang di balik karya kreatif nan istimewa, filosofi desain, proyek-proyek dan pancapaian mareka nan takamujo.</p>
    <a href="https://designeroftheday.com/min/" class="btn btn-danger" target="_blank" rel="noopener">Caliak Desainer Hari Ko</a>
  </div>
</div>
<div data-dotd="designeroftheday.com" data-dotd-variant="card"></div>
<script async src="https://designeroftheday.com/feature.js?lang=min"></script>

Pilihan 3: JSON

Untuak pengembang, aplikasi dan otomasi. JSON ko barisi namo, deskripsi, alamat gambar, tautan dan tanggal. Permintaan lintas asal diizinkan.

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

Contoh tanggapan

{
    "domain": "designeroftheday.com",
    "name": "Desainer Hari Ko",
    "feature": "Desainer Hari Ko",
    "paragraph": "A' Design Award mampakanalkan desainer nan sangaik babakat atau arsitek bakaliber dunia satiok hari, sabagai Desainer Hari Ko, manampilkan urang-urang di balik karya kreatif nan istimewa, filosofi desain, proyek-proyek dan pancapaian mareka nan takamujo.",
    "description": "Desainer Hari Ko mampakanalkan desainer nan sangaik babakat atau arsitek bakaliber dunia satiok hari, manampilkan urang-urang nan hebat di balik karya kreatif nan istimewa, latar balakang profesional, filosofi desain, proyek-proyek takamujo dan pancapaian mareka nan diakui dek A' Design Award and Competition nan sangaik baprestise.",
    "call_to_action": "Caliak Desainer Hari Ko",
    "date": "2026-11-08",
    "language": "min",
    "image": "https://competition.adesignaward.com/designer-of-the-day/today.png",
    "image_alt": "Potret Desainer Hari Ko nan manampilkan visioner kreatif nan dirayokan hari ko",
    "url": "https://designeroftheday.com/min/",
    "feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
    "embed_url": "https://designeroftheday.com/min/fitur/"
}

Elok dikatahui

  • Jikok tautan di sakitar gambar tu, supayo pangunjuang awak bisa manomukan fitur langkapnyo.
  • Salalu gunoan alamat gambar nan ditampilkan di ateh dan jan manyimpan salinan, supayo laman awak tetap terkini.
  • Gambar tu responsif: indak akan labiah laweh dari wadahnyo.
  • Paralu bantuan atau format khusus? Silakan hubungi kami.

Kutipan Desain Ari Ko

Kutipan Desain Ari Ko

DesignAdage