Slik legger du til Facebook Like i Blogger (med bilder)

Innholdsfortegnelse:

Slik legger du til Facebook Like i Blogger (med bilder)
Slik legger du til Facebook Like i Blogger (med bilder)

Video: Slik legger du til Facebook Like i Blogger (med bilder)

Video: Slik legger du til Facebook Like i Blogger (med bilder)
Video: 6 Ways To Promote Your Blog Articles 2024, Kan
Anonim

Denne wikiHow lærer deg hvordan du legger til en klikkbar Facebook "Liker" -knapp på Blogger (blogspot.com) -nettstedet ditt. Etter at du har bygd knappen i Like Button Configurator, trenger du bare å kopiere og lime inn to biter kode i Blogger -dashbordet, og gjøre en rask redigering for kompatibilitet.

Trinn

Del 1 av 3: Opprette en liker -knapp

Legg Facebook Like til Blogger Trinn 1
Legg Facebook Like til Blogger Trinn 1

Trinn 1. Gå til

Du kan bruke hvilken som helst moderne nettleser, for eksempel Chrome eller Safari.

Legg Facebook Like til Blogger Trinn 2
Legg Facebook Like til Blogger Trinn 2

Trinn 2. Rull ned til Like Button Configurator

Det er i den tredje delen av siden.

Legg Facebook Like til Blogger Trinn 3
Legg Facebook Like til Blogger Trinn 3

Trinn 3. Skriv inn bloggens adresse i "URL to like" -boksen

Legg Facebook Like til Blogger Trinn 4
Legg Facebook Like til Blogger Trinn 4

Trinn 4. Skriv inn ønsket pluginbredde i "Width" -boksen

De fleste Blogger -brukere kan la denne boksen stå tom, ettersom standardbredden (450 piksler) fungerer fint. Vær oppmerksom på at dette er bredden på hele pluginet, ikke selve knappen Like.

Legg Facebook Like til Blogger Trinn 5
Legg Facebook Like til Blogger Trinn 5

Trinn 5. Velg en knappestil fra "Layout" -menyen

Du vil se en forhåndsvisning av hver stil når den er valgt.

Legg Facebook Like til Blogger Trinn 6
Legg Facebook Like til Blogger Trinn 6

Trinn 6. Velg en handling fra "Handlingstype" -menyen

Som standard vil knappen din si "Liker". Hvis du foretrekker det, kan du endre det til å si "Anbefal". Når noen klikker på knappen, vil deres Facebook -følgere se "(persons navn) Anbefaler dette."

Legg Facebook Like til Blogger Trinn 7
Legg Facebook Like til Blogger Trinn 7

Trinn 7. Velg en størrelse fra "Knappestørrelse" -menyen

Knappforhåndsvisningen under konfiguratoren viser deg hvordan hver størrelse ser ut.

Legg Facebook Like til Blogger Trinn 8
Legg Facebook Like til Blogger Trinn 8

Trinn 8. Merk av eller fjern merket for "Inkluder delingsknapp" -boksen

Hvis boksen er merket av, vises en knapp som sier "Del" ved siden av Liker -knappen på bloggen din. Hvis noen klikker på denne knappen, har de muligheten til å skrive inn noen av sin egen tekst før de deler lenken med sine Facebook -venner.

Legg Facebook Like til Blogger Trinn 9
Legg Facebook Like til Blogger Trinn 9

Trinn 9. Klikk på Få kode

Nå ser du to bokser som inneholder HTML -kode du må lime inn i forskjellige områder av Blogger.

Del 2 av 3: Legge til koden i malen din

Legg Facebook Like til Blogger Trinn 10
Legg Facebook Like til Blogger Trinn 10

Trinn 1. Logg deg på

Bruk en annen fane eller et nettleservindu, da du må kopiere og lime inn koden fra Facebook til Blogger.

Legg Facebook Like til Blogger Trinn 11
Legg Facebook Like til Blogger Trinn 11

Trinn 2. Klikk på Mal

Det er på venstre side av skjermen, nær bunnen av menyen.

Legg Facebook Like til Blogger Trinn 12
Legg Facebook Like til Blogger Trinn 12

Trinn 3. Sikkerhetskopier bloggmalen din

Ta alltid en sikkerhetskopi når du redigerer bloggens HTML -kode direkte.

  • Klikk på Gjenopprette fra sikkerhetskopi -knappen øverst til høyre på siden.
  • Klikk Last ned mal.
  • Skriv inn et navn på filen din, f.eks. "Sikkerhetskopiering av bloggmal."
  • Klikk Lagre.
