Sådan tilføjes Facebook Like To Blogger (med billeder)

ThisTeaches dig, hvordan du tilføjer en klikbar Facebook "Ligesom" knappen til din blogger (blogspot.com) Website. Når du har opbygget knappen i den samme knapkonfigurator, skal du bare kopiere og indsætte to bits kode i dit blogger Dashboard, hvilket gør en hurtig redigering for kompatibilitet.

Trin

Del 1 af 3:

Oprettelse af en lignende knap

1. Gå til https: // udviklere.Facebook.com / docs / plugins / like-knappen. Du kan bruge enhver moderne webbrowser, såsom krom eller safari.

Billede med titlen Tilføj Facebook Like To Blogger Trin 2

2. Rul ned til Like Button Configurator. Det er i den tredje del af siden.

Billedet med titlen Tilføj Facebook Like To Blogger Trin 3

3. Indtast din blogs adresse i feltet "URL til".

Billede med titlen Tilføj Facebook Like To Blogger Trin 4

4. Indtast din ønskede pluginbredde i boksen "Bredde". De fleste blogger-brugere kan forlade denne boks blank, da standardbredden (450 px) fungerer fint. Bemærk, at dette er bredden på hele plugin, ikke selve knappen.

Billede med titlen Tilføj Facebook Like To Blogger Trin 5

5. Vælg en knapstil fra menuen "Layout". Du vil se et eksempel på hver stil, når den er valgt.

Billede med titlen Tilføj Facebook Like To Blogger Trin 6

6. Vælg en handling fra menuen "Action Type". Som standard vil din knap sige "som."Hvis du foretrækker det, kan du ændre det for at sige" Anbefal."Når nogen klikker på knappen, vil deres Facebook-følgere se" (personens navn) anbefaler dette."

Billede med titlen Tilføj Facebook Like To Blogger Trin 7

7. Vælg en størrelse fra menuen "Button Size". Knappen forhåndsvisning under konfiguratoren viser dig, hvad hver størrelse ser ud.

Billede med titlen Tilføj Facebook Like To Blogger Trin 8

8. Kontroller eller fjern markeringen af feltet "Inkluder Share-knap". Hvis boksen er markeret, vises en knap, der siger "Del", ved siden af den samme knap på din blog. Hvis nogen klikker på denne knap, får de mulighed for at indtaste nogle af deres egen tekst, før du deler linket med deres Facebook-venner.

Billede med titlen Tilføj Facebook Like To Blogger Trin 9

9. Klik Få kode. Nu vil du se to bokse, der indeholder HTML-kode, du skal indsætte i forskellige områder af blogger.

Del 2 af 3:

Tilføjelse af koden til din skabelon

1. Log ind til https: // Blogger.com. Brug et andet faneblad eller browservindue, da du skal kopiere og indsætte koden fra Facebook til Blogger.

Billede med titlen Tilføj Facebook Like To Blogger Trin 11

2. Klik Template. Det er på venstre side af skærmen, nær bunden af menuen.

Billede med titlen Tilføj Facebook Like To Blogger Trin 12

3. Sikkerhedskopier din blogskabelon. Lav altid en backup, når du redigerer din blogs HTML-kode direkte.

Klik på Backup / Restore knappen øverst til højre på siden.

Klik Download Template.

Indtast et navn til din fil, e.G. "Blog skabelon backup."

Klik Gemme.

Billede med titlen Tilføj Facebook Like To Blogger Trin 13

4. Klik Rediger HTML. Det er bare under forhåndsvisningsbilledet af din blog.

Billede med titlen Tilføj Facebook Like To Blogger Trin 14

5. Kopier koden fra den første boks i Facebook som knapkonfigurator. Det er koden i øverste boks, under "Trin 2."

Du kan kopiere teksten ved at fremhæve den, og derefter trykke på Styring+C eller ⌘ command+C.

Billede med titlen Tilføj Facebook Like To Blogger Trin 15

6. Indsæt koden i din blogger HTML-kode. Koden skal indsættes efter den linje, der begynder med, helst på den allerførste linje.

For at give dig et sted at indsætte kode, klik på før linjen første tegn efter kroppen, og tryk derefter på ↵ ENTER eller ⏎ RETURN.

Klik på blank linjen, og tryk derefter på Styring+V eller ⌘ command+V at indsætte.

Billede med titlen Tilføj Facebook Like To Blogger Trin 16

7. Udskift hver "&" i den indsatte kode med "& amp-". Ikke inkludere citatmærkerne.

For eksempel, "// Connect.Facebook.Net / En_US / SDK.JS # xfbml = 1& Selv-Version = v2.8 "bliver" // Connect.Facebook.Net / En_US / SDK.JS # xfbml = 1& amp-Version = v2.8""

Billede med titlen Tilføj Facebook Like To Blogger Trin 17

8. Klik Gem template.

Hvis du ved et uheld hoppede over en "&", vil du se en fejl, der siger "Fejl ved parring af XML" lige over koden. Gå tilbage til den indsatte kode, find &, og erstat den med & amp-.

Del 3 af 3:

Tilføjelse af knappen til dit layout

1. Kopier den anden boks med kode fra den samme knapkonfigurator. Du bliver nødt til at vende tilbage til dit andet browservindue eller faneblad for at finde det. Dette er koden i boksen nedenunder "Trin 3."

Du kan kopiere teksten ved at fremhæve den, og derefter trykke på Styring+C eller ⌘ command+C.

Billede med titlen Tilføj Facebook Like To Blogger Trin 19

2. Klik Layout Tilbage i Blogger. Det er på venstre side af Blogger Dashboard, lige over "skabelon."

Billede med titlen Tilføj Facebook Like To Blogger Trin 20

3. Klik på Tilføj en gadget knappen, hvor du vil have knappen vist.

I de fleste tilfælde vil du have, at knappen vises i en header eller footer.

Billede med titlen Tilføj Facebook Like To Blogger Trin 21

4. Vælg HTML / jаvascript. Du bliver nødt til at rulle ned lidt for at finde den.

Billede med titlen Tilføj Facebook Like To Blogger Trin 22

5. Type Facebook under "titel."

Billede med titlen Tilføj Facebook Like To Blogger Trin 23

6. Indsæt den kopierede kode i "Content" boksen. Du kan gøre dette ved at klikke på boksen og trykke på Styring+V eller ⌘ command+V.

Billedet med titlen Tilføj Facebook Like To Blogger Trin 24

7. Klik Gemme. Nu vil du se en gadgetboks kaldet "Facebook."

Klik på Forhåndsvisning øverst til højre på siden for at sikre, at knappen vises, hvor den skal. Hvis du ikke kan lide placeringen, kan du trække feltet "Facebook" til en af de andre sektioner i dit layout.

Billede med titlen Tilføj Facebook Like To Blogger Trin 25

8. Klik Gem arrangement. Det er øverst til højre på skærmen. Nu, når nogen nyder din blog, kan de nemt dele det med alle deres Facebook-venner.