Skip to main content

Tumblr Blog Tutorial om å legge til sosiale medier knapper

???? FLYTTEVLOG 1! Viser dere leiligheten & pusser opp ???????? // Sara Kvammen (April 2025)

???? FLYTTEVLOG 1! Viser dere leiligheten & pusser opp ???????? // Sara Kvammen (April 2025)
Anonim

Alle med en Tumblr-konto kan dele innhold med andre brukere ved å trykke på Som knapp de,Reblog-knappen eller Send-knappen på et bestemt blogginnlegg i Tumblr-instrumentbrettet.

Disse innebygde knappene lar deg dele innhold i de virtuelle veggene i Tumblr-nettverket. men de gir deg ikke fleksibiliteten til å dele innhold fra en web-basert Tumblr-blogg (lørdag BlogName.Tumblr.com ) på andre viktige sosiale medier, som Facebook, Twitter, Google+ eller andre steder.

Hvis du vil legge til flere deleknapper i din Tumblr-blogg slik at det ser ut som en ekte blogg, kan du enten betale for et premium-tema som er utstyrt med knapper eller gjør jobben selv ved å kopiere og lime inn noen kode i din Tumblr-bloggmal .

Hvis du legger til bare en stripe med kode i den høyre delen av temaet ditt, vil HTML-dokumenter automatisk plassere sosiale medier-knapper under hvert tidligere publisert blogginnlegg og alle fremtidige blogginnlegg.

Ikke bekymre deg, det er lettere enn du tror. Slik gjør du det.

01 av 07

Registrer deg eller logg inn på din Tumblr-konto for å opprette eller få tilgang til bloggen din

Hvis du ikke allerede har opprettet en Tumblr-blogg eller til og med registrert deg for en konto, er det aller første du må gjøre, å besøke Tumblr.com der du blir bedt om å skrive inn din e-postadresse, passord og ønsket bloggadresse for å komme i gang .

Hvis du allerede har en konto og en blogg, logg ganske enkelt på.

02 av 07

Velg dine sosiale medier knapper

Gjør et Google-søk etter delingsknapper for sosiale nettverk du vil sette på din Tumblr-blogg. De fleste (hvis ikke alle) store sosiale nettverk har dedikerte hjelpesider som viser deg hvordan du setter opp det.

For enkelhets skyld er det noen få offisielle aksje knapp sider for noen av de mest populære sosiale nettverkene:

  • Offisiell Facebook Like-knapp
  • Offisiell Twitter Tweet-knapp
  • Offisiell LinkedIn Share-knapp
  • Offisiell Google+ Share-knapp
  • Offisiell Pinterest Save-knapp

Noen sosiale nettverk vil tillate deg å gjøre tilpasninger til knappene sine, inkludert endringer i knappestørrelsen, ytterligere titteltekst, URL-struktur, share count-alternativ og språkinnstillinger. Ikke alle sosiale nettverk lar deg gjøre dette, men for de som gjør det, vil kodebiten endres i henhold til hvordan du konfigurerer den.

Prøv å avstå fra å inkludere for mange knapper på bloggen din, siden det kan føre til at utseendet på innleggene dine ser rotete ut og forvirrende for lesere som kanskje vil dele innholdet ditt.

Vurder å plassere maksimalt fem eller seks sosiale medier knapper under hvert blogginnlegg, men færre er trolig bedre.

03 av 07

Tilpass knappene dine og ta tak i koden

Følg instruksjonene på det sosiale nettverkets delingsknappside for å tilpasse knappen din om nødvendig. Når du er ferdig, bør du få en streng kode som du trenger for din Tumblr-blogg.

Kopier dette og lim det inn i et tomt ord eller tekstdokument. Gjør det for alle knappene du vil ha, slik at du har hver tastes streng kode klar til å gå.

04 av 07

Få tilgang til din Tumblr-temakode

Gå tilbake til ditt Tumblr dashbord. Klikk på personikonet i øverste høyre meny og klikk deretter Rediger utseende i rullegardinmenyen for den tilsvarende bloggen (hvis du har flere blogger).

På den følgende siden klikker du på Rediger tema knapp. Din blogg vil åpne i forhåndsvisningsmodus på høyre side av skjermen med en editor til venstre.

Klikk Rediger HTML i redigeringen til venstre under Custom theme label. Redaktøren vil utvide for å vise deg alle temaets kode.

Personer som er uerfarne i å jobbe med HTML, PHP, JavaScript og annen datakode kan føles skremt ved å se på denne delen. Det viktige å huske er at du ikke vil skrive noen ny kode i det hele tatt.

Alt du trenger å gjøre er å plassere knappekoden i temadokumenter, som du vil vise hvordan du gjør i de neste avsnittene.

05 av 07

Søk gjennom temakoden din

Den eneste koden du trenger å finne er linjen som leser: {/ Blokk: Innlegg}.

Detterepresenterer slutten av blogginnlegget og kan vanligvis bli funnet i nærheten av den nederste delen av tema-dokumentene, avhengig av hvilket Tumblr-tema du bruker. Hvis du har problemer med å finne denne koden, bare ved å bla gjennom den, kan du prøve å bruke Ctrl + F / cmd + F tastaturgenvei eller alternativt klikk på utstyrsikonet Klikk på øverst til venstre på skjermen Finn og erstatt og skriv deretter inn {/ Blokk: Innlegg} inn i det Søk etter felt.

Søkefunksjonen finner automatisk og markerer{/ Blokk: Innlegg} i temakoden din.

06 av 07

Lim inn knappekoden i temakoden din

Kopier den tilpassede knappekoden du opprettet og lim den inn direkte før linjen med kode som lyder: {/ Blokk: Innlegg}.

Dette forteller blogtemaet for å vise de sosiale medier-knappene nederst i hvert enkelt blogginnlegg.

Klikk Oppdater forhåndsvisning og klikk deretter på blå lagre knapp øverst på redaktøren.

07 av 07

Test din Tumblr-blogg for å se dine nye sosiale deleknapper

Du har gjort det til den morsomme delen. Hvis du har riktig plassert knappekoden i temakoden din, bør din Tumblr-blogg vise deleknappene du ønsker, nederst på hvert enkelt innlegg, og også på hvert innlegg som vises på hovedinngangen.

Du kan klikke på dem for enkelt å dele dine Tumblr-innlegg på andre sosiale medier.

Tips:

  • Lim inn knappekoden i temadokumenter hver gang du bytter bloggtema til et helt nytt tema. Hvis du endrer temaet, overføres ikke tidligere limt kode til de nye tema dokumentene.
  • Når du plasserer mer enn en sosial media-knapp på bloggen din, må du kontrollere at det ikke er mellomrom eller nye linjer mellom to forskjellige utsnitt av knappekoden. Dette sikrer at flere knapper vises horisontalt ved siden av hverandre, i motsetning til å bli vist vertikalt på forskjellige linjer.
  • Forsøk å plassere kodestykker for de sosiale knappene før andre {/ block: elementer også. Avhengig av temaet, kan du merke at knappene dukker opp nederst på bloggsiden, etter alle notatene fra andre Tumblr-brukere.