Tren Desain Hari Ini
Sematkan Tren Desain Hari Ini di Situs Web Anda
Tren Desain 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 Tren Desain 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 Tren Desain Hari Ini. Pilihan paling ringan.
Pratinjau langsung
<a href="https://designtrendoftheday.com/id/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="Visualisasi Tren Desain Hari Ini tentang pola-pola baru yang membentuk masa depan desain" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designtrendoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.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/design-trend-of-the-day/today.png" alt="Visualisasi Tren Desain Hari Ini tentang pola-pola baru yang membentuk masa depan desain" 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 Tren Desain Hari Ini</span>
</a><div data-dotd="designtrendoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.com/id/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" class="card-img-top" alt="Visualisasi Tren Desain Hari Ini tentang pola-pola baru yang membentuk masa depan desain" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Tren Desain Hari Ini</h5>
<p class="card-text">A' Design Award mengeksplorasi tren desain orisinal setiap hari, menampilkan gaya yang sedang berkembang, estetika yang berubah, dan arah kreatif baru yang memengaruhi cara produk, proyek, dan pengalaman dirancang sebagai Tren Desain Hari Ini.</p>
<a href="https://designtrendoftheday.com/id/" class="btn btn-danger" target="_blank" rel="noopener">Temukan Tren Desain Hari Ini</a>
</div>
</div><div data-dotd="designtrendoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.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": "designtrendoftheday.com",
"name": "Tren Desain Hari Ini",
"feature": "Tren Desain Hari Ini",
"paragraph": "A' Design Award mengeksplorasi tren desain orisinal setiap hari, menampilkan gaya yang sedang berkembang, estetika yang berubah, dan arah kreatif baru yang memengaruhi cara produk, proyek, dan pengalaman dirancang sebagai Tren Desain Hari Ini.",
"description": "Tren Desain Hari Ini mengeksplorasi tren desain orisinal setiap hari, menampilkan gaya yang sedang berkembang, estetika yang berubah, arah kreatif baru, dan pendekatan inovatif yang memengaruhi cara produk, proyek, dan pengalaman dirancang, sebagaimana diakui oleh A' Design Award and Competition yang sangat bergengsi.",
"call_to_action": "Temukan Tren Desain Hari Ini",
"date": "2026-11-08",
"language": "id",
"image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
"image_alt": "Visualisasi Tren Desain Hari Ini tentang pola-pola baru yang membentuk masa depan desain",
"url": "https://designtrendoftheday.com/id/",
"feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
"embed_url": "https://designtrendoftheday.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.