Sådan placerer du sociale medieknapper på en Tumblr-blog

click fraud protection

Enhver med en Tumblr-konto kan dele indhold med andre brugere ved at trykke på Ligesom-knap det, Reblog-knap, eller den Send-knap på et bestemt blogindlæg i Tumblr-dashboardet.

Disse indbyggede knapper giver dig mulighed for at dele indhold inden for de virtuelle vægge i Tumblr-netværket; dog giver de dig ikke fleksibiliteten til at dele indhold fra en webbaseret Tumblr-blog på andre store sociale mediesider som Facebook eller Twitter.

Hvis du vil tilføje yderligere deleknapper til din Tumblr-blog, så den ligner en rigtig blog, kan du enten betale for en premium-tema, der er udstyret med knapper eller gør arbejdet selv ved at kopiere og indsætte noget kode i din Tumblr-blog skabelon.

Tilføjelse af kun en streg kode i det højre afsnit af dit temas HTML-dokumenter placerer automatisk knapper på sociale medier under hvert tidligere offentliggjorte blogindlæg og alle fremtidige blogindlæg.

Bare rolig, det er lettere end du tror. Sådan gør du det.

Tilmeld dig eller log ind på din Tumblr-konto for at oprette eller få adgang til din blog

instagram viewer

Hvis du ikke allerede har oprettet en Tumblr-blog eller endda tilmeldt dig en konto, er det allerførste, du skal gøre, at besøge Tumblr.com hvor du bliver bedt om at indtaste din e-mail-adresse, adgangskode og ønskede blog-URL for at komme i gang.

Hvis du allerede har en konto og en blog, skal du blot logge ind.

Vælg dine sociale medieknapper

Foretag en Google-søgning efter de sociale netværksdeleknapper, du vil lægge på din Tumblr-blog. De fleste (hvis ikke alle) store sociale netværk har dedikerede hjælpesider, der viser dig, hvordan du konfigurerer det.

For din bekvemmelighed er her et par officielle sider med deleknapper til nogle af de mest populære sociale netværk:

  • Officiel Facebook Like-knap
  • Officiel Twitter-knap
  • Officiel LinkedIn Share-knap
  • Officiel Pinterest Gem-knap

Nogle sociale netværk giver dig mulighed for at foretage tilpasninger af deres knapper, herunder ændringer af knapstørrelse, yderligere titeltekst, URL-struktur, indstilling for antal optællinger og sprogindstillinger. Ikke alle sociale netværk giver dig mulighed for at gøre dette, men for dem der gør det, ændres kodestykket efter, hvordan du konfigurerer det.

Prøv at afstå fra at medtage for mange knapper på din blog, da det kan få dine indlæg til at se rodet og forvirrende ud for læsere, der måske vil dele dit indhold.

Overvej at placere maksimalt fem eller seks knapper på sociale medier under hvert blogindlæg, men færre er sandsynligvis bedre.

Tilpas dine knapper, og grib koden

Følg instruktionerne på det sociale netværks side med deleknapper for at tilpasse din knap, hvis det er nødvendigt. Når du er færdig, skal du få en streng kode, som du har brug for til din Tumblr-blog.

Kopier dette og indsæt det i et tomt ord eller et tekstdokument. Gør det for alle de knapper, du vil have, så du har hver knaps kode kode klar til brug.

Få adgang til din Tumblr-temakode

Gå tilbage til dit Tumblr-dashboard. Klik på person ikon i menuen øverst til højre, og klik derefter på Rediger udseende i rullemenuen til den tilsvarende blog (hvis du har flere blogs).

På den næste side skal du klikke på Rediger tema-knap. Din blog åbnes i preview-tilstand på højre side af skærmen med en editor til venstre.

Klik på Rediger HTML i redaktøren til venstre under etiketten Tilpasset tema. Editoren udvides for at vise dig hele dit temas kode.

Enkeltpersoner, der er uerfarne i at arbejde med HTML, PHP, JavaScript og anden computerkode kan føle sig skræmt ved at se på dette afsnit. Det vigtige at huske er, at du slet ikke skriver nogen ny kode.

Alt du skal gøre er at placere knappekoden inde i temadokumenterne, som du får vist, hvordan du gør i de næste sektioner.

Søg gennem din temakode

Den eneste linje kode, du skal finde, er den linje, der lyder: {/ blok: Indlæg}.

Det her repræsenterer slutningen af ​​blogindlægget og kan normalt findes i bunden af ​​temadokumenterne afhængigt af hvilket Tumblr-tema, du bruger. Hvis du har svært ved at finde denne kodelinje bare ved at gennemse den, kan du prøve at bruge Ctrl + F / Cmd + F. tastaturgenvej eller alternativt klikke på gearikon i skærmens øverste venstre hjørne skal du klikke Find og udskift og skriv derefter {/ blok: Indlæg} ind i Søg efter felt.

Søgefunktionen finder og fremhæver automatisk {/ blok: Indlæg} i din temakode.

Indsæt knapkoden i din temakode

Kopier den tilpassede knapkode, du oprettede, og indsæt den direkte før kodelinjen, der lyder: {/ blok: Indlæg}.

Dette fortæller blogtemaet at vise knapperne på de sociale medier i bunden af ​​hvert enkelt blogindlæg.

Klik på Eksempel på opdatering og klik derefter på blå Gem-knap øverst i redaktøren.

Test din Tumblr-blog for at se dine nye sociale deleknapper

Du har nået den sjove del. Hvis du korrekt har placeret knappekoden inde i din temakode, skal din Tumblr-blog vise del knapper efter eget valg i bunden af ​​hvert enkelt indlæg og også på hvert indlæg, der vises på hovedtelefonen foder.

Du kan klikke på dem for nemt at dele dine Tumblr-indlæg på andre sociale medianetværk.

  • Indsæt knapkoden i dine temadokumenter, hver gang du ændrer dit blogtema til et helt nyt tema. Ændring af tema overfører ikke tidligere indsat kode til de nye temadokumenter.
  • Når du placerer mere end en social medieknap på din blog, skal du sørge for, at der ikke er mellemrum eller nye linjer mellem to forskellige uddrag af knapkode. Dette vil sikre, at flere knapper vises vandret ved siden af ​​hinanden i modsætning til at blive vist lodret på forskellige linjer.
  • Eksperiment med at placere kodestykker til de sociale knapper foran andre {/ block: elementer også. Afhængigt af dit tema bemærker du muligvis, at knapperne vises nederst på blogsiden efter alle noterne fra andre Tumblr-brugere.
instagram story viewer