મુખ્ય સામગ્રી પર જાઓ

દિવસના ડિઝાઇનર હાઇલાઇટ

તમારી વેબસાઈટ પર દિવસના ડિઝાઇનર હાઇલાઇટ એમ્બેડ કરો

દિવસના ડિઝાઇનર હાઇલાઇટ દરરોજ એક નવી ફીચર પ્રકાશિત કરે છે. ઈમેજનું સરનામું ક્યારેય બદલાતું નથી, પણ તેની પાછળનું ચિત્ર બદલાય છે, તેથી તમે એક વાર કોડ ઉમેરો અને તમારા મુલાકાતીઓ આપોઆપ આજની ફીચર જુએ છે.

આ કેવી રીતે કામ કરે છે

દરરોજ એક નિશ્ચિત સરનામા પર એક નવું ચિત્ર પ્રકાશિત થાય છે. તમારું પેજ તે સરનામું લોડ કરે છે, તેથી તે હંમેશા વર્તમાન ફીચર બતાવે છે, અને ક્લિક કરવાથી તમારા મુલાકાતીઓ દિવસના ડિઝાઇનર હાઇલાઇટ પર જાય છે જ્યાં સંપૂર્ણ વાર્તા કહેવામાં આવે છે.

સ્ક્રિપ્ટ પસંદ કરો છો? એક કન્ટેનર અને એક સ્ક્રિપ્ટ ઉમેરો: વિજેટ data-dotd-variant (image, cta અથવા card) વડે તમે પસંદ કરેલી શૈલી દોરે છે, જ્યારે તે ભાષા ઉપલબ્ધ હોય ત્યારે સ્ક્રિપ્ટ સરનામાની ભાષામાં. જો તમે સ્ક્રિપ્ટ ચલાવી શકતા ન હો, તો સમાન વેરિઅન્ટનું HTML સંસ્કરણ વાપરો.

વેરિઅન્ટ A: ફક્ત ઈમેજ

આજનું ચિત્ર, દિવસના ડિઝાઇનર હાઇલાઇટ સાથે લિંક કરેલું. સૌથી હલકો વિકલ્પ.

લાઈવ પ્રીવ્યૂ

<a href="https://designerhighlightoftheday.com/gu/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="વૈશ્વિક ડિઝાઇન સમુદાયના ભાગ રૂપે એક નોંધપાત્ર ડિઝાઇનરને દર્શાવતું દિવસના ડિઝાઇનર હાઇલાઇટ" 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=gu"></script>

વેરિઅન્ટ B: ઈમેજ અને કૉલ ટુ એક્શન

આજનું ચિત્ર નીચે કૉલ ટુ એક્શન સાથે.

લાઈવ પ્રીવ્યૂ

<a href="https://designerhighlightoftheday.com/gu/" 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="વૈશ્વિક ડિઝાઇન સમુદાયના ભાગ રૂપે એક નોંધપાત્ર ડિઝાઇનરને દર્શાવતું દિવસના ડિઝાઇનર હાઇલાઇટ" 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="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=gu"></script>

વેરિઅન્ટ C: Bootstrap કાર્ડ

ચિત્ર, ફીચરનું શીર્ષક, એક ટૂંકો ફકરો અને કૉલ ટુ એક્શન બટન સાથેનું Bootstrap કાર્ડ. તમારા પેજને Bootstrap જરૂરી છે.

લાઈવ પ્રીવ્યૂ

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/gu/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-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://designerhighlightoftheday.com/gu/" class="btn btn-danger" target="_blank" rel="noopener">દિવસના ડિઝાઇનર હાઇલાઇટ શોધો</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=gu"></script>

વિકલ્પ 3: JSON

ડેવલપર્સ, એપ્સ અને ઓટોમેશન માટે. JSON માં નામ, વર્ણન, ઈમેજ સરનામું, લિંક્સ અને તારીખ સમાવિષ્ટ છે. ક્રોસ-ઓરિજિન વિનંતીઓ માન્ય છે.

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

ઉદાહરણ પ્રતિસાદ

{
    "domain": "designerhighlightoftheday.com",
    "name": "દિવસના ડિઝાઇનર હાઇલાઇટ",
    "feature": "દિવસના ડિઝાઇનર હાઇલાઇટ",
    "paragraph": "A' Design Award દરરોજ એક અગ્રણી ડિઝાઇનર, સ્ટાર આર્કિટેક્ટ, ટોચના સર્જક અથવા નવીનતાકારને દિવસના ડિઝાઇનર હાઇલાઇટ તરીકે રજૂ કરે છે, જેમાં તેમની સિદ્ધિઓ, સર્જનાત્મક કાર્ય અને ડિઝાઇનની દુનિયામાં યોગદાન પ્રદર્શિત થાય છે.",
    "description": "દિવસના ડિઝાઇનર હાઇલાઇટ દરરોજ એક અગ્રણી ડિઝાઇનર, સ્ટાર આર્કિટેક્ટ, ટોચના સર્જક અથવા નવીનતાકારને રજૂ કરે છે, જેમાં તેમની સિદ્ધિઓ, સર્જનાત્મક કાર્ય અને ડિઝાઇનની દુનિયામાં યોગદાન પ્રદર્શિત થાય છે, જેને અત્યંત પ્રતિષ્ઠિત A' Design Award and Competition દ્વારા માન્યતા મળી છે.",
    "call_to_action": "દિવસના ડિઝાઇનર હાઇલાઇટ શોધો",
    "date": "2026-11-08",
    "language": "gu",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "વૈશ્વિક ડિઝાઇન સમુદાયના ભાગ રૂપે એક નોંધપાત્ર ડિઝાઇનરને દર્શાવતું દિવસના ડિઝાઇનર હાઇલાઇટ",
    "url": "https://designerhighlightoftheday.com/gu/",
    "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/gu/fichar/"
}

જાણવા જેવું

  • ઈમેજની આસપાસ લિંક રાખો, જેથી તમારા મુલાકાતીઓ સંપૂર્ણ ફીચર શોધી શકે.
  • હંમેશા ઉપર બતાવેલ ઈમેજ સરનામું વાપરો અને નકલ સાચવશો નહીં, જેથી તમારું પેજ અપડેટ રહે.
  • ઈમેજ રિસ્પોન્સિવ છે: તે ક્યારેય તેના કન્ટેનર કરતાં પહોળી થતી નથી.
  • મદદ જોઈએ છે અથવા કસ્ટમ ફોર્મેટ જોઈએ છે? કૃપા કરીને અમારો સંપર્ક કરો.

પ્રાયોજિત

એવોર્ડ વિજેતા ડિઝાઇન્સ શોધો

દિવસનું ડિઝાઇન અવતરણ

દિવસનું ડિઝાઇન અવતરણ

DesignAdage