ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್
ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್ ಅನ್ನು ಎಂಬೆಡ್ ಮಾಡಿ
ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್ ಪ್ರತಿದಿನ ಹೊಸ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಪ್ರಕಟಿಸುತ್ತದೆ. ಚಿತ್ರದ ವಿಳಾಸ ಎಂದಿಗೂ ಬದಲಾಗುವುದಿಲ್ಲ, ಆದರೆ ಅದರ ಹಿಂದಿನ ಚಿತ್ರ ಬದಲಾಗುತ್ತದೆ, ಆದ್ದರಿಂದ ನೀವು ಕೋಡ್ ಅನ್ನು ಒಮ್ಮೆ ಸೇರಿಸಿದರೆ ಸಾಕು, ನಿಮ್ಮ ಸಂದರ್ಶಕರು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಇಂದಿನ ವೈಶಿಷ್ಟ್ಯವನ್ನು ನೋಡುತ್ತಾರೆ.
ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ
ಪ್ರತಿದಿನ ಒಂದು ಸ್ಥಿರ ವಿಳಾಸದಲ್ಲಿ ಹೊಸ ಚಿತ್ರವನ್ನು ಪ್ರಕಟಿಸಲಾಗುತ್ತದೆ. ನಿಮ್ಮ ಪುಟವು ಆ ವಿಳಾಸವನ್ನು ಲೋಡ್ ಮಾಡುತ್ತದೆ, ಆದ್ದರಿಂದ ಅದು ಯಾವಾಗಲೂ ಪ್ರಸ್ತುತ ವೈಶಿಷ್ಟ್ಯವನ್ನು ತೋರಿಸುತ್ತದೆ, ಮತ್ತು ಒಂದು ಕ್ಲಿಕ್ ನಿಮ್ಮ ಸಂದರ್ಶಕರನ್ನು ಸಂಪೂರ್ಣ ಕಥೆಯನ್ನು ಹೇಳುವ ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್ ಗೆ ಕರೆದೊಯ್ಯುತ್ತದೆ.
ಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಲು ಬಯಸುತ್ತೀರಾ? ಒಂದು ಕಂಟೇನರ್ ಮತ್ತು ಒಂದು ಸ್ಕ್ರಿಪ್ಟ್ ಸೇರಿಸಿ: ವಿಜೆಟ್ ನೀವು data-dotd-variant ಮೂಲಕ ಆಯ್ಕೆ ಮಾಡಿದ ಶೈಲಿಯನ್ನು (image, cta ಅಥವಾ card) ಬಿಡಿಸುತ್ತದೆ, ಆ ಭಾಷೆ ಲಭ್ಯವಿದ್ದಾಗ ಸ್ಕ್ರಿಪ್ಟ್ ವಿಳಾಸದ ಭಾಷೆಯಲ್ಲಿ. ನೀವು ಸ್ಕ್ರಿಪ್ಟ್ಗಳನ್ನು ಚಲಾಯಿಸಲು ಸಾಧ್ಯವಾಗದಿದ್ದರೆ, ಅದೇ ವೇರಿಯಂಟ್ನ HTML ಆವೃತ್ತಿಯನ್ನು ಬಳಸಿ.
ವೇರಿಯಂಟ್ A: ಚಿತ್ರ ಮಾತ್ರ
ಇಂದಿನ ಚಿತ್ರ, ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್ ಗೆ ಲಿಂಕ್ ಆಗಿದೆ. ಅತ್ಯಂತ ಹಗುರವಾದ ಆಯ್ಕೆ.
ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ
<a href="https://designbrandoftheday.com/kn/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" alt="ವಿನ್ಯಾಸ ಶ್ರೇಷ್ಠತೆಯ ಮೂಲಕ ಹೊಳೆಯುವ ವಿನ್ಯಾಸ-ಆಧಾರಿತ ಬ್ರ್ಯಾಂಡ್ ಅನ್ನು ಬೆಳಕಿಗೆ ತರುವ ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designbrandoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=kn"></script>
ವೇರಿಯಂಟ್ B: ಚಿತ್ರ ಮತ್ತು ಕ್ರಿಯೆಗೆ ಕರೆ
ಇಂದಿನ ಚಿತ್ರ ಕೆಳಗೆ ಕ್ರಿಯೆಗೆ ಕರೆಯೊಂದಿಗೆ.
ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ
<a href="https://designbrandoftheday.com/kn/" 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-brand-of-the-day/today.png" alt="ವಿನ್ಯಾಸ ಶ್ರೇಷ್ಠತೆಯ ಮೂಲಕ ಹೊಳೆಯುವ ವಿನ್ಯಾಸ-ಆಧಾರಿತ ಬ್ರ್ಯಾಂಡ್ ಅನ್ನು ಬೆಳಕಿಗೆ ತರುವ ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್" 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">ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್ ಅನ್ನು ಅನ್ವೇಷಿಸಿ</span>
</a>
<div data-dotd="designbrandoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=kn"></script>
ವೇರಿಯಂಟ್ C: Bootstrap ಕಾರ್ಡ್
ಚಿತ್ರ, ವೈಶಿಷ್ಟ್ಯದ ಶೀರ್ಷಿಕೆ, ಸಣ್ಣ ಪ್ಯಾರಾಗ್ರಾಫ್ ಮತ್ತು ಕ್ರಿಯೆಗೆ ಕರೆ ಬಟನ್ ಹೊಂದಿರುವ Bootstrap ಕಾರ್ಡ್. ನಿಮ್ಮ ಪುಟಕ್ಕೆ Bootstrap ಅಗತ್ಯವಿದೆ.
ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ
<div class="card" style="max-width:24rem">
<a href="https://designbrandoftheday.com/kn/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" class="card-img-top" alt="ವಿನ್ಯಾಸ ಶ್ರೇಷ್ಠತೆಯ ಮೂಲಕ ಹೊಳೆಯುವ ವಿನ್ಯಾಸ-ಆಧಾರಿತ ಬ್ರ್ಯಾಂಡ್ ಅನ್ನು ಬೆಳಕಿಗೆ ತರುವ ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್</h5>
<p class="card-text">A' Design Award ಪ್ರತಿದಿನ ವಿಶ್ವದರ್ಜೆಯ, ವಿನ್ಯಾಸ-ಆಧಾರಿತ ಬ್ರ್ಯಾಂಡ್ ಅನ್ನು ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್ ಆಗಿ ಪ್ರಸ್ತುತಪಡಿಸುತ್ತದೆ, ಅದರ ಗುರುತು, ಸೃಜನಶೀಲ ದೃಷ್ಟಿಕೋನ, ಉತ್ಪನ್ನಗಳು, ಕಾರ್ಪೊರೇಟ್ ಯೋಜನೆಗಳು ಮತ್ತು ವಿನ್ಯಾಸಕ್ಕೆ ವಿಶಿಷ್ಟ ವಿಧಾನವನ್ನು ಎತ್ತಿ ತೋರಿಸುತ್ತದೆ.</p>
<a href="https://designbrandoftheday.com/kn/" class="btn btn-danger" target="_blank" rel="noopener">ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್ ಅನ್ನು ಅನ್ವೇಷಿಸಿ</a>
</div>
</div>
<div data-dotd="designbrandoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=kn"></script>
ಆಯ್ಕೆ 3: JSON
ಡೆವಲಪರ್ಗಳು, ಅಪ್ಲಿಕೇಶನ್ಗಳು ಮತ್ತು ಆಟೋಮೇಶನ್ಗಾಗಿ. JSON ನಲ್ಲಿ ಹೆಸರು, ವಿವರಣೆ, ಚಿತ್ರದ ವಿಳಾಸ, ಲಿಂಕ್ಗಳು ಮತ್ತು ದಿನಾಂಕ ಇರುತ್ತದೆ. ಕ್ರಾಸ್-ಆರಿಜಿನ್ ವಿನಂತಿಗಳಿಗೆ ಅನುಮತಿ ಇದೆ.
fetch("https://designbrandoftheday.com/feature.json?lang=kn")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});
ಉದಾಹರಣೆ ಪ್ರತಿಕ್ರಿಯೆ
{
"domain": "designbrandoftheday.com",
"name": "ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್",
"feature": "ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್",
"paragraph": "A' Design Award ಪ್ರತಿದಿನ ವಿಶ್ವದರ್ಜೆಯ, ವಿನ್ಯಾಸ-ಆಧಾರಿತ ಬ್ರ್ಯಾಂಡ್ ಅನ್ನು ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್ ಆಗಿ ಪ್ರಸ್ತುತಪಡಿಸುತ್ತದೆ, ಅದರ ಗುರುತು, ಸೃಜನಶೀಲ ದೃಷ್ಟಿಕೋನ, ಉತ್ಪನ್ನಗಳು, ಕಾರ್ಪೊರೇಟ್ ಯೋಜನೆಗಳು ಮತ್ತು ವಿನ್ಯಾಸಕ್ಕೆ ವಿಶಿಷ್ಟ ವಿಧಾನವನ್ನು ಎತ್ತಿ ತೋರಿಸುತ್ತದೆ.",
"description": "ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್ ಪ್ರತಿದಿನ ವಿಶ್ವದರ್ಜೆಯ ವಿನ್ಯಾಸ-ಆಧಾರಿತ ಬ್ರ್ಯಾಂಡ್ ಅನ್ನು ಪ್ರಸ್ತುತಪಡಿಸುತ್ತದೆ, ಅತ್ಯಂತ ಪ್ರತಿಷ್ಠಿತ A' Design Award and Competition ಮಾನ್ಯತೆ ಪಡೆದ ಗುರುತು, ಸೃಜನಶೀಲ ದೃಷ್ಟಿಕೋನ, ಉತ್ಪನ್ನಗಳು, ಕಾರ್ಪೊರೇಟ್ ಯೋಜನೆಗಳು ಮತ್ತು ವಿನ್ಯಾಸಕ್ಕೆ ವಿಶಿಷ್ಟ ವಿಧಾನವನ್ನು ಎತ್ತಿ ತೋರಿಸುತ್ತದೆ.",
"call_to_action": "ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್ ಅನ್ನು ಅನ್ವೇಷಿಸಿ",
"date": "2026-11-08",
"language": "kn",
"image": "https://competition.adesignaward.com/design-brand-of-the-day/today.png",
"image_alt": "ವಿನ್ಯಾಸ ಶ್ರೇಷ್ಠತೆಯ ಮೂಲಕ ಹೊಳೆಯುವ ವಿನ್ಯಾಸ-ಆಧಾರಿತ ಬ್ರ್ಯಾಂಡ್ ಅನ್ನು ಬೆಳಕಿಗೆ ತರುವ ಇಂದಿನ ವಿನ್ಯಾಸ ಬ್ರ್ಯಾಂಡ್",
"url": "https://designbrandoftheday.com/kn/",
"feature_url": "https://competition.adesignaward.com/design-brand-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-brands-of-the-days.php",
"embed_url": "https://designbrandoftheday.com/kn/vaishishtya/"
}
ತಿಳಿದಿರಲು ಒಳ್ಳೆಯದು
- ಚಿತ್ರದ ಸುತ್ತಲೂ ಲಿಂಕ್ ಇಡಿ, ಆಗ ನಿಮ್ಮ ಸಂದರ್ಶಕರು ಸಂಪೂರ್ಣ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಅನ್ವೇಷಿಸಬಹುದು.
- ಯಾವಾಗಲೂ ಮೇಲೆ ತೋರಿಸಿದ ಚಿತ್ರ ವಿಳಾಸವನ್ನು ಬಳಸಿ ಮತ್ತು ಪ್ರತಿಯನ್ನು ಸಂಗ್ರಹಿಸಬೇಡಿ, ಆಗ ನಿಮ್ಮ ಪುಟ ನವೀಕೃತವಾಗಿರುತ್ತದೆ.
- ಚಿತ್ರ ರೆಸ್ಪಾನ್ಸಿವ್ ಆಗಿದೆ: ಅದು ತನ್ನ ಕಂಟೇನರ್ಗಿಂತ ಎಂದಿಗೂ ಅಗಲವಾಗುವುದಿಲ್ಲ.
- ಸಹಾಯ ಅಥವಾ ಕಸ್ಟಮ್ ಫಾರ್ಮ್ಯಾಟ್ ಬೇಕೇ? ದಯವಿಟ್ಟು ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ.