HTML-koding for bilder på Tumblr

Hvis du har bilder du vil vise, og du kjører en Tumblr-blogg, bør du vurdere å legge til en fotografisk lysbildefremvisning til et innlegg. En lysbildefremvisning presenterer en rekke utpekte bilder, den ene etter den andre, uten at besøkende må gjøre noe for å gjøre bildene fremskritt. Ved hjelp av HyperText Markup Language (HTML), kan du opprette en lysbildefremvisning som automatisk ruller bildene dine fra høyre til venstre. Legg til HTML-koden som lager en bildeserie på Tumblr-siden din.

1.

Pek nettleseren din til et gratis bilde hosting nettsted som imgPlace, FreeCodeSource.com, ImageShack, TinyPic eller Postimage.org. Klikk på "Bla gjennom", "Åpne" eller "Velg fil" -knappen for å velge fotofilene på datamaskinen og legge dem til verten. Kopier direkte koblingen som vises ved slutten av denne prosessen (for eksempel img / business-technology-customer support / 525 / html-coding-photo-slideshows-tumblr-2.jpg).

2.

Logg inn på din Tumblr-konto og klikk på "Preferences" -ikonet i menylinjen.

3.

Klikk alternativet "Vanlig tekst / HTML" ved siden av "Tittel for redigering av innlegg ved bruk" for å aktivere HTML-kode i innlegg på Tumblr. Klikk på "Lagre innstillinger" -knappen nederst på siden for å bevare dine preferanser.

4.

Klikk på "Tekst" -ikonet øverst på Dashboard-siden som åpnes. Denne handlingen bringer opp "Legg til en tekstpost" -side der du skriver inn HTML-koden for bildeserievisningen.

5.

Skriv "" i Post-tekstboksen. Plasser markøren mellom merketegnene.

6.

Tast inn " "for hvert bilde du vil inkludere i lysbildefremvisningen. Skriv inn bildens URL mellom anførselstegnene. For eksempel:

Ved hjelp av eksemplet fra trinn 1 vil koden se slik ut:

7.

Klikk på "Forhåndsvisning" -knappen nederst i tekstboksen for å se bildedisplayet på bloggen din. Når du er klar, klikk på "Opprett innlegg" -knappen for å publisere arbeidet ditt til Tumblr.

Anbefalt