Facebookin lisääminen Bloggeriin (kuvilla)

Sisällysluettelo:

Facebookin lisääminen Bloggeriin (kuvilla)
Facebookin lisääminen Bloggeriin (kuvilla)

Video: Facebookin lisääminen Bloggeriin (kuvilla)

Video: Facebookin lisääminen Bloggeriin (kuvilla)
Video: Miten luoda menestyvä blogi? 2024, Saattaa
Anonim

Tämä wikiHow opettaa sinulle, kuinka voit lisätä napsautettavan Facebookin "Tykkää" -painikkeen Blogger (blogspot.com) -sivustoosi. Kun olet rakentanut painikkeen Like Button Configuratorissa, sinun on vain kopioitava ja liitettävä kaksi bittiä koodia Bloggerin hallintapaneeliin ja tehtävä yksi nopea muokkaus yhteensopivuuden vuoksi.

Askeleet

Osa 1/3: Tykkää -painikkeen luominen

Lisää Facebook Tykkää Bloggeriin Vaihe 1
Lisää Facebook Tykkää Bloggeriin Vaihe 1

Vaihe 1. Siirry osoitteeseen

Voit käyttää mitä tahansa nykyaikaista verkkoselainta, kuten Chromea tai Safaria.

Lisää Facebook Like Bloggeriin Vaihe 2
Lisää Facebook Like Bloggeriin Vaihe 2

Vaihe 2. Vieritä alas kohtaan Like Button Configurator

Se on sivun kolmannessa osassa.

Lisää Facebook Like Bloggeriin Vaihe 3
Lisää Facebook Like Bloggeriin Vaihe 3

Vaihe 3. Kirjoita blogisi osoite Tykkäävä URL -kenttään

Lisää Facebook Like Bloggeriin Vaihe 4
Lisää Facebook Like Bloggeriin Vaihe 4

Vaihe 4. Anna haluamasi laajennuksen leveys”Leveys” -ruutuun

Useimmat Bloggerin käyttäjät voivat jättää tämän kentän tyhjäksi, koska oletusleveys (450 pikseliä) toimii hyvin. Huomaa, että tämä on koko laajennuksen leveys, ei itse Tykkää -painike.

Lisää Facebook Tykkää Bloggeriin Vaihe 5
Lisää Facebook Tykkää Bloggeriin Vaihe 5

Vaihe 5. Valitse painikkeiden tyyli Asettelu -valikosta

Näet esikatselun jokaisesta tyylistä, kun se on valittu.

Lisää Facebook Like Bloggeriin Vaihe 6
Lisää Facebook Like Bloggeriin Vaihe 6

Vaihe 6. Valitse toiminto”Toimintatyyppi” -valikosta

Oletusarvoisesti painikkeessa lukee "Tykkää". Jos haluat, voit muuttaa sen sanomaan "Suosittele". Kun joku napsauttaa painiketta, hänen Facebook -seuraajansa näkevät "(henkilön nimi) suosittelee tätä".

Lisää Facebookin tykkäys Bloggeriin Vaihe 7
Lisää Facebookin tykkäys Bloggeriin Vaihe 7

Vaihe 7. Valitse koko “Button Size” -valikosta

Painikkeen esikatselu kokoonpanon alla näyttää, miltä kukin koko näyttää.

Lisää Facebookin tykkäys Bloggeriin Vaihe 8
Lisää Facebookin tykkäys Bloggeriin Vaihe 8

Vaihe 8. Valitse Sisällytä jakopainike -valintaruutu tai poista sen valinta

Jos ruutu on valittuna, blogisi Tykkää -painikkeen viereen ilmestyy "Jaa" -painike. Jos joku napsauttaa tätä painiketta, hänellä on mahdollisuus syöttää oma teksti ennen kuin jakaa linkin Facebook -ystävilleen.

Lisää Facebook Like Bloggeriin Vaihe 9
Lisää Facebook Like Bloggeriin Vaihe 9

Vaihe 9. Napsauta Hae koodi

Nyt näet kaksi HTML -koodia sisältävää laatikkoa, jotka sinun on liitettävä Bloggerin eri alueille.

Osa 2/3: Koodin lisääminen malliin

Lisää Facebookin tykkäys Bloggeriin Vaihe 10
Lisää Facebookin tykkäys Bloggeriin Vaihe 10

Vaihe 1. Kirjaudu sisään osoitteeseen

Käytä toista välilehteä tai selainikkunaa, koska sinun on kopioitava ja liitettävä koodi Facebookista Bloggeriin.

Lisää Facebook Tykkää Bloggeriin Vaihe 11
Lisää Facebook Tykkää Bloggeriin Vaihe 11

Vaihe 2. Napsauta Malli

Se on näytön vasemmalla puolella, lähellä valikon alareunaa.

Lisää Facebookin tykkäys Bloggeriin Vaihe 12
Lisää Facebookin tykkäys Bloggeriin Vaihe 12

Vaihe 3. Varmuuskopioi blogimalli

Tee aina varmuuskopio, kun muokkaat blogisi HTML -koodia suoraan.

  • Klikkaa Varmuuskopio -painiketta sivun oikeassa yläkulmassa.
  • Klikkaus Lataa malli.
  • Anna tiedostollesi nimi, esim. "Blogimalli varmuuskopio."
  • Klikkaus Tallentaa.
Lisää Facebook Tykkää Bloggeriin Vaihe 13
Lisää Facebook Tykkää Bloggeriin Vaihe 13

Vaihe 4. Napsauta Muokkaa HTML -koodia

Se on vain blogisi esikatselukuvan alla.

Lisää Facebook Like Bloggeriin Vaihe 14
Lisää Facebook Like Bloggeriin Vaihe 14

Vaihe 5. Kopioi koodi Facebook Like Button Configuratorin ensimmäisestä ruudusta

Se on koodi yläruudussa, vaiheessa 2.

Voit kopioida tekstin korostamalla sen ja painamalla sitten Control+C tai ⌘ Command+C

Lisää Facebookin tykkäys Bloggeriin Vaihe 15
Lisää Facebookin tykkäys Bloggeriin Vaihe 15

Vaihe 6. Liitä koodi Bloggerin HTML -koodiin

Koodi on liitettävä rivillä, joka alkaa <body, mieluiten aivan seuraavalla rivillä.

  • Jos haluat antaa itsellesi paikan koodin liittämiseen, napsauta ennen body -tunnisteen jälkeen olevan rivin ensimmäistä merkkiä ja paina sitten ↵ Enter tai ⏎ Return.
  • Napsauta tyhjää riviä ja liitä sitten painamalla Control+V tai ⌘ Command+V.
Lisää Facebook Tykkää Bloggeriin Vaihe 16
Lisää Facebook Tykkää Bloggeriin Vaihe 16

Vaihe 7. Korvaa liitetyn koodin kaikki & -merkit sanoilla

&

”.

Älä lainausmerkkejä.

  • Esimerkiksi "//connect.facebook.net/en_US/sdk.js#xfbml=1 &version = v2.8”muuttuu” //connect.facebook.net/en_US/sdk.js#xfbml=1

    &

  • versio = v2.8 ""
Lisää Facebook Tykkää Bloggeriin Vaihe 17
Lisää Facebook Tykkää Bloggeriin Vaihe 17

Vaihe 8. Napsauta Tallenna malli

  • Jos ohitit vahingossa "-merkin", näet koodin yläpuolella virheilmoituksen "Virhe jäsentäessä XML: ää". Palaa liitettyyn koodiin, etsi & ja korvaa se

    &

  • .

Osa 3/3: Painikkeen lisääminen asetteluun

Lisää Facebook Tykkää Bloggeriin Vaihe 18
Lisää Facebook Tykkää Bloggeriin Vaihe 18

Vaihe 1. Kopioi toinen koodiruutu Like Button Configuratorista

Sinun on palattava toiseen selainikkunaan tai -välilehteen löytääksesi sen. Tämä on koodi vaiheessa 3 olevan ruudun alla.

Voit kopioida tekstin korostamalla sen ja painamalla sitten Control+C tai ⌘ Command+C

Lisää Facebook Tykkää Bloggeriin Vaihe 19
Lisää Facebook Tykkää Bloggeriin Vaihe 19

Vaihe 2. Napsauta Asettelu takaisin Bloggerissa

Se on Bloggerin hallintapaneelin vasemmalla puolella, juuri "Mallin" yläpuolella.

Lisää Facebook Tykkää Bloggeriin Vaihe 20
Lisää Facebook Tykkää Bloggeriin Vaihe 20

Vaihe 3. Napsauta Lisää gadget -painiketta, jossa haluat painikkeen näkyvän

Useimmissa tapauksissa haluat, että painike näkyy ylä- tai alatunnisteessa

Lisää Facebook Tykkää Bloggeriin Vaihe 21
Lisää Facebook Tykkää Bloggeriin Vaihe 21

Vaihe 4. Valitse HTML/JavaScript

Sinun on vieritettävä hiukan alaspäin löytääksesi sen.

Lisää Facebookin tykkäys Bloggeriin Vaihe 22
Lisää Facebookin tykkäys Bloggeriin Vaihe 22

Vaihe 5. Kirjoita facebook kohtaan "Otsikko

Lisää Facebookin tykkäys Bloggeriin Vaihe 23
Lisää Facebookin tykkäys Bloggeriin Vaihe 23

Vaihe 6. Liitä kopioitu koodi "Sisältö" -ruutuun

Voit tehdä tämän napsauttamalla ruutua ja painamalla Control+V tai ⌘ Command+V.

Lisää Facebook Tykkää Bloggeriin Vaihe 24
Lisää Facebook Tykkää Bloggeriin Vaihe 24

Vaihe 7. Napsauta Tallenna

Nyt näet gadget -laatikon nimeltä "facebook".

Napsauta sivun oikeassa yläkulmassa olevaa Esikatselu -painiketta ja varmista, että painike näkyy siellä, missä sen pitäisi olla. Jos et pidä paikasta, voit vetää "facebook" -ruudun asettelusi muihin osiin

Lisää Facebook Tykkää Bloggeriin Vaihe 25
Lisää Facebook Tykkää Bloggeriin Vaihe 25

Vaihe 8. Napsauta Tallenna järjestely

Se on näytön oikeassa yläkulmassa. Kun joku nauttii blogistasi, hän voi jakaa sen helposti kaikkien Facebook -ystäviensä kanssa.

Suositeltava: