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

દિવસની ડિઝાઇન ટીમ

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

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

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

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

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

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

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

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

<a href="https://designteamoftheday.com/gu/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="નવીન પ્રોજેક્ટ્સ પર સહયોગ કરતી પુરસ્કાર વિજેતા દિવસની ડિઝાઇન ટીમ" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designteamoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=gu"></script>

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

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

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

<a href="https://designteamoftheday.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/design-team-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="designteamoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=gu"></script>

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

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

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

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

વિકલ્પ 3: JSON

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

fetch("https://designteamoftheday.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": "designteamoftheday.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/design-team-of-the-day/today.png",
    "image_alt": "નવીન પ્રોજેક્ટ્સ પર સહયોગ કરતી પુરસ્કાર વિજેતા દિવસની ડિઝાઇન ટીમ",
    "url": "https://designteamoftheday.com/gu/",
    "feature_url": "https://competition.adesignaward.com/design-team-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-teams-of-the-days.php",
    "embed_url": "https://designteamoftheday.com/gu/fichar/"
}

જાણવા જેવું

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

પ્રાયોજિત

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

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

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

DesignAdage