Teknologi

Hur man lägger till knappar för sociala medier till din Tumblr-blogg

4 Mins Read

Registrera dig 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 ens registrerat dig för ett konto är det allra första du behöver gör är att besöka Tumblr.com där du kommer att bli 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, logga bara in.

Välj dina knappar för sociala medier

Gör en Google-sökning efter de sociala nätverksdelningsknapparna du vill ha 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, här är några officiella delningsknappsidor för några av de mest populära sociala nätverken:

      Officiell Facebook Gilla-knapp

      Officiell Twitter Tweet-knapp

        Officiell LinkedIn Share-knapp

      Officiell Pinterest Spara-knapp

      • Vissa sociala nätverk tillåter dig att göra anpassningar av deras knappar, inklusive ändringar av knappstorlek, ytterligare titeltext, URL struktur, aktieräkning opti på och språkinställningar. Inte alla sociala nätverk låter dig göra detta, men för de som gör det kommer kodavsnittet att ändras beroende på 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 orsaka utseendet på dina inlägg att se rörigt och förvirrande ut för läsare som kanske vill dela ditt innehåll.

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

      Anpassa dina knappar och ta koden

      Följ instruktionerna på det sociala nätverkets delningsknappsida för att anpassa din knapp om behövs. När du är klar bör du få en kodsträng 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 kodsträng redo att användas.

      Få tillgång till din Tumblr-temakod

      Gå tillbaka till din Tumblr-instrumentpanel. Klicka på personikon

      i menyn uppe till höger och klicka sedan på

      Redigera utseende

      i rullgardinsmenyn för motsvarande blogg (om du har flera bloggar).

      På följande sida, klicka på Knappen Redigera tema . Din blogg öppnas i förhandsgranskningsläge på höger sida av skärmen med en redigerare till vänster.

      Klick Redigera HTML

      i redigeraren till vänster under etiketten Anpassat tema. Redaktören kommer att expandera för att visa dig all ditt temas kod.

      Individer som är oerfarna i att arbeta med HTML, PHP, JavaScript och annan datorkod kan känna sig skrämda av 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, vilket du kommer att se hur du gör i nästa avsnitt.

      Sök genom din temakod

      Den enda raden kod du behöver hitta är raden som lyder:

      {/block:Inlägg}.

      Detta representerar 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 kodraden bara genom att bläddra igenom den kan du försöka använda

      Ctrl+F/Cmd+F kortkommando eller alternativt klicka på

      kugghjulsikon

      i det övre vänstra hörnet av 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:Posts} i ditt tema koda.

      Klistra in knappkoden i din temakod

      Kopiera anpassad knappkod som du skapat och klistra in den direkt före kodraden som läses :

      {/block:Inlägg}.

      Detta talar om för bloggtemat att visa knapparna för sociala medier längst ner i varje enskilt blogginlägg.

      Klick Uppdatera förhandsgranskning

      och klicka sedan på blå Spara-knapp

      överst i redaktören.

      Testa din Tumblr-blogg för att se din nya sociala del Knappar

      Du har kommit till den roliga delen. Om du har placerat knappkoden korrekt i din temakod, bör din Tumblr-blogg visa de delningsknappar du väljer längst ner i varje enskilt inlägg och även på varje inlägg som visas i huvudflödet.

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

      Klistra in knappkoden i dina temadokument varje gång du ändrar ditt bloggtema till ett helt nytt tema. Ändring av tema kommer inte att överföra tidigare inklistrad kod till de nya temadokumenten.

    • När du placerar mer än en knapp för sociala medier på din blogg, se till att det inte finns några mellanslag eller nya rader mellan två olika kodavsnitt av knapp. 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 före 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.

      • ]”>

      Utvald video

      Lämna ett svar

      Relaterade Inlägg