Hur man lägger till Facebook som Blogger (med bilder)

Thistaaches du hur man lägger till en klickbar Facebook "som" knapp till din blogger (Blogspot.com) hemsida. Efter att ha byggt på knappen i den liknande knappkonfiguratorn behöver du bara kopiera och klistra in två bitar av kod i din bloggerdashboard, vilket gör en snabb redigering för kompatibilitet.

Steg

Del 1 av 3:

Skapa en liknande knapp

1. Gå till https: // utvecklare.Facebook.com / docs / plugins / like-knappen. Du kan använda någon modern webbläsare, som krom eller safari.

Bild med titeln Lägg till Facebook som Blogger Steg 2

2. Bläddra ner till liknande knappkonfigurator. Det är i den tredje delen av sidan.

Bild med titeln Lägg till Facebook som Blogger Steg 3

3. Ange din bloggadress i rutan "URL-adress".

Bild med titeln Lägg till Facebook som Blogger Steg 4

4. Ange önskad pluginbredd i rutan "Bredd". De flesta bloggeranvändare kan lämna den här rutan tomt, eftersom standardbredden (450 px) fungerar bra. Observera att det här är bredden på hela plugin, inte den liknande knappen själv.

Bild med titeln Lägg till Facebook som Blogger Steg 5

5. Välj en knappstil från menyn "Layout". Du får se en förhandsgranskning av varje stil när den valdes.

Bild med titeln Lägg till Facebook som Blogger Steg 6

6. Välj en åtgärd från menyn "Åtgärdstyp". Som standard kommer din knapp att säga "som."Om du föredrar kan du ändra det för att säga" rekommendera."När någon klickar på knappen, kommer deras Facebook-följare att se" (personens namn) rekommenderar detta."

Bild med titeln Lägg till Facebook som Blogger Steg 7

7. Välj en storlek från menyn "Knappstorlek". Knappen förhandsgranskning under konfiguratorn visar dig vad varje storlek ser ut.

Bild med titeln Lägg till Facebook som Blogger Steg 8

8. Kontrollera eller avmarkera rutan "Inkludera Share-knappen". Om rutan är markerad visas en knapp som säger "Dela" bredvid den liknande knappen på din blogg. Om någon klickar på den här knappen får de möjlighet att ange en del av sin egen text innan du delar länken med sina Facebook-vänner.

Bild med titeln Lägg till Facebook som Blogger Steg 9

9. Klick Hämta kod. Nu ser du två lådor som innehåller HTML-kod du måste klistra in i olika områden av blogger.

Del 2 av 3:

Lägga till koden till din mall

1. Logga in https: // bloggare.com. Använd ett annat flik- eller webbläsarfönster, eftersom du måste kopiera och klistra in koden från Facebook till Blogger.

Bild med titeln Lägg till Facebook som Blogger Steg 11

2. Klick Mall. Det är på vänster sida av skärmen, nära botten av menyn.

Bild med titeln Lägg till Facebook som Blogger Steg 12

3. Säkerhetskopiera din bloggmall. Gör alltid en säkerhetskopia när du redigerar din bloggs HTML-kod direkt.

Klicka på Backup / Restore knapp längst upp till höger på sidan.

Klick Hämta mall.

Ange ett namn för din fil, e.g. "Blog mall backup."

Klick Spara.

Bild med titeln Lägg till Facebook som Blogger Steg 13

4. Klick Redigera HTML. Det är bara under förhandsgranskningsbilden av din blogg.

Bild med titeln Lägg till Facebook som Blogger Steg 14

5. Kopiera koden från den första rutan på Facebook som knappkonfigurator. Det är koden i den övre rutan, under "Steg 2."

Du kan kopiera texten genom att markera den och tryck sedan på Kontrollera+C eller ⌘ kommando+C.

Bild med titeln Lägg till Facebook som Blogger Steg 15

6. Klistra in koden i din blogger HTML-kod. Koden måste klistras efter den linjen som börjar med, helst på den allra nästa raden.

För att ge dig en plats att klistra in, klicka före den första tecknen efter kroppsingeniketten och tryck sedan på ↵ ENTER eller ⏎ RETURN.

Klicka på den tomma linjen och tryck sedan på Kontrollera+V eller ⌘ kommando+V att klistra.

Bild med titeln Lägg till Facebook som Blogger Steg 16

7. Ersätt varje "&" i den klistrade koden med "& amp-". Inkludera inte citattecken.

Till exempel, "// Connect.Facebook.net / en_us / sdk.JS # xfbml = 1Bversion = v2.8 "blir" // CONNECT.Facebook.net / en_us / sdk.JS # xfbml = 1& amp-version = v2.8""

Bild med titeln Lägg till Facebook som Blogger Steg 17

8. Klick Spara mall.

Om du av misstag hoppade över en "&", ser du ett fel som säger "Fel Parsing XML" strax ovanför koden. Gå tillbaka till den klistrade koden, hitta och och byt ut den med & amp-.

Del 3 av 3:

Lägga till knappen i din layout

1. Kopiera den andra rutan med kod från liknande knappkonfigurator. Du måste återgå till ditt andra webbläsarfönster eller flik för att hitta den. Detta är koden i rutan under "Steg 3."

Du kan kopiera texten genom att markera den och tryck sedan på Kontrollera+C eller ⌘ kommando+C.

Bild med titeln Lägg till Facebook som Blogger Steg 19

2. Klick Layout tillbaka i blogger. Det är på vänster sida av Blogger Dashboard, precis ovanför "mall."

Bild med titeln Lägg till Facebook som Blogger Steg 20

3. Klicka på Lägg till en gadget knapp där du vill att knappen ska visas.

I de flesta fall vill du att knappen ska visas i en rubrik eller sidfot.

Bild med titeln Lägg till Facebook som Blogger Steg 21

4. Välj HTML / jаvascript. Du måste rulla ner lite för att hitta den.

Bild med titeln Lägg till Facebook som Blogger Steg 22

5. Typ Facebook under "titel."

Bild med titeln Lägg till Facebook som Blogger Steg 23

6. Klistra in den kopierade koden i rutan "Innehåll". Du kan göra det genom att klicka in i rutan och trycka på Kontrollera+V eller ⌘ kommando+V.

Bild med titeln Lägg till Facebook som Blogger Steg 24

7. Klick Spara. Nu ser du en gadgetbox som heter "Facebook."

Klicka på Förhandsgranska längst upp till höger på sidan för att se till att knappen visas där den ska. Om du inte gillar platsen kan du dra "Facebook" -lådan till en av de andra avsnitten i din layout.

Bild med titeln Lägg till Facebook som Blogger Steg 25

8. Klick Spara arrangemang. Det är längst upp till höger på skärmen. Nu, när någon åtnjuter din blogg, kan de enkelt dela den med alla sina Facebook-vänner.