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: Йога для начинающих дома с Алиной Anandee #1. Здоровое и гибкое тело за 40 минут 2024, Maj
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, čineći jedno brzo uređivanje radi kompatibilnosti.

Koraci

1. dio od 3: Kreiranje sličnog dugmeta

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 sviđanje"

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) radi dobro. Imajte na umu da je ovo širina cijelog dodatka, a ne samo dugme Sviđa mi se.

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

Korak 5. Odaberite stil dugmeta u meniju „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 iz izbornika “Vrsta radnje”

Prema zadanim postavkama, vaše dugme će reći "Sviđa mi se". Ako želite, možete ga promijeniti tako da kaže "Preporuči". Kada neko pritisne dugme, njihovi 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. Potvrdite ili poništite okvir „Uključi dugme za dijeljenje“

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

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

Korak 9. Pritisnite Preuzmi kôd

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

Koristite 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. Kliknite Predložak

Nalazi se na lijevoj strani ekrana, pri dnu menija.

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

Korak 3. Napravite rezervnu kopiju predloška bloga

Uvijek napravite sigurnosnu kopiju prilikom izravnog uređivanja HTML koda vašeg bloga.

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

Korak 4. Kliknite Uredi HTML

To je odmah 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".

Možete kopirati tekst tako što ćete ga označiti, a zatim pritisnuti 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 iza oznake tijela, a zatim pritisnite ↵ Enter ili ⏎ Return.
  • Pritisnite prazan red, 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 grešku koja kaže “Error Parsing XML” tik iznad koda. Vratite se na zalijepljeni kôd, pronađite & i zamijenite ga sa

    &

  • .

3. dio od 3: Dodavanje dugmeta u 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".

Možete kopirati tekst tako što ćete ga označiti, a zatim pritisnuti 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 Bloggerove nadzorne ploče, odmah iznad "Predložak".

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

Korak 3. Kliknite na dugme Dodaj gadget na mjestu na kojem želite da se dugme pojavi

U većini slučajeva želite da se dugme 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 malo prema dolje da biste ga pronašli.

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

Korak 5. Unesite 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. Kliknite na dugme Sačuvaj

Sada ćete vidjeti okvir za gadžete pod nazivom "facebook".

Kliknite na Pregled u gornjem desnom kutu stranice kako biste bili sigurni da se dugme pojavljuje gdje treba. Ako vam se lokacija ne sviđa, možete povući okvir "facebook" u jedan od drugih 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 uglu ekrana. Sada, kada neko uživa u vašem blogu, može ga lako podijeliti sa svim svojim prijateljima na Facebooku.

Preporučuje se: