Pereka Hari Ini
Benamkan Pereka Hari Ini di Laman Web Anda
Pereka Hari Ini menerbitkan ciri baharu setiap hari. Alamat imej tidak berubah, tetapi gambar di sebaliknya bertukar, jadi anda hanya perlu menambah kod sekali dan pelawat anda akan melihat ciri hari ini secara automatik.
Cara ia berfungsi
Setiap hari, gambar baharu diterbitkan di satu alamat tetap. Halaman anda memuatkan alamat tersebut, jadi ia sentiasa menunjukkan ciri terkini, dan satu klik membawa pelawat anda ke Pereka Hari Ini di mana kisah penuh diceritakan.
Lebih suka menggunakan skrip? Tambahkan satu bekas dan satu skrip: widget akan melukis gaya yang anda pilih dengan data-dotd-variant (image, cta atau card), dalam bahasa alamat skrip jika bahasa tersebut tersedia. Jika anda tidak boleh menjalankan skrip, gunakan versi HTML bagi varian yang sama.
Varian A: imej sahaja
Gambar hari ini, dipautkan ke Pereka Hari Ini. Pilihan paling ringan.
Pratonton langsung
<a href="https://designeroftheday.com/ms/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="Potret Pereka Hari Ini menampilkan tokoh kreatif visioner yang diraikan hari ini" 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=ms"></script>Varian B: imej dan seruan tindakan
Gambar hari ini dengan seruan tindakan di bawahnya.
Pratonton langsung
<a href="https://designeroftheday.com/ms/" 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 Pereka Hari Ini menampilkan tokoh kreatif visioner yang diraikan hari ini" 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">Temui Pereka Hari Ini</span>
</a><div data-dotd="designeroftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designeroftheday.com/feature.js?lang=ms"></script>Varian C: kad Bootstrap
Kad Bootstrap dengan gambar, tajuk ciri, perenggan pendek dan butang seruan tindakan. Halaman anda memerlukan Bootstrap.
Pratonton langsung
<div class="card" style="max-width:24rem">
<a href="https://designeroftheday.com/ms/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/designer-of-the-day/today.png" class="card-img-top" alt="Potret Pereka Hari Ini menampilkan tokoh kreatif visioner yang diraikan hari ini" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Pereka Hari Ini</h5>
<p class="card-text">A' Design Award memperkenalkan seorang pereka yang sangat berbakat atau arkitek bertaraf dunia setiap hari, sebagai Pereka Hari Ini, mempersembahkan individu di sebalik karya kreatif yang cemerlang, falsafah reka bentuk, projek terkenal dan pencapaian mereka.</p>
<a href="https://designeroftheday.com/ms/" class="btn btn-danger" target="_blank" rel="noopener">Temui Pereka Hari Ini</a>
</div>
</div><div data-dotd="designeroftheday.com" data-dotd-variant="card"></div>
<script async src="https://designeroftheday.com/feature.js?lang=ms"></script>Pilihan 3: JSON
Untuk pembangun, aplikasi dan automasi. JSON mengandungi nama, penerangan, alamat imej, pautan dan tarikh. Permintaan silang asal dibenarkan.
fetch("https://designeroftheday.com/feature.json?lang=ms")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Contoh respons
{
"domain": "designeroftheday.com",
"name": "Pereka Hari Ini",
"feature": "Pereka Hari Ini",
"paragraph": "A' Design Award memperkenalkan seorang pereka yang sangat berbakat atau arkitek bertaraf dunia setiap hari, sebagai Pereka Hari Ini, mempersembahkan individu di sebalik karya kreatif yang cemerlang, falsafah reka bentuk, projek terkenal dan pencapaian mereka.",
"description": "Pereka Hari Ini memperkenalkan seorang pereka yang sangat berbakat atau arkitek bertaraf dunia setiap hari, mempersembahkan individu hebat di sebalik karya kreatif yang cemerlang, latar belakang profesional, falsafah reka bentuk, projek terkenal dan pencapaian mereka yang diiktiraf oleh A' Design Award and Competition yang sangat berprestij.",
"call_to_action": "Temui Pereka Hari Ini",
"date": "2026-11-08",
"language": "ms",
"image": "https://competition.adesignaward.com/designer-of-the-day/today.png",
"image_alt": "Potret Pereka Hari Ini menampilkan tokoh kreatif visioner yang diraikan hari ini",
"url": "https://designeroftheday.com/ms/",
"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/ms/paparan/"
}Baik untuk diketahui
- Kekalkan pautan di sekeliling imej, supaya pelawat anda boleh menemui ciri penuh.
- Sentiasa gunakan alamat imej yang ditunjukkan di atas dan jangan simpan salinan, supaya halaman anda sentiasa terkini.
- Imej adalah responsif: ia tidak akan melebihi lebar bekasnya.
- Perlukan bantuan atau format tersuai? Sila hubungi kami.