Hvordan sette sosiale medier-knapper på en Tumblr-blogg

click fraud protection

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

Disse innebygde knappene lar deg dele innhold innenfor de virtuelle veggene i Tumblr-nettverket; de gir deg imidlertid ikke fleksibiliteten til å dele innhold fra en nettbasert Tumblr-blogg på andre store sosiale mediesider som Facebook eller Twitter.

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

Hvis du legger til bare en stripe med kode i høyre del av tematets HTML-dokumenter, plasseres knappene på sosiale medier automatisk under hvert tidligere publiserte blogginnlegg og alle fremtidige blogginnlegg.

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

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

instagram viewer

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 å oppgi e-postadresse, passord og ønsket blogg-URL for å komme i gang.

Hvis du allerede har en konto og en blogg, er det bare å logge på.

Velg dine sosiale medieknapper

Gjør et Google-søk etter delingsknappene på det sosiale nettverket du vil sette på Tumblr-bloggen din. De fleste (om ikke alle) store sosiale nettverk har dedikerte hjelpesider som viser deg hvordan du konfigurerer det.

For din bekvemmelighet er her noen offisielle deleknappssider for noen av de mest populære sosiale nettverkene:

  • Offisiell Facebook Like-knapp
  • Offisiell Twitter Tweet-knapp
  • Offisiell LinkedIn Del-knapp
  • Offisiell Pinterest Lagre-knapp

Noen sosiale nettverk lar deg tilpasse knappene deres, inkludert endringer i knappestørrelse, ekstra titteltekst, URL-struktur, delealternativ og språkinnstillinger. Ikke alle sosiale nettverk lar deg gjøre dette, men for de som gjør det, endres kodebiten i henhold til hvordan du konfigurerer den.

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

Vurder å plassere maksimalt fem eller seks sosiale medieknapper under hvert blogginnlegg, men færre er sannsynligvis bedre.

Tilpass knappene dine og ta tak i koden

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

Kopier dette og lim det inn i et tomt ord eller tekstdokument. Gjør det for alle knappene du vil, slik at du har hver knappes kodestreng klar til bruk.

Få tilgang til Tumblr-temakoden

Gå tilbake til Tumblr-dashbordet. Klikk på personikon i menyen øverst til høyre, og klikk deretter Rediger utseendet i rullegardinmenyen for den tilsvarende bloggen (hvis du har flere blogger).

Klikk på på neste side Rediger tema-knappen. Bloggen din åpnes i forhåndsvisningsmodus på høyre side av skjermen med en redaktør til venstre.

Klikk Rediger HTML i redigeringsprogrammet til venstre under etiketten for tilpasset tema. Redaktøren utvides for å vise deg all temaets kode.

Enkeltpersoner som er uerfarne i å jobbe med HTML, PHP, JavaScript og annen datamaskinkode kan føle seg skremt av å 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 temadokumentene, som du får se hvordan du gjør i de neste avsnittene.

Søk gjennom temakoden

Den eneste kodelinjen du trenger å finne er linjen som lyder: {/ blokk: Innlegg}.

Dette representerer slutten av blogginnlegget og kan vanligvis bli funnet nær den nederste delen av temadokumentene, avhengig av hvilket Tumblr-tema du bruker. Hvis du har problemer med å finne denne kodelinjen bare ved å bla gjennom den, kan du prøve å bruke Ctrl + F / Cmd + F. hurtigtast eller alternativt klikke på girikon øverst til venstre på skjermen, klikk Finn og erstatt og skriv deretter {/ blokk: Innlegg} inn i det Søk etter felt.

Søkefunksjonen vil automatisk finne og fremheve {/ blokk: Innlegg} i temakoden din.

Lim inn knappekoden i temakoden

Kopier den tilpassede knappekoden du opprettet, og lim den inn rett før linjen med kode: {/ blokk: Innlegg}.

Dette forteller bloggtemaet om å vise knappene på sosiale medier nederst i hvert blogginnlegg.

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

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

Du har klart det morsomme. Hvis du har plassert knappekoden riktig i temakoden din, bør Tumblr-bloggen din vise del knappene du ønsker nederst i hvert enkelt innlegg og også på hvert innlegg som vises på hovedmenyen mate.

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

  • Lim inn knappekoden i temadokumentene hver gang du endrer bloggtemaet til et helt nytt tema. Hvis du endrer tema, overføres ikke tidligere limt kode til de nye temadokumentene.
  • Når du plasserer mer enn en sosial medieknapp på bloggen din, må du sørge for at det ikke er mellomrom eller nye linjer mellom to forskjellige utdrag av knappekode. Dette vil sikre at flere knapper vises horisontalt ved siden av hverandre i motsetning til å vises vertikalt på forskjellige linjer.
  • Eksperimenter med å plassere kodebitene for de sosiale knappene før andre {/ block: elementer også. Avhengig av temaet ditt, vil du kanskje legge merke til at knappene vises helt nederst på bloggsiden, etter alle notatene fra andre Tumblr-brukere.
instagram story viewer