Idea Reka Bentuk Hari Ini
Benamkan Idea Reka Bentuk Hari Ini di Laman Web Anda
Idea Reka Bentuk 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 Idea Reka Bentuk 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 Idea Reka Bentuk Hari Ini. Pilihan paling ringan.
Pratonton langsung
<a href="https://designideaoftheday.com/ms/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="Idea Reka Bentuk Hari Ini mempersembahkan konsep inovatif yang menolak sempadan kreativiti" 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=ms"></script>
Varian B: imej dan seruan tindakan
Gambar hari ini dengan seruan tindakan di bawahnya.
Pratonton langsung
<a href="https://designideaoftheday.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/design-idea-of-the-day/today.png" alt="Idea Reka Bentuk Hari Ini mempersembahkan konsep inovatif yang menolak sempadan kreativiti" 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 Idea Reka Bentuk Hari Ini</span>
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.com/ms/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" class="card-img-top" alt="Idea Reka Bentuk Hari Ini mempersembahkan konsep inovatif yang menolak sempadan kreativiti" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Idea Reka Bentuk Hari Ini</h5>
<p class="card-text">A' Design Award mempersembahkan idea reka bentuk yang sangat inovatif atau konsep yang amat kreatif setiap hari, sebagai Idea Reka Bentuk Hari Ini, meneroka pemikiran asli, penyelesaian praktikal dan pendekatan inspiratif ke arah kecemerlangan reka bentuk.</p>
<a href="https://designideaoftheday.com/ms/" class="btn btn-danger" target="_blank" rel="noopener">Temui Idea Reka Bentuk Hari Ini</a>
</div>
</div>
<div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.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": "designideaoftheday.com",
"name": "Idea Reka Bentuk Hari Ini",
"feature": "Idea Reka Bentuk Hari Ini",
"paragraph": "A' Design Award mempersembahkan idea reka bentuk yang sangat inovatif atau konsep yang amat kreatif setiap hari, sebagai Idea Reka Bentuk Hari Ini, meneroka pemikiran asli, penyelesaian praktikal dan pendekatan inspiratif ke arah kecemerlangan reka bentuk.",
"description": "Idea Reka Bentuk Hari Ini mempersembahkan idea reka bentuk yang sangat inovatif, konsep yang amat kreatif setiap hari, meneroka pemikiran asli, penyelesaian praktikal dan pendekatan inspiratif ke arah kecemerlangan reka bentuk global, dipilih oleh A' Design Award and Competition yang sangat berprestij.",
"call_to_action": "Temui Idea Reka Bentuk Hari Ini",
"date": "2026-11-08",
"language": "ms",
"image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
"image_alt": "Idea Reka Bentuk Hari Ini mempersembahkan konsep inovatif yang menolak sempadan kreativiti",
"url": "https://designideaoftheday.com/ms/",
"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/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.