Hoe zet je sociale media-knoppen op een Tumblr-blog

Iedereen met een Tumblr-account kan inhoud delen met andere gebruikers door op de Knop Vind ik leuk de, Reblog-knop, of de Verzendknop op een bepaalde blogpost in het Tumblr-dashboard.

Met deze ingebouwde knoppen kunt u inhoud delen binnen de virtuele muren van het Tumblr-netwerk; ze bieden u echter niet de flexibiliteit om inhoud van een webgebaseerd Tumblr-blog te delen op andere grote sociale-mediasites zoals Facebook of Twitter.

Als je extra deelknoppen aan je Tumblr-blog wilt toevoegen zodat het op een echte blog lijkt, kun je ofwel betalen voor een premium thema dat is uitgerust met knoppen of doe het werk zelf door wat code te kopiëren en in je Tumblr-blog te plakken sjabloon.

Door slechts één strook code toe te voegen in het rechtergedeelte van de HTML-documenten van uw thema, worden automatisch sociale-mediaknoppen geplaatst onder elke eerder gepubliceerde blogpost en alle toekomstige blogposts.

Maak je geen zorgen, het is makkelijker dan je denkt. Hier is hoe het te doen.

instagram viewer

Meld u aan of log in op uw Tumblr-account om uw blog te maken of te openen

Als je nog geen Tumblr-blog hebt gemaakt of je zelfs maar hebt aangemeld voor een account, is het allereerste wat je hoeft te doen een bezoek brengen aan Tumblr.com waar u wordt gevraagd om uw e-mailadres, wachtwoord en gewenste blog-URL in te voeren om te beginnen.

Als je al een account en een blog hebt, log dan gewoon in.

Kies uw sociale media-knoppen

Voer een Google-zoekopdracht uit naar de knoppen voor het delen van sociale netwerken die u op uw Tumblr-blog wilt plaatsen. De meeste (zo niet alle) grote sociale netwerken hebben speciale hulppagina's die u laten zien hoe u het moet instellen.

Voor uw gemak zijn hier enkele officiële pagina's met deelknoppen voor enkele van de meest populaire sociale netwerken:

  • Officiële Facebook Like-knop
  • Officiële Twitter Tweet-knop
  • Officiële LinkedIn Share-knop
  • Officiële Pinterest Save-knop

Bij sommige sociale netwerken kunt u aanpassingen aan hun knoppen maken, waaronder wijzigingen van de knopgrootte, extra titeltekst, URL-structuur, deel teloptie en taalinstellingen. Niet alle sociale netwerken laten je dit doen, maar voor degenen die dat wel doen, zal het codefragment veranderen afhankelijk van hoe je het instelt.

Probeer niet te veel knoppen op uw blog op te nemen, aangezien dit ertoe kan leiden dat uw berichten er rommelig en verwarrend uitzien voor lezers die uw inhoud misschien willen delen.

Overweeg om maximaal vijf of zes sociale media-knoppen onder elke blogpost te plaatsen, maar minder is waarschijnlijk beter.

Pas uw knoppen aan en pak de code

Volg de instructies op de deelknoppagina van het sociale netwerk om uw knop indien nodig aan te passen. Als je klaar bent, zou je een reeks code moeten krijgen die je nodig hebt voor je Tumblr-blog.

Kopieer dit en plak het in een leeg woord- of tekstdocument. Doe het voor alle knoppen die je wilt, zodat je de codereeks van elke knop klaar hebt voor gebruik.

Toegang tot uw Tumblr-themacode

Ga terug naar je Tumblr-dashboard. Klik op de persoon icoon in het menu rechtsboven en klik vervolgens op Uiterlijk bewerken in het vervolgkeuzemenu voor de bijbehorende blog (als je meerdere blogs hebt).

Klik op de volgende pagina op de Themaknop bewerken. Je blog wordt geopend in de voorbeeldmodus aan de rechterkant van het scherm met een editor aan de linkerkant.

Klik HTML bewerken in de editor aan de linkerkant onder het label Aangepast thema. De editor wordt uitgevouwen om u alle code van uw thema te laten zien.

Personen die onervaren zijn in het werken met HTML, PHP, JavaScript en andere computercode kunnen zich geïntimideerd voelen door deze sectie te bekijken. Het belangrijkste om te onthouden is dat je helemaal geen nieuwe code gaat schrijven.

Het enige dat u hoeft te doen, is de knopcode in de themadocumenten te plaatsen, wat u in de volgende secties zult zien.

Doorzoek uw themacode

De enige regel code die u hoeft te vinden, is de regel die luidt: {/block: berichten}.

Dit vertegenwoordigt het einde van de blogpost en is meestal te vinden in de buurt van het onderste gedeelte van de themadocumenten, afhankelijk van het Tumblr-thema dat u gebruikt. Als je moeite hebt om deze regel code te vinden door er gewoon doorheen te bladeren, kun je proberen de Ctrl+F/Cmd+F sneltoets of klik op de tandwiel icoon klik in de linkerbovenhoek van het scherm op Zoek en vervang en typ dan {/block: berichten} in de Zoeken naar veld.

De zoekfunctie zal automatisch vinden en markeren {/block: berichten} in je themacode.

Plak de knopcode in uw themacode

Kopieer de aangepaste knopcode die u hebt gemaakt en plak deze direct voor de coderegel die luidt: {/block: berichten}.

Dit vertelt het blogthema om de sociale media-knoppen onderaan elk blogbericht weer te geven.

Klik Voorproefje van de nieuwe versie en klik vervolgens op de blauwe knop Opslaan bovenaan de editor.

Test je Tumblr-blog om je nieuwe sociale deelknoppen te zien

Je bent bij het leuke gedeelte gekomen. Als je de knopcode correct in je themacode hebt geplaatst, zou je Tumblr-blog de. moeten weergeven deelknoppen naar keuze onderaan elk afzonderlijk bericht en ook op elk bericht dat wordt weergegeven in de hoofd eten geven.

U kunt erop klikken om uw Tumblr-berichten eenvoudig op andere sociale medianetwerken te delen.

  • Plak de knopcode in uw themadocumenten telkens wanneer u uw blogthema wijzigt in een geheel nieuw thema. Als u het thema wijzigt, wordt eerder geplakte code niet overgebracht naar de nieuwe themadocumenten.
  • Wanneer je meer dan één social media-knop op je blog plaatst, zorg er dan voor dat er geen spaties of nieuwe regels zijn tussen twee verschillende fragmenten van de knopcode. Dit zorgt ervoor dat meerdere knoppen horizontaal naast elkaar worden weergegeven in plaats van verticaal op verschillende regels.
  • Experimenteer ook met het plaatsen van de codefragmenten voor de sociale knoppen voor andere {/block:-elementen. Afhankelijk van je thema, merk je misschien dat de knoppen helemaal onderaan de blogpagina verschijnen, na alle notities van andere Tumblr-gebruikers.
instagram story viewer