HTML Twitter Embedded kode

For å hjelpe deg bygge inn en Twitter-feed på nettstedet ditt, har Twitter en widget du kan bruke til å opprette HTML og Javascript-kode som trengs for å gjøre det. Du kan endre mange av standardinnstillingene for widgeten for å automatisk oppdatere koden for å kopiere og lime inn på ditt nettsted. Bruke widget og innebygging en Twitter-feed på nettstedet ditt ikke krever at du har en Twitter-konto av dine egne.

Profil Widget

En av sidene på Twitter hjemmeside (twitter.com/about/resources/widgets/widget_profile) har en widget som du kan tilpasse utseendet på din Twitter-feed visning på ditt nettsted. Angi hvor mange tweets skal vises i widgeten på en gang - fra ett til 30 - om ikke å bruke et rullefelt og om du vil vise nye tweets som de er laget eller å oppdatere widgeten på tidsbestemte intervaller. Du kan også velge om du vil vise avatarer, tidsstempler eller hashtags med hver tweet.

formatering

Du kan endre mange av standardformateringsregler i widgeten om sitt utseende og størrelse. Endre fargene på bakgrunn, inkludert retnings bak tweets samt skallet selv. Du kan også endre fargen på teksten i skallet, teksten i hver tweet og koble tekst. Juster bredden og høyden av widget, som spesifiserer de to verdiene i piksler, velge tall som passer plassen som er angitt for Twitter-feed på ditt nettsted.

HTML-kode

Når du er fornøyd med utseendet på widget etter å ha testet det på Twitter-side, klikk på knappen merket "Finish & Grab Code" på denne siden for å automatisk generere HTML-koden som definerer fôret i en Javascript-funksjon. Den konverterer alle dine formateringsvalg for å attributter av ulike datatyper for en widget objekt og inkluderer alle innstillinger, for eksempel antall tweets, farger og størrelse, uten at du må gjøre flere endringer.

Gjennomføring

Kopier koden fra widgeten siden og lim den inn på ett eller flere av HTML-filer der du ønsker å vise Twitter feed. Parameteren gitt i "setUser" -funksjonen i koden inneholder navnet på Twitter-konto for å vise i fôret. Du kan endre dette til andre Twitter-kontoer for å vise forskjellige feeds. Lim inn koden flere ganger på én side og endre denne verdien til flere ulike kontoer for å vise en samling av Twitter-feeder på ett sted.