Hoe om Facebook te voeg soos Blogger (met prente)

Diskes jy hoe om `n klikbare Facebook "soos" -knoppie by jou blogger (blogspot te voeg.com) webwerf. Na die bou van die knoppie in die soortgelyke knoppie-konfigurator, moet jy net twee stukkies kode in jou blogger-dashboard kopieer en plak, wat `n vinnige wysiging vir verenigbaarheid maak.

Stappe

Deel 1 van 3:

Skep `n soortgelyke knoppie

1. Gaan na https: // ontwikkelaars.facebook.Com / Docs / Plugins / Like-knoppie. U kan enige moderne webblaaier, soos chroom of safari, gebruik.

Image Titled Voeg Facebook soos Blogger Stap 2

2. Rol af na soos knoppie Konfigurator. Dit is in die derde gedeelte van die bladsy.

Image Titled Voeg Facebook soos Blogger Stap 3

3. Tik jou blog se adres in die "URL om" boks te hou.

Image Titled Voeg Facebook soos Blogger Stap 4

4. Voer jou verlangde inpropwydte in die "breedte" boks in. Die meeste blogger-gebruikers kan hierdie boks leeg laat, aangesien die verstekwydte (450 px) goed werk. Let daarop dat dit die breedte van die hele inprop is, nie die soortgelyke knoppie self nie.

Image Titled Voeg Facebook soos Blogger Stap 5

5. Kies `n knoppie styl van die "uitleg" -kieslys. Jy sal `n voorskou van elke styl sien wanneer dit gekies is.

Image Titled Voeg Facebook soos Blogger Stap 6

6. Kies `n aksie uit die "Action Type" -kieslys. By verstek sal u knoppie "soos" sal sê."As jy verkies, kan jy dit verander om te sê" aanbeveel."Wanneer iemand op die knoppie klik, sal hulle Facebook-volgers sien" (persoon se naam) beveel dit aan.`

Image Titled Voeg Facebook soos Blogger Stap 7

7. Kies `n grootte van die "Button-grootte" -kieslys. Die knoppievoorskou onder die konfigurator sal jou wys wat elke grootte lyk.

Image Titled Voeg Facebook soos Blogger Stap 8

8. Kontroleer of ontmerk die "sluit in die aandele-knoppie". As die boks nagegaan word, sal `n knoppie wat sê: "Share" sal langs die Like-knoppie op jou blog verskyn. As iemand hierdie knoppie kliek, sal hulle die geleentheid kry om van hul eie teks te betree voordat hulle die skakel met hul Facebook-vriende deel.

Image Titled Voeg Facebook soos Blogger Stap 9

9. Kliek Kry kode. Nou sal jy twee bokse wat HTML-kode bevat, sien wat jy in verskillende gebiede van blogger moet plak.

Deel 2 van 3:

Voeg die kode by jou sjabloon

1. Teken in op https: // blogger.mededelbaan. Gebruik `n ander oortjie of blaaier venster, aangesien u die kode van Facebook na Blogger moet kopieer en plak.

Image Titled Voeg Facebook soos Blogger Stap 11

2. Kliek Sjabloon. Dit is aan die linkerkant van die skerm, naby die onderkant van die spyskaart.

Image Titled Voeg Facebook soos Blogger Stap 12

3. Rugsteun jou blog sjabloon. Maak altyd `n rugsteun wanneer u u blog se HTML-kode direk redigeer.

Klik op die Rugsteun / Herstel Knoppie in die regter bovenhoek van die bladsy.

Kliek Aflaai sjabloon.

Voer `n naam in vir jou lêer, E.heid g. "Blog sjabloon rugsteun.`

Kliek Spaar.

Image Titled Voeg Facebook soos Blogger Stap 13

4. Kliek Wysig HTML. Dis net onder die voorskoubeeld van jou blog.

Image Titled Voeg Facebook soos Blogger Stap 14

5. Kopieer die kode vanaf die eerste boks van die Facebook soos Button Configurator. Dit is die kode in die boonste boks, onder "Stap 2.`

U kan die teks kopieer deur dit te beklemtoon en dan te druk Kontrole+C of ⌘ opdrag+C.

Image Titled Voeg Facebook soos Blogger Stap 15

6. Plak die kode in jou Blogger HTML-kode. Die kode moet geplak word na die lyn wat begin met, verkieslik op die heel volgende reël.

Om jouself `n plek te gee om kode te plak, klik voor die eerste karakter van die lyn na die liggaamsmerker, druk dan op ↵ Enter of ⏎ Terugkeer.

Klik op die leë lyn en druk dan Kontrole+Vas of ⌘ opdrag+Vas om te plak.

Image Titled Voeg Facebook soos Blogger Stap 16

7. Vervang elke "&" in die geplakte kode met "& amp-`. Moenie die aanhalingstekens insluit nie.

Byvoorbeeld, "// Connect.facebook.Net / en_us / SDK.JS # xfbml = 1&Weergawe = V2.8 "word" // koppel.facebook.Net / en_us / SDK.JS # xfbml = 1& amp-Weergawe = V2.8"`

Image Titled Voeg Facebook soos Blogger Stap 17

8. Kliek Stoor sjabloon.

As jy per ongeluk `n "&" "oorgeslaan het, sal jy `n fout sien wat sê dat `foute XML parsing is net bokant die kode. Gaan terug na die geplakte kode, vind die &, en vervang dit met & amp-.

Deel 3 van 3:

Voeg die knoppie by jou uitleg

1. Kopieer die tweede boks kode van die soortgelyke knoppie-konfigurator. Jy moet terugkeer na jou ander blaaier venster of blad om dit te vind. Dit is die kode in die boks onder "Stap 3.`

U kan die teks kopieer deur dit te beklemtoon en dan te druk Kontrole+C of ⌘ opdrag+C.

Image Titled Voeg Facebook soos Blogger Stap 19

2. Kliek Uitleg Terug in blogger. Dit is aan die linkerkant van die Blogger-dashboard, net bokant "Sjabloon.`

Image Titled Voeg Facebook soos Blogger Stap 20

3. Klik op die Voeg `n gadget by knoppie waar jy wil hê die knoppie moet verskyn.

In die meeste gevalle wil jy die knoppie in `n kop of voetskrif verskyn.

Image Titled Voeg Facebook soos Blogger Stap 21

4. Uitkies HTML / jаvascript. Jy moet `n bietjie afrol om dit te vind.

Image Titled Voeg Facebook soos Blogger Stap 22

5. Tipe facebook onder "Titel.`

Image Titled Voeg Facebook soos Blogger Stap 23

6. Plak die gekopieerde kode in die "inhoud" -kassie. U kan dit doen deur in die boks te kliek en te druk Kontrole+Vas of ⌘ opdrag+Vas.

Image Titled Voeg Facebook soos Blogger Stap 24

7. Kliek Spaar. Nou sal jy `n gadget-boks sien genaamd "Facebook.`

Klik Voorskou in die boonste regterkantste hoek van die bladsy om seker te maak dat die knoppie verskyn waar dit moet. As jy nie van die ligging hou nie, kan jy die "Facebook" -kassie na een van die ander afdelings in jou uitleg sleep.

Image Titled Voeg Facebook soos Blogger Stap 25

8. Kliek Stoor reëling. Dit is bo-aan die regterkantste hoek van die skerm. Nou, wanneer iemand jou blog geniet, kan hulle dit maklik met al hul Facebook-vriende deel.