Hoe voeg je Facebook toe zoals Blogger (met foto`s)

ThisTeaches u Hoe voegt u een klikbare Facebook "Like" -knop toe aan uw blogger (blogspot.COM) Website. Na het bouwen van de knop in de vergelijkbare knopconfigurator, moet u alleen twee stukjes code kopiëren en plakken in uw Blogger-dashboard, waardoor een snelle bewerking is voor compatibiliteit.

Stappen

Deel 1 van 3:

Een soortgelijke knop maken

1. Ga naar HTTPS: // Developers.facebook.com / docs / plug-ins / like-knop. U kunt elke moderne webbrowser gebruiken, zoals chroom of safari.

Titel afbeelding Voeg Facebook leuk aan Blogger Stap 2

2. Scroll naar beneden naar leuke knopconfigurator. Het zit in het derde deel van de pagina.

Titel afbeelding Add Facebook Like to Blogger Stap 3

3. Voer het adres van uw blog in op het vak "URL naar LIKE".

Titel afbeelding Toevoegen Facebook Like to Blogger Stap 4

4. Voer de gewenste breedte van de plug-in in in het vak "Breedte". De meeste blogger-gebruikers kunnen deze doos leeg laten, zoals de standaardbreedte (450 px) goed werkt. Merk op dat dit de breedte van de gehele plug-in is, niet de zoals knop zelf.

Titel afbeelding Add Facebook Like to Blogger Stap 5

5. Selecteer een knopstijl in het menu "Lay-out". U ziet een voorbeeld van elke stijl wanneer deze is geselecteerd.

Titel afbeelding Toevoegen Facebook Like to Blogger Stap 6

6. Selecteer een actie in het menu "Actietype". Standaard zal uw knop "zoals."Als u wilt, kunt u het wijzigen om te zeggen" Aanbevelen."Wanneer iemand op de knop klikt, zullen hun Facebook-volgers zien" (persoonsnaam) beveelt dit aan."

Titel afbeelding Toevoegen Facebook Like to Blogger Stap 7

7. Selecteer een maat in het menu "Knopgrootte". De knop Preview onder de configurator laat zien wat elke maat eruit ziet.

Titel afbeelding Toevoegen Facebook Like to Blogger Stap 8

8. Controleer of verwijder het selectievakje "Inclusief aandeelknop". Als het vak wordt gecontroleerd, verschijnt een knop met "Share" naast de zoals knop op uw blog. Als iemand op deze knop klikt, hebben ze de mogelijkheid om een deel van hun eigen tekst in te voeren voordat u de link met hun Facebook-vrienden deelt.

Titel afbeelding Toevoegen Facebook Like to Blogger Stap 9

9. Klik Krijg code. Nu zie je twee dozen met HTML-code die je moet plakken in verschillende gebieden van blogger.

Deel 2 van 3:

De code toevoegen aan uw sjabloon

1. Inloggen HTTPS: // blogger.com. Gebruik een ander tabblad of browservenster, omdat u de code van Facebook naar Blogger wilt kopiëren en plakken.

Titel afbeelding Voeg Facebook Like to Blogger Step 11

2. Klik Sjabloon. Het staat aan de linkerkant van het scherm, vlakbij de onderkant van het menu.

Titel afbeelding Toevoegen Facebook Like to Blogger Stap 12

3. Maak een back-up van je blogsjabloon. Maak altijd een back-up bij het direct bewerken van de HTML-code van uw blog.

Klik op de Backup herstel knop in de rechterbovenhoek van de pagina.

Klik Sjabloon downloaden.

Voer een naam in voor uw bestand, e.g. "Blogsjabloon Back-up."

Klik Sparen.

Titel afbeelding Toevoegen Facebook Like to Blogger Stap 13

4. Klik Bewerk HTML. Het is gewoon onder de voorbeeldafbeelding van je blog.

Titel afbeelding Add Facebook Like to Blogger Stap 14

5. Kopieer de code uit de eerste doos met de Facebook-achtige knopconfigurator. Het is de code in de bovenste doos, onder "Stap 2."

U kunt de tekst kopiëren door deze te markeren en vervolgens op te drukken Controle+C of ⌘ commando+C.

Titel afbeelding Add Facebook Like to Blogger Stap 15

6. Plak de code in uw blogger HTML-code. De code moet worden geplakt na de lijn die begint met, bij voorkeur op de volgende regel.

Om uzelf een plaats te geven om code te plakken, klikt u vóór het eerste teken van de regel na de tag van het lichaam en drukt u vervolgens op ↵ ENTER of ⏎ RETURN.

Klik op de lege regel en druk vervolgens op Controle+V of ⌘ commando+V plakken.

Titel afbeelding Toevoegen Facebook Like to Blogger Stap 16

7. Vervang elke "&" in de geplakte code met "& AMP-". Neem de offertekens niet op.

Bijvoorbeeld, "// verbinden.facebook.net / en_us / sdk.js # xfbml = 1&versie = v2.8 "wordt" // verbinden.facebook.net / en_us / sdk.js # xfbml = 1& AMP-versie = v2.8""

Titel afbeelding Voeg Facebook Like to Blogger Step 17

8. Klik Sjabloon besparen.

Als u per ongeluk een "&," hebt overgeslagen, ziet u een fout die zegt: "FOUT PIJDEN XML" net boven de code. Ga terug naar de geplakte code, vind de & en vervang het door & AMP-.

Deel 3 van 3:

De knop toevoegen aan uw lay-out

1. Kopieer de tweede vak van de code uit de drukke knopconfigurator. U moet terugkeren naar uw andere browservenster of tab om het te vinden. Dit is de code in de doos onder "Stap 3."

U kunt de tekst kopiëren door deze te markeren en vervolgens op te drukken Controle+C of ⌘ commando+C.

Titel afbeelding Toevoegen Facebook Like to Blogger Stap 19

2. Klik Lay-out terug in blogger. Het staat aan de linkerkant van het Blogger Dashboard, net boven "Sjabloon."

Titel afbeelding Add Facebook Like to Blogger Stap 20

3. Klik op de Voeg een gadget toe knop waar u wilt dat de knop verschijnt.

In de meeste gevallen wil u de knop verschijnen in een kop of voettekst.

Titel afbeelding Toevoegen Facebook Like to Blogger Stap 21

4. Selecteren Html / jаvascript. Je moet een beetje naar beneden scrollen om het te vinden.

Titel afbeelding Toevoegen Facebook Like to Blogger Stap 22

5. Type facebook onder "Titel."

Titel afbeelding Voeg Facebook Like to Blogger Stap 23

6. Plak de gekopieerde code in het vak "Inhoud". Je kunt dit doen door in de doos te klikken en te drukken Controle+V of ⌘ commando+V.

Titel afbeelding Voeg Facebook Like to Blogger Step 24

7. Klik Sparen. Nu zie je een gadget-box genaamd "Facebook."

Klik op Voorbeeld in de rechterbovenhoek van de pagina om te controleren of de knop verschijnt waar het zou moeten. Als u de locatie niet leuk vindt, kunt u het vak "Facebook" naar een van de andere secties in uw lay-out slepen.

Titel afbeelding Voeg Facebook Like to Blogger Step 25

8. Klik Save arrangement. Het is in de rechterbovenhoek van het scherm. Nu, wanneer iemand van je blog geniet, kunnen ze het eenvoudig delen met al hun Facebook-vrienden.