Skip to main content

Tumblr Blog Tutorial om tilføjelse af sociale medier knapper

The Earth: Crash Course Astronomy #11 (April 2025)

The Earth: Crash Course Astronomy #11 (April 2025)
Anonim

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 inden for Tumblr instrumentbrættet.

Disse indbyggede knapper giver dig mulighed for at dele indhold inden for Tumblr-netværkets virtuelle vægge. men de giver dig ikke fleksibilitet til at dele indhold fra en webbaseret Tumblr blog (sat BlogName.Tumblr.com ) på andre vigtige sociale medier som Facebook, Twitter, Google+ eller andre steder.

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

Hvis du tilføjer kun en stribe kode i det højre afsnit af dit temas HTML-dokumenter, placeres de sociale medier-knapper under hvert tidligere offentliggjort blogindlæg og alle fremtidige blogindlæg.

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

01 af 07

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

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

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

02 af 07

Vælg dine sociale medier knapper

Gør en Google-søgning efter knap for det sociale netværk, du vil sætte 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 nemheds skyld er der et par officielle dele knap sider for nogle af de mest populære sociale netværk:

  • Officiel Facebook Like-knap
  • Officiel Twitter Tweet-knap
  • Officiel LinkedIn Share-knap
  • Officiel Google+ Share-knap
  • Officiel Pinterest Save-knap

Nogle sociale netværk giver dig mulighed for at foretage tilpasninger til deres knapper, herunder ændringer af knapstørrelsen, yderligere titeltekst, webadressestruktur, delingsoptælling og sprogindstillinger. Ikke alle sociale netværk gør det muligt for dig at gøre dette, men for dem, der gør det, ændres kodestykket i overensstemmelse med, hvordan du konfigurerer det.

Prøv at afstå fra at inkludere for mange knapper på din blog, da det kan medføre, at udseendet af dine indlæg ser rodet ud og forvirrende for læsere, der måske vil dele dit indhold.

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

03 af 07

Tilpas dine knapper og tag koden

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

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

04 af 07

Få adgang til din Tumblr-temakode

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

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

Klik Rediger HTML i editoren til venstre under Custom-temaetiketten. Redaktøren vil udvide for at vise dig alt dit tema kode.

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

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

05 af 07

Søg gennem dit tema kode

Den eneste kode kode, du skal finde, er linjen som lyder: {/ Blok: Indlæg}.

Detterepræsenterer slutningen af ​​blogindlægget og kan normalt findes nær bunden af ​​temadokumenterne, afhængigt af hvilket Tumblr-tema du bruger. Hvis du har svært ved at finde denne kodekode bare ved at gennemse det, kan du prøve at bruge Ctrl + F / Cmd + F tastaturgenvej eller alternativt klikke på tandhjulsikon Klik på i øverste venstre hjørne af skærmen Find og erstat og skriv derefter {/ Blok: Indlæg} ind i Søg efter felt.

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

06 af 07

Indsæt knapkoden i din temakode

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

Dette fortæller blogtemaet for at vise de sociale medier knapper nederst på hver enkelt blogindlæg.

Klik Opdater preview og klik derefter på blå gem knappen øverst i editoren.

07 af 07

Test din Tumblr Blog for at se dine nye Social Share-knapper

Du har gjort det til den sjove del. Hvis du har anbragt knappekoden korrekt i din temakode, skal din Tumblr-blog vise de delte knapper efter eget valg nederst på hvert enkelt indlæg og også på hvert indlæg, der vises på hovedfeeden.

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

Tips:

  • Indsæt knappekoden inde i dine temadokumenter, hver gang du ændrer dit blogtema til et helt nyt tema. Ændring af temaet overfører ikke tidligere indsat kode til de nye temadokumenter.
  • Når du placerer mere end en social media-knap på din blog, skal du sørge for, at der ikke er mellemrum eller nye linjer mellem to forskellige uddrag af knapkode. Dette sikrer, at flere knapper vises vandret ud for hinanden i modsætning til at blive vist lodret på forskellige linjer.
  • Forsøg at placere kodestykker for de sociale knapper før andre {/ block: elementer også. Afhængigt af dit tema kan du bemærke, at knapperne vises helt nederst på blogsiden, efter alle noterne fra andre Tumblr-brugere.