Skip to main content

Tumblr Blogg Handledning om att lägga till sociala medier knappar

HE'S GOT THE WHOLE WORLD IN HIS HANDS, HE'S GOT THE WIND AND THE RAIN, TINY LITTLE BABY IN HIS HANDS (April 2025)

HE'S GOT THE WHOLE WORLD IN HIS HANDS, HE'S GOT THE WIND AND THE RAIN, TINY LITTLE BABY IN HIS HANDS (April 2025)
Anonim

Alla med ett Tumblr-konto kan dela innehåll med andra användare genom att trycka på Som knapp de,Reblog-knappen eller den Skicka-knappen på ett visst blogginlägg inom Tumblr-instrumentbrädan.

Med dessa inbyggda knappar kan du dela innehåll i de virtuella väggarna i Tumblr-nätverket. men de ger dig inte flexibiliteten att dela innehåll från en webbaserad Tumblr-blogg (satt BlogName.Tumblr.com ) på andra viktiga sociala medier som Facebook, Twitter, Google+ eller andra platser.

Om du vill lägga till ytterligare delknappar till din Tumblr-blogg så att den ser ut som en riktig blogg kan du antingen betala för ett premiumtema som är utrustad med knappar eller gör jobbet själv genom att kopiera och klistra in någon kod i din Tumblr-bloggmall .

Om du bara lägger till en rad kod i den högra delen av ditt temas HTML-dokument lägger du automatiskt sociala medier-knappar under varje tidigare publicerat blogginlägg och alla framtida blogginlägg.

Oroa dig inte, det är lättare än du tror. Så här gör du det.

01 av 07

Registrera eller logga in på ditt Tumblr-konto för att skapa eller komma åt din blogg

Om du inte redan har skapat en Tumblr-blogg eller till och med registrerat dig för ett konto, är det första du behöver göra på Tumblr.com där du kommer att bli ombedd att ange din e-postadress, lösenord och önskad bloggadress för att komma igång .

Om du redan har ett konto och en blogg, logga bara in.

02 av 07

Välj dina sociala medier Knappar

Gör en Google-sökning efter de sociala knyckena för sociala nätverk som du vill lägga på din Tumblr-blogg. De flesta (om inte alla) stora sociala nätverk har dedikerade hjälpsidor som visar dig hur du ställer upp det.

För din bekvämlighet finns här några officiella dela knappsidor för några av de mest populära sociala nätverk:

  • Officiell Facebook-knapp
  • Officiell Twitter Tweet-knapp
  • Officiell LinkedIn Share-knapp
  • Officiell Google+ Dela-knappen
  • Officiell Pinterest Save-knapp

Vissa sociala nätverk tillåter dig att göra anpassningar till sina knappar, inklusive ändringar av knappstorleken, ytterligare titeltext, URL-struktur, delningsalternativ och språkinställningar. Inte alla sociala nätverk gör det möjligt för dig att göra det, men för dem som gör, ändras kodens kod enligt hur du ställer in det.

Försök att avstå från att inkludera för många knappar på din blogg eftersom det kan få utseendet på dina inlägg att se rörigt och förvirrande för läsare som kanske vill dela innehållet.

Överväg att placera högst fem eller sex sociala medier knappar under varje blogginlägg, men färre är nog bättre.

03 av 07

Anpassa dina knappar och ta tag i koden

Följ anvisningarna på sidan för sociala nätverkets delningsknapp för att anpassa din knapp om det behövs. När du är klar ska du få en sträng kod som du behöver för din Tumblr-blogg.

Kopiera detta och klistra in det i ett tomt ord eller textdokument. Gör det för alla knappar du vill ha så att du har varje knapps kodkod redo att gå.

04 av 07

Öppna din Tumblr-temakod

Gå tillbaka till din Tumblr instrumentbräda. Klicka på personikonen i den högra högra menyn och klicka sedan på Redigera utseende i rullgardinsmenyn för motsvarande blogg (om du har flera bloggar).

På följande sida klickar du på Redigera temaknapp. Din blogg öppnas i förhandsgranskningsläget på höger sida av skärmen med en redaktör till vänster.

Klick Redigera HTML i redigeraren till vänster under Custom theme label. Redigeraren kommer att expandera för att visa dig hela ditt temas kod.

Personer som är oerfaren i att arbeta med HTML, PHP, JavaScript och annan datorkod kan känna sig skrämmande genom att titta på det här avsnittet. Det viktiga att komma ihåg är att du inte kommer att skriva någon ny kod alls.

Allt du behöver göra är att placera knappkoden i temadokumenten, som du kommer att visa hur du gör i nästa avsnitt.

05 av 07

Sök via din temakod

Den enda raden av kod du behöver hitta är raden som läser: {/ Block: Inlägg}.

Dettarepresenterar slutet på blogginlägget och kan vanligtvis hittas nära den nedre delen av temadokumenten, beroende på vilket Tumblr-tema du använder. Om du har svårt att hitta den här raden av kod bara genom att bläddra igenom den, kan du försöka använda Ctrl + F / Cmd + F tangentbordsgenväg eller alternativt klicka på kugghjulsikonen Klicka på i det övre vänstra hörnet av skärmen Hitta och ersätta och skriv sedan in {/ Block: Inlägg} in i Sök efter fält.

Sökfunktionen hittar automatiskt och markerar{/ Block: Inlägg} i din temakod.

06 av 07

Klistra in knappkoden i din temakod

Kopiera den anpassade knappkoden du skapade och klistra in den direkt före koden som läser: {/ Block: Inlägg}.

Detta berättar om bloggtemat för att visa de sociala medierna knappar längst ner i varje enskilt blogginlägg.

Klick Uppdatera förhandsgranskning och klicka sedan på blå Spara-knappen längst upp i redigeraren.

07 av 07

Testa din Tumblr-blogg för att se dina nya sociala dela knappar

Du har gjort det till den roliga delen. Om du har placerat knappkoden korrekt inuti din temakod ska din Tumblr-blogg visa de delade knapparna du väljer längst ner på varje enskild post och också på varje inlägg som visas på huvudmatningen.

Du kan klicka på dem för att enkelt dela dina Tumblr-inlägg på andra sociala medier.

tips:

  • Klistra in koden i din temadokument varje gång du byter ditt bloggtema till ett helt nytt tema. Om du ändrar temat flyttas inte tidigare klistrad kod till de nya temaldokumenten.
  • När du placerar fler än en social media-knapp på din blogg, se till att det inte finns några mellanslag eller nya rader mellan två olika utdrag av knappkoden. Detta säkerställer att flera knappar visas horisontellt bredvid varandra i motsats till att de visas vertikalt på olika linjer.
  • Experimentera med att placera kodsekvenserna för de sociala knapparna före andra {/ block: element också. Beroende på ditt tema kan du märka att knapparna dyker upp längst ner på bloggsidan, efter alla anteckningar från andra Tumblr-användare.