Sorotan Desainer Hari Ini

Sematkan Sorotan Desainer Hari Ini di Situs Web Anda

Sorotan Desainer Hari Ini menerbitkan fitur baru setiap hari. Alamat gambar tidak pernah berubah, tetapi gambar di baliknya berubah, jadi Anda cukup menambahkan kode sekali dan pengunjung Anda akan melihat fitur hari ini secara otomatis.

Cara kerjanya

Setiap hari sebuah gambar baru diterbitkan di satu alamat tetap. Halaman Anda memuat alamat tersebut, sehingga selalu menampilkan fitur terkini, dan satu klik akan membawa pengunjung Anda ke Sorotan Desainer Hari Ini tempat cerita lengkapnya disajikan.

Lebih suka menggunakan skrip? Tambahkan satu kontainer dan satu skrip: widget akan menampilkan gaya yang Anda pilih dengan data-dotd-variant (image, cta atau card), dalam bahasa sesuai alamat skrip jika bahasa tersebut tersedia. Jika Anda tidak dapat menjalankan skrip, gunakan versi HTML dari varian yang sama.

Varian A: gambar saja

Gambar hari ini, ditautkan ke Sorotan Desainer Hari Ini. Pilihan paling ringan.

Pratinjau langsung

<a href="https://designerhighlightoftheday.com/id/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Sorotan Desainer Hari Ini menampilkan desainer luar biasa, bagian dari komunitas desain global" 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=id"></script>

Varian B: gambar dan ajakan bertindak

Gambar hari ini dengan ajakan bertindak di bawahnya.

Pratinjau langsung

<a href="https://designerhighlightoftheday.com/id/" 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="Sorotan Desainer Hari Ini menampilkan desainer luar biasa, bagian dari komunitas desain global" 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">Temukan Sorotan Desainer Hari Ini</span>
</a>

<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=id"></script>

Varian C: kartu Bootstrap

Kartu Bootstrap dengan gambar, judul fitur, paragraf singkat, dan tombol ajakan bertindak. Halaman Anda memerlukan Bootstrap.

Pratinjau langsung

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/id/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Sorotan Desainer Hari Ini menampilkan desainer luar biasa, bagian dari komunitas desain global" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Sorotan Desainer Hari Ini</h5>
    <p class="card-text">A' Design Award menampilkan seorang desainer terkemuka, arsitek bintang, kreator top, atau inovator setiap hari sebagai Sorotan Desainer Hari Ini, memamerkan pencapaian, karya kreatif, dan kontribusi mereka terhadap dunia desain.</p>
    <a href="https://designerhighlightoftheday.com/id/" class="btn btn-danger" target="_blank" rel="noopener">Temukan Sorotan Desainer Hari Ini</a>
  </div>
</div>

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

Opsi 3: JSON

Untuk pengembang, aplikasi, dan otomatisasi. JSON berisi nama, deskripsi, alamat gambar, tautan, dan tanggal. Permintaan lintas-origin diizinkan.

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

Contoh respons

{
    "domain": "designerhighlightoftheday.com",
    "name": "Sorotan Desainer Hari Ini",
    "feature": "Sorotan Desainer Hari Ini",
    "paragraph": "A' Design Award menampilkan seorang desainer terkemuka, arsitek bintang, kreator top, atau inovator setiap hari sebagai Sorotan Desainer Hari Ini, memamerkan pencapaian, karya kreatif, dan kontribusi mereka terhadap dunia desain.",
    "description": "Sorotan Desainer Hari Ini menampilkan desainer terkemuka, arsitek bintang, kreator top, atau inovator setiap hari, memamerkan pencapaian, karya kreatif, dan kontribusi mereka terhadap dunia desain, sebagaimana diakui oleh A' Design Award and Competition yang sangat bergengsi.",
    "call_to_action": "Temukan Sorotan Desainer Hari Ini",
    "date": "2026-11-08",
    "language": "id",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Sorotan Desainer Hari Ini menampilkan desainer luar biasa, bagian dari komunitas desain global",
    "url": "https://designerhighlightoftheday.com/id/",
    "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/id/fitur/"
}

Hal penting untuk diketahui

Pertahankan tautan di sekitar gambar, agar pengunjung Anda dapat menemukan fitur selengkapnya.
Selalu gunakan alamat gambar yang ditampilkan di atas dan jangan menyimpan salinannya, agar halaman Anda tetap terkini.
Gambar bersifat responsif: tidak akan pernah lebih lebar dari kontainernya.
Butuh bantuan atau format khusus? Silakan hubungi kami.

Bersponsor

Temukan Desain Pemenang Penghargaan