Skip to main content

Tutorial over Tumblr-blog over het toevoegen van knoppen voor sociale media

bloglovin knop - plaatsen en maken (April 2025)

bloglovin knop - plaatsen en maken (April 2025)
Anonim

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

Met deze ingebouwde knoppen kunt u inhoud delen binnen de virtuele muren van het Tumblr-netwerk; ze geven je echter niet de flexibiliteit om inhoud te delen via een webgebaseerd Tumblr-blog (sat BlogName.Tumblr.com ) op alle andere belangrijke sociale mediasites zoals Facebook, Twitter, Google+ of andere plaatsen.

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

Als u slechts één strook code in het rechterdeel van de HTML-documenten van uw thema plaatst, worden automatisch sociale mediaknoppen geplaatst onder elk eerder gepubliceerd blogbericht en alle toekomstige blogberichten.

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

01 van 07

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

Als je nog geen Tumblr-blog hebt gemaakt of je hebt je zelfs niet aangemeld voor een account, ga dan eerst naar Tumblr.com waar je wordt gevraagd je e-mailadres, wachtwoord en gewenste blog-URL op te geven om aan de slag te gaan .

Als u al een account en een blog hebt, logt u gewoon in.

02 van 07

Kies uw sociale media-knoppen

Zoek op Google naar de sociale netwerkknoppen die u op uw Tumblr-blog wilt plaatsen. De meeste (zo niet alle) grote sociale netwerken hebben speciale helppagina's die je laten zien hoe je het moet instellen.

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

  • Officiële Facebook-achtige knop
  • Officiële Twitter Tweet knop
  • Officiële LinkedIn Share-knop
  • Officiële knop Google+ delen
  • Officiële knop Pinterest opslaan

Sommige sociale netwerken bieden u de mogelijkheid om aanpassingen aan hun knoppen aan te brengen, inclusief aanpassingen aan de knopgrootte, extra titeltekst, URL-structuur, aantal delen en taalinstellingen. Niet alle sociale netwerken laten je dit doen, maar voor degenen die dat doen, zal het codefragment veranderen op basis van hoe je het hebt ingesteld.

Probeer ervoor te zorgen dat je niet te veel knoppen op je blog plaatst, want dit kan ervoor zorgen dat je berichten er rommelig en verwarrend uitzien voor lezers die je inhoud willen delen.

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

03 van 07

Pas je knoppen aan en pak de code

Volg de instructies op de gedeelde knoppagina van het sociale netwerk om uw knop aan te passen, indien nodig. Als je klaar bent, krijg je een reeks code 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 u wilt, zodat u de reeks code van elke knop bij de hand hebt.

04 van 07

Toegang tot uw Tumblr-themacode

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

Klik op de volgende pagina op Bewerk de themaknop. 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 thema-label Custom. De editor wordt uitgevouwen om alle code van uw thema te tonen.

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

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

05 van 07

Doorzoek uw themacode

De enige regel code die je moet vinden, is de regel die luidt: {/ Block: Berichten}.

Dezestaat voor het einde van de blogpost en is meestal te vinden in de buurt van het onderste gedeelte van de themadocumenten, afhankelijk van welk Tumblr-thema u gebruikt. Als u moeite hebt met het vinden van deze coderegel door er gewoon doorheen te bladeren, kunt u proberen de code te gebruiken 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 vindt automatisch en markeert{/ Block: Berichten} in je themacode.

06 van 07

Plak de knopcode in uw themacode

Kopieer de aangepaste knopcode die u hebt gemaakt en plak deze rechtstreeks vóór de coderegel die luidt als volgt: {/ Block: Berichten}.

Hiermee wordt het blogthema aangegeven om de knoppen voor sociale media onder aan elk blogbericht weer te geven.

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

07 van 07

Test je Tumblr-blog om je nieuwe sociale share-knoppen te zien

Je hebt het leuke gedeelte bereikt. Als u de knopcode juist in uw themacode hebt geplaatst, moet uw Tumblr-blog de gedeelde knoppen van uw keuze onderaan elke afzonderlijke post en ook op elke post die in de hoofdfeed wordt weergegeven, weergeven.

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

Tips:

  • Plak de knopcode in uw themadocumenten telkens wanneer u uw blogthema wijzigt in een geheel nieuw thema. Als u het thema wijzigt, wordt de eerder geplakte code niet overgedragen naar de nieuwe themadocumenten.
  • Wanneer u meer dan één knop voor sociale media op uw blog plaatst, moet u ervoor zorgen dat er geen spaties of nieuwe lijnen tussen twee verschillende codefragmenten staan. Dit zorgt ervoor dat meerdere knoppen horizontaal naast elkaar worden weergegeven in plaats van verticaal op verschillende lijnen worden weergegeven.
  • Experimenteer met het plaatsen van de codefragmenten voor de sociale knoppen vóór andere {/ block: elementen ook. Afhankelijk van je thema, kun je merken dat de knoppen helemaal onderaan de blogpagina verschijnen, na alle opmerkingen van andere Tumblr-gebruikers.