Legg Facebook Like til Blogger Trinn 13
Legg Facebook Like til Blogger Trinn 13

Trinn 4. Klikk på Rediger HTML

Det er like under forhåndsvisningsbildet av bloggen din.

Legg Facebook Like til Blogger Trinn 14
Legg Facebook Like til Blogger Trinn 14

Trinn 5. Kopier koden fra den første boksen i Facebook Like Button Configurator

Det er koden i den øverste boksen, under "Trinn 2."

Du kan kopiere teksten ved å markere den og deretter trykke på Ctrl+C eller ⌘ Kommando+C

Legg Facebook Like til Blogger Trinn 15
Legg Facebook Like til Blogger Trinn 15

Trinn 6. Lim inn koden i Blogger HTML -koden

Koden må limes inn etter linjen som begynner med <brødtekst, helst på neste linje.

  • For å gi deg selv et sted å lime inn kode, klikker du før det første tegnet i linjen etter brødteksten, og trykker deretter på ↵ Enter eller ⏎ Returner.
  • Klikk på den tomme linjen, og trykk deretter på Ctrl+V eller ⌘ Command+V for å lime inn.
Legg Facebook Like til Blogger Trinn 16
Legg Facebook Like til Blogger Trinn 16

Trinn 7. Erstatt hver “&” i den limte koden med “

&

”.

Ikke ta med anførselstegn.

  • For eksempel “//connect.facebook.net/en_US/sdk.js#xfbml=1 &versjon = v2.8”blir til“//connect.facebook.net/en_US/sdk.js#xfbml=1

    &

  • versjon = v2.8 ""
Legg Facebook Like til Blogger Trinn 17
Legg Facebook Like til Blogger Trinn 17

Trinn 8. Klikk på Lagre mal

  • Hvis du ved et uhell hoppet over et "&", ser du en feilmelding som sier "Error Parsing XML" like over koden. Gå tilbake til den limte koden, finn &, og erstatt den med

    &

  • .

Del 3 av 3: Legge til knappen i oppsettet

Legg Facebook Like til Blogger Trinn 18
Legg Facebook Like til Blogger Trinn 18

Trinn 1. Kopier den andre boksen med kode fra Like Button Configurator

Du må gå tilbake til det andre nettleservinduet eller fanen for å finne det. Dette er koden i boksen under "Trinn 3."

Du kan kopiere teksten ved å markere den og deretter trykke på Ctrl+C eller ⌘ Kommando+C

Legg Facebook Like til Blogger Trinn 19
Legg Facebook Like til Blogger Trinn 19

Trinn 2. Klikk på Oppsett tilbake i Blogger

Det er på venstre side av Blogger -oversikten, like over "Mal".

Legg Facebook Like til Blogger Trinn 20
Legg Facebook Like til Blogger Trinn 20

Trinn 3. Klikk på Legg til en gadget -knappen der du vil at knappen skal vises

I de fleste tilfeller vil du at knappen skal vises i en topptekst eller bunntekst

Legg Facebook Like til Blogger Trinn 21
Legg Facebook Like til Blogger Trinn 21

Trinn 4. Velg HTML/JavaScript

Du må rulle litt ned for å finne den.

Legg Facebook Like til Blogger Trinn 22
Legg Facebook Like til Blogger Trinn 22

Trinn 5. Skriv facebook under “Tittel

Legg Facebook Like til Blogger Trinn 23
Legg Facebook Like til Blogger Trinn 23

Trinn 6. Lim inn den kopierte koden i "Innhold" -boksen

Du kan gjøre dette ved å klikke inn i boksen og trykke Ctrl+V eller ⌘ Kommando+V.

Legg Facebook Like til Blogger Trinn 24
Legg Facebook Like til Blogger Trinn 24

Trinn 7. Klikk på Lagre

Nå ser du en gadgetboks kalt "facebook."

Klikk på Forhåndsvisning øverst til høyre på siden for å kontrollere at knappen vises der den skal. Hvis du ikke liker plasseringen, kan du dra "facebook" -boksen til en av de andre seksjonene i oppsettet

Legg til Facebook Like i Blogger Trinn 25
Legg til Facebook Like i Blogger Trinn 25

Trinn 8. Klikk på Lagre arrangement

Det er øverst til høyre på skjermen. Når noen liker bloggen din, kan de enkelt dele den med alle sine Facebook -venner.

Anbefalt: