Hur man lägger till sociala medieknappar på en Tumblr-blogg

click fraud protection

Alla med en Tumblr-konto kan dela innehåll med andra användare genom att trycka på Gilla-knappen de, Reblog-knapp, eller den Skicka-knappen på ett visst blogginlägg i Tumblr-instrumentpanelen.

Dessa inbyggda knappar låter dig dela innehåll inom de virtuella väggarna i Tumblr-nätverket; de ger dig dock inte flexibiliteten att dela innehåll från en webbaserad Tumblr-blogg på andra stora sociala mediesidor som Facebook eller Twitter.

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

Om du bara lägger till en kodruta i det högra avsnittet i temat HTML-dokument placeras knappar för sociala medier automatiskt 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.

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

instagram viewer

Om du inte redan har skapat en Tumblr-blogg eller ens registrerat dig för ett konto är det allra första du behöver göra att besöka Tumblr.com där du blir ombedd att ange din e-postadress, lösenord och önskad blogg-URL för att komma igång.

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

Välj dina sociala medieknappar

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

För din bekvämlighet är här några officiella sidor för delningsknappar för några av de mest populära sociala nätverken:

  • Officiell Facebook Gilla-knapp
  • Officiell Twitter-knapp
  • Officiell LinkedIn-delningsknapp
  • Officiell Pinterest Spara-knapp

Vissa sociala nätverk gör att du kan anpassa sina knappar, inklusive ändringar av knappstorlek, ytterligare titeltext, URL-struktur, alternativ för antal räkningar och språkinställningar. Inte alla sociala nätverk låter dig göra det, men för dem som gör det kommer kodavsnittet att ändras beroende på hur du ställer in det.

Försök att avstå från att ta med för många knappar på din blogg eftersom det kan leda till att dina inlägg ser ut som röriga och förvirrande för läsare som kanske vill dela ditt innehåll.

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

Anpassa dina knappar och ta tag i koden

Följ instruktionerna på det sociala nätverkets sida för delningsknappar för att anpassa din knapp om det behövs. När du är klar ska du få en kodkod som du behöver för din Tumblr-blogg.

Kopiera det 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 kodsträng redo att gå.

Få åtkomst till din Tumblr-temakod

Gå tillbaka till din Tumblr-instrumentpanel. Klicka på person ikon i menyn högst upp till höger och klicka sedan på Redigera utseende i rullgardinsmenyn för motsvarande blogg (om du har flera bloggar).

På nästa sida klickar du på Redigera temaknappen. Din blogg öppnas i förhandsgranskningsläge till höger på skärmen med en redaktör till vänster.

Klick Redigera HTML i redaktören till vänster under etiketten för anpassat tema. Redaktören kommer att expandera för att visa all din temakod.

Individer som inte har erfarenhet av att arbeta med HTML, PHP, JavaScript och annan datorkod kan kännas skrämd 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 inuti temadokumenten, som du får se hur du gör i nästa avsnitt.

Sök igenom din temakod

Den enda kodraden du behöver hitta är den rad som lyder: {/ block: Inlägg}.

Detta representerar slutet av 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 denna kodrad bara genom att bläddra igenom den kan du försöka använda Ctrl + F / Cmd + F. snabbtangent eller alternativt klicka på kugghjulsikon högst upp till vänster på skärmen, klicka på Hitta och ersätta och skriv sedan {/ block: Inlägg} in i Sök efter fält.

Sökfunktionen kommer automatiskt att hitta och markera {/ block: Inlägg} i din temakod.

Klistra in knappkoden i din temakod

Kopiera den anpassade knappkoden du skapade och klistra in den direkt före kodraden som lyder: {/ block: Inlägg}.

Detta berättar för bloggtema att visa sociala medieknappar längst ner i varje blogginlägg.

Klick Förhandsgranska uppdatering och klicka sedan på blå Spara-knapp högst upp i redaktören.

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

Du har gjort det till den roliga delen. Om du har placerat knappkoden korrekt i din temakod bör din Tumblr-blogg visa dela knappar efter eget val längst ner i varje enskilt inlägg och även på varje inlägg som visas på huvudet utfodra.

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

  • Klistra in knappkoden i dina temadokument varje gång du ändrar ditt bloggtema till ett helt nytt tema. Att ändra temat överför inte tidigare klistrad kod till de nya temadokumenten.
  • När du placerar mer ä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 knappkod. Detta kommer att säkerställa att flera knappar visas horisontellt bredvid varandra i motsats till att de visas vertikalt på olika linjer.
  • Experimentera med att placera kodavsnitten för de sociala knapparna framför andra {/ block: element också. Beroende på ditt tema kanske du märker att knapparna dyker upp längst ner på bloggsidan, efter alla anteckningar från andra Tumblr-användare.
instagram story viewer