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
Vaihe 1. Siirry osoitteeseen
Voit käyttää mitä tahansa nykyaikaista verkkoselainta, kuten Chromea tai Safaria.
Vaihe 2. Vieritä alas kohtaan Like Button Configurator
Se on sivun kolmannessa osassa.
Vaihe 3. Kirjoita blogisi osoite Tykkäävä URL -kenttään
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.
Vaihe 5. Valitse painikkeiden tyyli Asettelu -valikosta
Näet esikatselun jokaisesta tyylistä, kun se on valittu.
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ä".
Vaihe 7. Valitse koko “Button Size” -valikosta
Painikkeen esikatselu kokoonpanon alla näyttää, miltä kukin koko näyttää.
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.
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
Vaihe 1. Kirjaudu sisään osoitteeseen
Käytä toista välilehteä tai selainikkunaa, koska sinun on kopioitava ja liitettävä koodi Facebookista Bloggeriin.
Vaihe 2. Napsauta Malli
Se on näytön vasemmalla puolella, lähellä valikon alareunaa.
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.
Vaihe 4. Napsauta Muokkaa HTML -koodia
Se on vain blogisi esikatselukuvan alla.
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
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.
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 & Jos ohitit vahingossa "-merkin", näet koodin yläpuolella virheilmoituksen "Virhe jäsentäessä XML: ää". Palaa liitettyyn koodiin, etsi & ja korvaa se & Sinun on palattava toiseen selainikkunaan tai -välilehteen löytääksesi sen. Tämä on koodi vaiheessa 3 olevan ruudun alla. Se on Bloggerin hallintapaneelin vasemmalla puolella, juuri "Mallin" yläpuolella. Sinun on vieritettävä hiukan alaspäin löytääksesi sen. ” Voit tehdä tämän napsauttamalla ruutua ja painamalla Control+V tai ⌘ Command+V. Nyt näet gadget -laatikon nimeltä "facebook". Se on näytön oikeassa yläkulmassa. Kun joku nauttii blogistasi, hän voi jakaa sen helposti kaikkien Facebook -ystäviensä kanssa.
Vaihe 8. Napsauta Tallenna malli
Osa 3/3: Painikkeen lisääminen asetteluun
Vaihe 1. Kopioi toinen koodiruutu Like Button Configuratorista
Voit kopioida tekstin korostamalla sen ja painamalla sitten Control+C tai ⌘ Command+C
Vaihe 2. Napsauta Asettelu takaisin Bloggerissa
Vaihe 3. Napsauta Lisää gadget -painiketta, jossa haluat painikkeen näkyvän
Useimmissa tapauksissa haluat, että painike näkyy ylä- tai alatunnisteessa
Vaihe 4. Valitse HTML/JavaScript
Vaihe 5. Kirjoita facebook kohtaan "Otsikko
Vaihe 6. Liitä kopioitu koodi "Sisältö" -ruutuun
Vaihe 7. Napsauta Tallenna
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
Vaihe 8. Napsauta Tallenna järjestely