Hvordan legge til Tumblr Audio Player til HTML

Hvordan legge til Tumblr Audio Player til HTML


Tumblr, en gratis online blogging service, tillater brukere å dele innhold, bilder, videoer, lenker og lydfiler med bare noen få klikk. Mens prosessen med å legge tekst, bilder, linker og videoer er relativt grei, bruker nettstedet en tilpasset lydspiller for lydfiler. Hvis du lager din egen Tumblr tema, eller tilpasse et tema uten lydavspilling funksjonen, vil du trenger å vite noen Tumblr-spesifikke koder for lyd innlegg å jobbe med bloggen din.

Bruksanvisning

1 Åpne nettleseren, gå til Tumblr.com hjemmeside, og logg deg på med din e-postadresse og passord.

2 Klikk på navnet på bloggen din på toppen av Tumblr Dashboard, og klikk "Tilpass utseende" knappen i høyre sidebar.

3 Klikk på "Theme" -fanen øverst på tilpasningssiden. Klikk på «Bruk tilpasset HTML" knappen hvis du ikke ser linjer med HTML og CSS-kode.

4 Finn den delen av HTML som viser innlegg på bloggen. I de fleste blogger, det ligger under en linje med kode som leser "<div id =" innlegg ">" eller "<div id =" innhold ">".

5 Type "{block: Audio}" (uten anførselstegn) hvor som helst i "post" eller "innhold" seksjoner.

6 Type "{AudioPlayerBlack}" uten anførselstegn.

7 Type "{block: Caption} {Caption} {/ blokk: bildetekst}" uten anførselstegn.

8 Type "{/ block: Lyd}" uten anførselstegn.

9 Klikk på "Oppdater" -knappen for å forhåndsvise hvordan lyden spiller ser på bloggen din.

10 Klikk på "Lagre + Close" knappen for å oppdatere din Tumblr blogg.

Hint

  • Selv om det ikke er nødvendig, vil en fungerende forståelse av HTML og CSS være gunstig når du legger den lydspiller og lydarbeid til Tumblr nettstedet.
  • Du kan legge til andre elementer, for eksempel artistinformasjon, albumbilder og spille teller, ved å legge til kodene som er oppført i Tumblr tema ressursgrunnlaget.
  • Du kan velge en av tre farger for lydavspilling. I trinn 6, type "{AudioPlayerGrey}" for en grå-spiller, "{AudioPlayerWhite}" for en hvit spiller og "{AudioPlayerBlack}" for en svart spiller.
  • Du kan bruke CSS til å manipulere hvordan lydarbeid ser.