Ez a wikiHow megtanítja, hogyan adhat hozzá kattintható Facebook „Tetszik” gombot a Blogger (blogspot.com) webhelyéhez. Miután létrehozta a gombot a Like Button Configurator programban, csak ki kell másolnia és beillesztenie két bit kódot a Blogger irányítópultjára, így egy gyors szerkesztést kell végeznie a kompatibilitás érdekében.
Lépések
Rész 1 /3: Hasonló gomb létrehozása
1. lépés: Lépjen a https://developers.facebook.com/docs/plugins/like-button oldalra
Bármilyen modern webböngészőt használhat, például a Chrome -ot vagy a Safarit.
Lépés 2. Görgessen le a Like Button Configurator elemhez
Ez az oldal harmadik részében található.
Lépés 3. Írja be blogja címét az „URL kedvelésre” mezőbe
4. lépés. Írja be a kívánt bővítmény szélességét a „Szélesség” mezőbe
A legtöbb Blogger -felhasználó üresen hagyhatja ezt a mezőt, mivel az alapértelmezett szélesség (450 képpont) jól működik. Ne feledje, hogy ez a teljes bővítmény szélessége, nem pedig a Like gomb.
5. lépés: Válasszon ki egy gombstílust az „Elrendezés” menüből
A kiválasztott stílusok előnézetét láthatja.
6. lépés. Válasszon egy műveletet a „Művelet típusa” menüből
Alapértelmezés szerint a gomb „Like” feliratot tartalmaz. Ha szeretné, módosíthatja úgy, hogy „Ajánlom”. Amikor valaki rákattint a gombra, a Facebook -követői ezt látják: „(személy neve) Ezt ajánlja”.
7. lépés: Válasszon egy méretet a „Gombméret” menüből
A konfigurátor alatti gomb előnézete megmutatja, hogy az egyes méretek hogyan néznek ki.
8. lépés. Jelölje be vagy törölje a jelölést a „Megosztás gombjának beillesztése” jelölőnégyzetből
Ha a jelölőnégyzet be van jelölve, akkor a „Megosztás” feliratú gomb jelenik meg a blog Tetszik gombja mellett. Ha valaki rákattint erre a gombra, lehetősége lesz saját szövegének beírására, mielőtt megosztja a linket Facebook -ismerőseivel.
9. lépés. Kattintson a Kód lekérése gombra
Most két HTML -kódot tartalmazó mező jelenik meg, amelyeket be kell illesztenie a Blogger különböző területeire.
2. rész a 3 -ból: A kód hozzáadása a sablonhoz
1. lépés: Jelentkezzen be a https://www.blogger.com webhelyre
Használjon másik lapot vagy böngészőablakot, mert ki kell másolnia és beillesztenie a kódot a Facebookról a Bloggerbe.
2. lépés Kattintson a Sablon gombra
A képernyő bal oldalán, a menü alján található.
3. lépés. Készítsen biztonsági másolatot a blog sablonjáról
Mindig készítsen biztonsági másolatot a blog HTML -kódjának közvetlen szerkesztésekor.
- Kattints a Biztonsági mentés visszaállítása gombot az oldal jobb felső sarkában.
- Kattintson Sablon letöltése.
- Adja meg a fájl nevét, pl. "Blog sablon biztonsági mentése."
- Kattintson Megment.
Lépés 4. Kattintson a HTML szerkesztése gombra
Ez csak a blog előnézeti képe alatt található.
5. lépés: Másolja ki a kódot a Facebook Like Button Configurator első dobozából
Ez a kód a felső mezőben, a „2. lépés” alatt.
A szöveget másolhatja úgy, hogy kiemeli, majd megnyomja a Control+C vagy a ⌘ Command+C billentyűkombinációt
6. lépés: Illessze be a kódot a Blogger HTML -kódjába
A kódot be kell illeszteni a <body -val kezdődő sor után, lehetőleg a következő sorba.
- Ha szeretne helyet adni magának a kód beillesztéséhez, kattintson a törzscímke utáni sor első karaktere elé, majd nyomja meg az ↵ Enter vagy a. Return gombot.
- Kattintson az üres sorra, majd a beillesztéshez nyomja le a Control+V vagy a ⌘ Command+V billentyűkombinációt.
Lépés 7. Cserélje ki a beillesztett kód minden „&” jelét a „
&
”.
Ne tegye bele az idézőjeleket.
-
Például: „//connect.facebook.net/en_US/sdk.js#xfbml=1 &verzió = v2.8”lesz„ //connect.facebook.net/en_US/sdk.js#xfbml=1
&
- verzió = v2.8 ""
8. lépés. Kattintson a Sablon mentése gombra
-
Ha véletlenül kihagyta az „&” karakterláncot, a kód fölött egy hibaüzenet jelenik meg, amely azt mondja: „Hibaelemzés XML”. Térjen vissza a beillesztett kódhoz, keresse meg a & -t, és cserélje ki a következőre
&
- .
Rész 3 /3: A gomb hozzáadása az elrendezéshez
1. lépés: Másolja ki a kód második dobozát a Like Button Configurator programból
A kereséshez vissza kell térnie a másik böngészőablakba vagy lapra. Ez a kód a „3. lépés” alatti mezőben.
A szöveget másolhatja úgy, hogy kiemeli, majd megnyomja a Control+C vagy a ⌘ Command+C billentyűkombinációt
2. lépés: Kattintson az Elrendezés gombra a Bloggerben
A Blogger irányítópult bal oldalán található, közvetlenül a „Sablon” felett.
Lépés 3. Kattintson a Modul hozzáadása gombra, ahol szeretné megjeleníteni a gombot
A legtöbb esetben azt szeretné, hogy a gomb fejlécben vagy láblécben jelenjen meg
4. lépés Válassza ki a HTML/JavaScript lehetőséget
Le kell görgetnie egy kicsit lefelé, hogy megtalálja.
5. lépés. Írja be a facebookot a „Cím” alá
”
6. lépés: Illessze be a másolt kódot a „Tartalom” mezőbe
Ezt úgy teheti meg, hogy a mezőbe kattint, és megnyomja a Control+V vagy a ⌘ Command+V billentyűkombinációt.
7. lépés. Kattintson a Mentés gombra
Most megjelenik egy "facebook" nevű modul doboz.
Kattintson az Előnézet gombra az oldal jobb felső sarkában, és győződjön meg arról, hogy a gomb ott jelenik meg, ahol lennie kell. Ha nem tetszik a hely, húzza a „facebook” mezőt az elrendezés másik szakaszába
8. lépés. Kattintson az Elrendezés mentése elemre
A képernyő jobb felső sarkában található. Most, amikor valaki élvezi a blogját, könnyen megoszthatja azt Facebook -ismerőseivel.