Kako dodati Facebook Like na Blogger (sa slikama)

Sadržaj:

Kako dodati Facebook Like na Blogger (sa slikama)
Kako dodati Facebook Like na Blogger (sa slikama)

Video: Kako dodati Facebook Like na Blogger (sa slikama)

Video: Kako dodati Facebook Like na Blogger (sa slikama)
Video: Как спрятать трубы в ванной комнате 2024, Svibanj
Anonim

Ovaj wikiHow vas uči kako dodati Facebook gumb "Sviđa mi se" na koji se može kliknuti na vašu web stranicu Blogger (blogspot.com). Nakon što ste izgradili gumb u konfiguratoru Like Button Configurator, samo ćete morati kopirati i zalijepiti dva boda koda na svoju Blogger nadzornu ploču, čime ćete napraviti jedno brzo uređivanje radi kompatibilnosti.

Koraci

1. dio od 3: Stvaranje sličnog gumba

Dodajte Facebook Like na Blogger Korak 1
Dodajte Facebook Like na Blogger Korak 1

Korak 1. Idite na

Možete koristiti bilo koji moderni web preglednik, poput Chromea ili Safarija.

Dodajte Facebook Like na Blogger Korak 2
Dodajte Facebook Like na Blogger Korak 2

Korak 2. Pomaknite se dolje do Konfigurator sličnih tipki

Nalazi se u trećem odjeljku stranice.

Dodajte Facebook Like na Blogger Korak 3
Dodajte Facebook Like na Blogger Korak 3

Korak 3. Unesite adresu svog bloga u okvir "URL za lajkanje"

Dodajte Facebook Like na Blogger Korak 4
Dodajte Facebook Like na Blogger Korak 4

Korak 4. Unesite željenu širinu dodatka u okvir "Širina"

Većina korisnika Bloggera može ostaviti ovo polje prazno jer zadana širina (450 px) dobro radi. Imajte na umu da je ovo širina cijelog dodatka, a ne sam gumb Like.

Dodajte Facebook Like na Blogger Korak 5
Dodajte Facebook Like na Blogger Korak 5

Korak 5. Odaberite stil gumba s izbornika "Raspored"

Vidjet ćete pregled svakog stila kada se odabere.

Dodajte Facebook Like na Blogger Korak 6
Dodajte Facebook Like na Blogger Korak 6

Korak 6. Odaberite radnju s izbornika “Vrsta radnje”

Prema zadanim postavkama, vaš će gumb reći "Sviđa mi se". Ako želite, možete ga promijeniti tako da kaže "Preporuči". Kada netko klikne gumb, njegovi sljedbenici na Facebooku će vidjeti "(ime osobe) Ovo preporučuje."

Dodajte Facebook Like na Blogger Korak 7
Dodajte Facebook Like na Blogger Korak 7

Korak 7. Odaberite veličinu s izbornika "Veličina gumba"

Pregled gumba ispod konfiguratora pokazat će vam kako izgleda svaka veličina.

Dodajte Facebook Like na Blogger Korak 8
Dodajte Facebook Like na Blogger Korak 8

Korak 8. Označite ili poništite okvir "Uključi gumb za dijeljenje"

Ako je okvir označen, gumb "Podijeli" pojavit će se pored gumba Sviđa mi se na vašem blogu. Ako netko pritisne ovaj gumb, imat će priliku unijeti vlastiti tekst prije nego što poveznicu podijeli sa svojim prijateljima na Facebooku.

Dodajte Facebook Like na Blogger Korak 9
Dodajte Facebook Like na Blogger Korak 9

Korak 9. Pritisnite Get Code

Sada ćete vidjeti dva okvira koji sadrže HTML kôd koje morate zalijepiti u različita područja Bloggera.

Dio 2 od 3: Dodavanje koda vašem predlošku

Dodajte Facebook Like na Blogger Korak 10
Dodajte Facebook Like na Blogger Korak 10

Korak 1. Prijavite se na

Upotrijebite drugu karticu ili prozor preglednika jer ćete morati kopirati i zalijepiti kôd s Facebooka na Blogger.

Dodajte Facebook Like na Blogger Korak 11
Dodajte Facebook Like na Blogger Korak 11

Korak 2. Pritisnite Predložak

Nalazi se na lijevoj strani zaslona, pri dnu izbornika.

Dodajte Facebook Like na Blogger Korak 12
Dodajte Facebook Like na Blogger Korak 12

Korak 3. Izradite sigurnosnu kopiju predloška bloga

Prilikom izravnog uređivanja HTML koda bloga uvijek napravite sigurnosnu kopiju.

  • Kliknite na Sigurnosno kopiranje / vraćanje gumb u gornjem desnom kutu stranice.
  • Klik Preuzmite predložak.
  • Unesite naziv datoteke, npr. "Sigurnosna kopija predloška bloga."
  • Klik Uštedjeti.
Dodajte Facebook Like na Blogger Korak 13
Dodajte Facebook Like na Blogger Korak 13

Korak 4. Pritisnite Uredi HTML

To je samo ispod slike pregleda vašeg bloga.

Dodajte Facebook Like na Blogger Korak 14
Dodajte Facebook Like na Blogger Korak 14

Korak 5. Kopirajte kôd iz prvog okvira Facebook Like Button Configuratora

To je kôd u gornjem okviru, pod "Korak 2".

Tekst možete kopirati tako da ga označite, a zatim pritisnete Control+C ili ⌘ Command+C

Dodajte Facebook Like na Blogger Korak 15
Dodajte Facebook Like na Blogger Korak 15

Korak 6. Zalijepite kôd u svoj Blogger HTML kôd

Kôd se mora zalijepiti iza retka koji počinje s <body, po mogućnosti u sljedećem retku.

  • Da biste sebi dali mjesto za lijepljenje koda, kliknite prije prvog znaka retka nakon oznake tijela, a zatim pritisnite ↵ Enter ili ⏎ Return.
  • Pritisnite prazan redak, a zatim pritisnite Control+V ili ⌘ Command+V za lijepljenje.
Dodajte Facebook Like na Blogger Korak 16
Dodajte Facebook Like na Blogger Korak 16

Korak 7. Zamijenite svako “&” u zalijepljenom kodu sa “

&

”.

Ne navodite navodnike.

  • Na primjer, „//connect.facebook.net/en_US/sdk.js#xfbml=1 &version = v2.8”postaje“//connect.facebook.net/en_US/sdk.js#xfbml=1

    &

  • verzija = v2.8 ""
Dodajte Facebook Like na Blogger Korak 17
Dodajte Facebook Like na Blogger Korak 17

Korak 8. Pritisnite Spremi predložak

  • Ako ste slučajno preskočili “&”, vidjet ćete pogrešku koja kaže “Error Parsing XML” tik iznad koda. Vratite se na zalijepljeni kôd, pronađite & i zamijenite ga s

    &

  • .

3. dio od 3: Dodavanje gumba u vaš izgled

Dodajte Facebook Like na Blogger Korak 18
Dodajte Facebook Like na Blogger Korak 18

Korak 1. Kopirajte drugi okvir koda iz konfiguratora Like Button Configurator

Morat ćete se vratiti na drugi prozor ili karticu preglednika da biste ga pronašli. Ovo je kôd u okviru ispod "Korak 3".

Tekst možete kopirati tako da ga označite, a zatim pritisnete Control+C ili ⌘ Command+C

Dodajte Facebook Like na Blogger Korak 19
Dodajte Facebook Like na Blogger Korak 19

Korak 2. Kliknite Layout natrag u Bloggeru

Nalazi se s lijeve strane nadzorne ploče Blogger, odmah iznad "Predložak".

Dodajte Facebook Like na Blogger Korak 20
Dodajte Facebook Like na Blogger Korak 20

Korak 3. Pritisnite gumb Dodaj gadget na mjestu na kojem želite da se gumb pojavi

U većini slučajeva želite da se gumb pojavi u zaglavlju ili podnožju

Dodajte Facebook Like na Blogger Korak 21
Dodajte Facebook Like na Blogger Korak 21

Korak 4. Odaberite HTML/JavaScript

Morat ćete se pomaknuti prema dolje da biste ga pronašli.

Dodajte Facebook Like na Blogger Korak 22
Dodajte Facebook Like na Blogger Korak 22

Korak 5. Upišite facebook pod “Naslov

Dodajte Facebook Like na Blogger Korak 23
Dodajte Facebook Like na Blogger Korak 23

Korak 6. Zalijepite kopirani kôd u okvir "Sadržaj"

To možete učiniti klikom na okvir i pritiskom na Control+V ili ⌘ Command+V.

Dodajte Facebook Like na Blogger Korak 24
Dodajte Facebook Like na Blogger Korak 24

Korak 7. Pritisnite Spremi

Sada ćete vidjeti okvir za gadgete pod nazivom "facebook".

Kliknite Pregled u gornjem desnom kutu stranice kako biste bili sigurni da se gumb prikazuje gdje bi trebao. Ako vam se lokacija ne sviđa, okvir "facebook" možete povući u jedan od ostalih odjeljaka u izgledu

Dodajte Facebook Like na Blogger Korak 25
Dodajte Facebook Like na Blogger Korak 25

Korak 8. Pritisnite Spremi raspored

Nalazi se u gornjem desnom kutu zaslona. Sada, kad netko uživa u vašem blogu, može ga lako podijeliti sa svim svojim prijateljima na Facebooku.

Preporučeni: