Hoe om Facebook -like by Blogger te voeg (met foto's)

INHOUDSOPGAWE:

Hoe om Facebook -like by Blogger te voeg (met foto's)
Hoe om Facebook -like by Blogger te voeg (met foto's)

Video: Hoe om Facebook -like by Blogger te voeg (met foto's)

Video: Hoe om Facebook -like by Blogger te voeg (met foto's)
Video: The Weeknd - Blinding Lights (Official Video) 2024, Mei
Anonim

Hierdie wikiHow leer u hoe u 'n klikbare Facebook "Like" -knoppie op u Blogger (blogspot.com) webwerf kan voeg. Nadat u die knoppie in die Like Button Configurator gebou het, hoef u net twee stukkies kode in u Blogger -dashboard te plak en te plak, sodat u een vinnige wysiging kan maak vir verenigbaarheid.

Stappe

Deel 1 van 3: 'n Like -knoppie skep

Voeg Facebook Like by Blogger Stap 1
Voeg Facebook Like by Blogger Stap 1

Stap 1. Gaan na

U kan enige moderne webblaaier, soos Chrome of Safari, gebruik.

Voeg Facebook Like by Blogger Stap 2
Voeg Facebook Like by Blogger Stap 2

Stap 2. Rol af na Like Button Configurator

Dit is in die derde afdeling van die bladsy.

Voeg Facebook Like by Blogger Stap 3
Voeg Facebook Like by Blogger Stap 3

Stap 3. Voer die adres van u blog in die "URL to Like" -vak in

Voeg Facebook Like by Blogger Stap 4
Voeg Facebook Like by Blogger Stap 4

Stap 4. Voer die gewenste inpropwydte in in die veld "Breedte"

Die meeste Blogger -gebruikers kan hierdie blokkie leeg laat, aangesien die standaardwydte (450 px) goed werk. Let daarop dat dit die breedte van die hele inprop is, nie die Like -knoppie self nie.

Voeg Facebook Like by Blogger Stap 5
Voeg Facebook Like by Blogger Stap 5

Stap 5. Kies 'n knoppie -styl in die menu "Uitleg"

U sal 'n voorskou van elke styl sien wanneer dit gekies is.

Voeg Facebook Like by Blogger Stap 6
Voeg Facebook Like by Blogger Stap 6

Stap 6. Kies 'n aksie in die spyskaart "Aksie tipe"

U knoppie sal standaard 'Like' sê. As u dit verkies, kan u dit verander na 'Aanbeveel'. As iemand op die knoppie klik, sien hul Facebook -volgelinge "(naam van die persoon) beveel dit aan."

Voeg Facebook Like by Blogger Stap 7
Voeg Facebook Like by Blogger Stap 7

Stap 7. Kies 'n grootte in die menu "Knoppiegrootte"

Die voorskou van die knoppie onder die konfigurator wys u hoe elke grootte lyk.

Voeg Facebook Like by Blogger Stap 8
Voeg Facebook Like by Blogger Stap 8

Stap 8. Merk die kassie "Sluit deelknoppie in" of verwyder dit

As die blokkie gemerk is, verskyn 'n knoppie met die aanduiding "Deel" langs die Like -knoppie op u blog. As iemand op hierdie knoppie klik, kry hulle die geleentheid om van hul eie teks in te voer voordat hulle die skakel met hul Facebook -vriende deel.

Voeg Facebook Like by Blogger Stap 9
Voeg Facebook Like by Blogger Stap 9

Stap 9. Klik op Kry kode

Nou sien u twee blokkies met HTML -kode wat u in verskillende areas van Blogger moet plak.

Deel 2 van 3: Voeg die kode by u sjabloon

Voeg Facebook Like by Blogger Stap 10
Voeg Facebook Like by Blogger Stap 10

Stap 1. Meld aan by

Gebruik 'n ander oortjie of blaaiervenster, aangesien u die kode van Facebook na Blogger moet kopieer en plak.

Voeg Facebook Like by Blogger Stap 11
Voeg Facebook Like by Blogger Stap 11

Stap 2. Klik op Sjabloon

Dit is aan die linkerkant van die skerm, onderaan die spyskaart.

Voeg Facebook Like by Blogger Stap 12
Voeg Facebook Like by Blogger Stap 12

Stap 3. Maak 'n rugsteun van u blogsjabloon

Maak altyd 'n rugsteun wanneer u die HTML -kode van u blog direk wysig.

  • Klik op die Rugsteun / herstel knoppie in die regter boonste hoek van die bladsy.
  • Klik Laai sjabloon af.
  • Voer 'n naam vir u lêer in, bv. "Rugsteun van blogsjabloon."
  • Klik Stoor.
Voeg Facebook Like by Blogger Stap 13
Voeg Facebook Like by Blogger Stap 13

Stap 4. Klik op HTML wysig

Dit is net onder die voorskoubeeld van u blog.

Voeg Facebook Like by Blogger Stap 14
Voeg Facebook Like by Blogger Stap 14

Stap 5. Kopieer die kode uit die eerste boks van die Facebook Like Button Configurator

Dit is die kode in die boks onder "Stap 2."

U kan die teks kopieer deur dit uit te lig en dan op Control+C of ⌘ Command+C te druk

Voeg Facebook Like by Blogger Stap 15
Voeg Facebook Like by Blogger Stap 15

Stap 6. Plak die kode in u Blogger HTML -kode

Die kode moet geplak word na die reël wat met <body begin, verkieslik op die volgende reël.

  • Om jouself 'n plek te gee om kode te plak, klik voor die eerste karakter van die reël na die body tag, en druk dan op ↵ Enter of ⏎ Return.
  • Klik op die leë lyn en druk dan Control+V of ⌘ Command+V om te plak.
Voeg Facebook Like by Blogger Stap 16
Voeg Facebook Like by Blogger Stap 16

Stap 7. Vervang elke "&" in die gepaste kode deur"

&

”.

Moenie aanhalingstekens insluit nie.

  • Byvoorbeeld, "//connect.facebook.net/en_US/sdk.js#xfbml=1 &weergawe = v2.8”word“//connect.facebook.net/en_US/sdk.js#xfbml=1

    &

  • weergawe = v2.8 ""
Voeg Facebook Like by Blogger Stap 17
Voeg Facebook Like by Blogger Stap 17

Stap 8. Klik op Stoor sjabloon

  • As u per ongeluk 'n '&' oorgeslaan het, sien u 'n fout met die fout 'Parsing XML' net bokant die kode. Gaan terug na die gepaste kode, vind die & en vervang dit met

    &

  • .

Deel 3 van 3: Voeg die knoppie by u uitleg

Voeg Facebook Like by Blogger Stap 18
Voeg Facebook Like by Blogger Stap 18

Stap 1. Kopieer die tweede boks kode van die Like Button Configurator

U moet terugkeer na u ander blaaiervenster of -oortjie om dit te vind. Dit is die kode in die blokkie onder "Stap 3."

U kan die teks kopieer deur dit uit te lig en dan op Control+C of ⌘ Command+C te druk

Voeg Facebook Like by Blogger Stap 19
Voeg Facebook Like by Blogger Stap 19

Stap 2. Klik op Layout terug in Blogger

Dit is aan die linkerkant van die Blogger -dashboard, net bokant 'Sjabloon'.

Voeg Facebook Like by Blogger Stap 20
Voeg Facebook Like by Blogger Stap 20

Stap 3. Klik op die knoppie Voeg 'n gadget by waar u wil hê dat die knoppie moet verskyn

In die meeste gevalle wil u hê dat die knoppie in 'n kop- of voettekst verskyn

Voeg Facebook Like by Blogger Stap 21
Voeg Facebook Like by Blogger Stap 21

Stap 4. Kies HTML/JavaScript

U sal 'n bietjie moet afrol om dit te vind.

Voeg Facebook Like by Blogger Stap 22
Voeg Facebook Like by Blogger Stap 22

Stap 5. Tik facebook onder “Titel

Voeg Facebook Like by Blogger Stap 23
Voeg Facebook Like by Blogger Stap 23

Stap 6. Plak die gekopieerde kode in die blokkie "Inhoud"

U kan dit doen deur in die blokkie te klik en op Control+V of ⌘ Command+V te druk.

Voeg Facebook Like by Blogger Stap 24
Voeg Facebook Like by Blogger Stap 24

Stap 7. Klik op Stoor

Nou sien u 'n gadget -boks met die naam "facebook".

Klik op Voorskou in die regter boonste hoek van die bladsy om seker te maak dat die knoppie verskyn waar dit moet. As u nie van die ligging hou nie, kan u die boks "facebook" na een van die ander afdelings in u uitleg sleep

Voeg Facebook Like by Blogger Stap 25
Voeg Facebook Like by Blogger Stap 25

Stap 8. Klik op Stoor reëling

Dit is in die regter boonste hoek van die skerm. As iemand u blog geniet, kan hy dit maklik met al hul Facebook -vriende deel.

Aanbeveel: