Hvordan legge til Tweet og Facebook som knapper til Tumblr

Twitter "Tweet" -knappen og Facebook "Like" -knappen er enkle deler av koden som gjør det enkelt for leserne å dele innhold fra Tumblr blogg på deres foretrukne sosiale nettverk med et enkelt museklikk. Som standard er koden for begge knappene ikke optimalisert for Tumblr - men du kan enkelt oppdatere koden for å sikre at riktig postens tittel og webadressen er gått selv på Twitter eller Facebook når knappen blir brukt.

Bruksanvisning

Tweet Button

1 Naviger til twitter.com/about~~V og klikk "Tweet Button" i "Ressurser" seksjonen.

2 Velg ønsket Tweet knappen orientering ved å klikke på alternativknappen i "Button" -kategorien.

3 Velg fanen "Tweet Tekst", og klikk på knappen ved siden av "Enter noen annen tekst." Type "{tittel}" i tekstboksen.

4 Velg "URL" -fanen og klikk på knappen ved siden av "Enter en annen URL." Type "{permalink}" i tekstboksen.

5 Kopier HTML-koden fra Tweet knappen tekstboksen.

6 Naviger til tumblr.com og logge på kontoen din. Hvis du har flere Tumblr blogger, velge bloggen som du vil legge til en Tweet-knapp.

7 Klikk "Tilpass utseende."

8 Velg "Theme" -fanen og deretter "Bruk Custom HTML."

9 Lim inn HTML-kode etter "{blokk: Innlegg}" tag men før "{block: Tekst}" tag. Klikk "Update Preview" for å se en forhåndsvisning av bloggen din før du publiserer endringene og endre plasseringen av Tweet knappen etter behov.

10 Klikk på "Lagre + Close".

Facebook Like Button

11 Naviger til developers.facebook.com og klikk "Like Button" i "Bygg for Websites" delen.

12 Type "{permalink}" i "URL til å like" tekstboksen.

1. 3 Tilpass utseendet på din Facebook Like-knappen inkludert layout, bredde, farge, font og verb valg.

14 Klikk "Get Code."

15 Kopier HTML-koden fra "Like-knappen" tekstboksen.

16 Naviger til Tumblr og logge på kontoen din. Hvis du har flere Tumblr blogger, velge bloggen som du vil legge til en Tweet-knapp.

17 Klikk "Tilpass utseende."

18 Velg "Theme" -fanen og deretter "Bruk Custom HTML."

19 Lim inn HTML-kode etter "{blokk: Innlegg}" tag men før "{block: Tekst}" tag. Klikk "Update Preview" for å se en forhåndsvisning av bloggen din før du publiserer endringene og endre plasseringen av Tweet knappen etter behov.

20 Legg til "<meta property =" og: title "content =" {block: PostTitle} {PostTitle} {/ blokk: PostTitle} "/> <meta property =" og: SITE_NAME "content =" {tittel} "/>" før "</ head>" tag. Klikk "Update Preview" for å forhåndsvise bloggen din før du publiserer den oppdaterte tema og justere plasseringen av Facebook Like-knappen etter behov.

21 Klikk på "Lagre + Close".