Een Facebook Like Box in een Tumblr-zijbalk plaatsen

Sociale plug-ins zoals de Facebook Like-knop zijn gratis beschikbaar op de Facebook Developers-website. Alle code die nodig is om deze knop op je Tumblr-blog te plaatsen, wordt automatisch gegenereerd nadat je de URL van je blog hebt ingevoerd en de lay-out hebt geselecteerd, dus je hebt geen codeerervaring nodig. Plak de code in het gedeelte Beschrijving van je Tumblr-blog om de Like-knop in je zijbalk weer te geven. Bezoekers kunnen vervolgens op de knop klikken als ze de inhoud van uw blog leuk vinden en een link op hun Facebook-nieuwsfeed plaatsen.

Meld u aan bij uw Tumblr-account en klik vervolgens op de pijl-omlaag naast de naam van uw Tumblr-blog. Selecteer de Tumblr-blog waaraan je de Facebook Like-knop wilt toevoegen als je meer dan één blog hebt.

Klik met de rechtermuisknop op de URL die wordt weergegeven onder de naam van je blog op je Tumblr-dashboard en selecteer 'Kopieer linkadres', 'Kopieer linklocatie' of 'Kopieer snelkoppeling' -- afhankelijk van je browser -- in het contextmenu.

Open een nieuw browsertabblad en ga naar de Facebook-ontwikkelaarspagina voor de sociale plug-in Like-knop (link in bronnen). Log in op de pagina met uw Facebook-gebruikersnaam en -wachtwoord.

Klik in het URL-invoervak ​​en druk vervolgens op "Ctrl-V" om de URL in uw Tumblr-blog te plakken.

Selecteer een optie in de vervolgkeuzelijst "Lay-out" om te bepalen hoe de Like-knop op je Tumblr-blog wordt weergegeven. Het aantal vind-ik-leuks kan boven of naast de knop worden weergegeven, of je kunt kiezen voor alleen de knop. Het voorbeeldvenster geeft weer hoe het vak Vind ik leuk zal verschijnen met uw momenteel geselecteerde instellingen.

Schakel het selectievakje naast 'Gezichten van vrienden weergeven' uit als u niet wilt dat miniatuurfoto's van Facebook-gebruikers die op de Like-knop klikken, in het vak worden weergegeven. Schakel het selectievakje "Inclusief Share-knop" uit als u alleen een Like-knop wilt zonder de Share-optie.

Typ de gewenste breedte, in pixels, voor het vak Vind ik leuk in het invoervak ​​Breedte. De breedte van het Facebook Like-vak moet gelijk zijn aan of kleiner zijn dan de breedte van je Tumblr-zijbalk.

Klik op "Code ophalen" en log vervolgens in met uw Facebook-gebruikersnaam en -wachtwoord.

Klik op het tabblad "IFRAME" en klik vervolgens op het codevak om de plug-incode te markeren. Druk op "Ctrl-C" om de gemarkeerde code naar het klembord te kopiëren.

Open het tabblad met uw Tumblr-dashboard en klik vervolgens op de knop "Aanpassen".

Klik in het invoervak ​​Beschrijving en druk vervolgens op "Ctrl-V" om de Like-knopcode te plakken. Het vak Vind ik leuk wordt weergegeven in het voorbeeldgedeelte aan de rechterkant.

Klik op de knop 'Opslaan' als je tevreden bent met de plaatsing van het vak 'Vind ik leuk' in je Tumblr-zijbalk en klik vervolgens op 'Afsluiten' om terug te keren naar je dashboard.

Tips

Klik op 'HTML bewerken' in het scherm Aanpassen en plak vervolgens de code van de Facebook-knop 'Vind ik leuk' in het zijbalkgedeelte als uw thema het vak Beschrijving niet in de zijbalk weergeeft.