Aquest wikiHow us ensenya a afegir un botó "M'agrada" de Facebook al vostre lloc web de Blogger (blogspot.com). Després de crear el botó al Configurador de botons M'agrada, només haureu de copiar i enganxar dos bits de codi al tauler de Blogger, fent una edició ràpida per compatibilitat.
Passos
Part 1 de 3: Creació d'un botó M'agrada
Pas 1. Aneu a
Podeu utilitzar qualsevol navegador web modern, com ara Chrome o Safari.
Pas 2. Desplaceu-vos cap avall fins a Configurador de botons M'agrada
Es troba a la tercera secció de la pàgina.
Pas 3. Introduïu l'adreça del vostre bloc al quadre "URL que m'agrada"
Pas 4. Introduïu l'amplada del connector que vulgueu al quadre "Amplada"
La majoria dels usuaris de Blogger poden deixar aquest quadre en blanc, ja que l'amplada predeterminada (450 px) funciona bé. Tingueu en compte que aquest és l’amplada de tot el connector, no el botó M’agrada.
Pas 5. Seleccioneu un estil de botó al menú "Disseny"
Veureu una previsualització de cada estil quan estigui seleccionada.
Pas 6. Seleccioneu una acció al menú "Tipus d'acció"
De manera predeterminada, el botó dirà "M'agrada". Si ho preferiu, podeu canviar-lo per dir "Recomanar". Quan algú faci clic al botó, els seus seguidors de Facebook veuran "(el nom de la persona) ho recomana".
Pas 7. Seleccioneu una mida al menú "Mida del botó"
La previsualització del botó sota el configurador us mostrarà l'aspecte de cada mida.
Pas 8. Marqueu o desmarqueu la casella "Inclou el botó per compartir"
Si la casella està marcada, apareixerà un botó que diu "Compartir" al costat del botó M'agrada del bloc. Si algú fa clic en aquest botó, tindrà l'oportunitat d'introduir algun text propi abans de compartir l'enllaç amb els seus amics de Facebook.
Pas 9. Feu clic a Obtén codi
Ara veureu dos quadres que contenen codi HTML que heu d’enganxar a diferents àrees de Blogger.
Part 2 de 3: Afegir el codi a la vostra plantilla
Pas 1. Inicieu la sessió a
Utilitzeu una altra pestanya o finestra del navegador, ja que haureu de copiar i enganxar el codi de Facebook a Blogger.
Pas 2. Feu clic a Plantilla
Es troba a la part esquerra de la pantalla, a prop de la part inferior del menú.
Pas 3. Feu una còpia de seguretat de la plantilla de bloc
Feu sempre una còpia de seguretat quan editeu directament el codi HTML del vostre bloc.
- Feu clic a Restaurar còpia de seguretat a l'extrem superior dret de la pàgina.
- Feu clic a Descarrega la plantilla.
- Introduïu un nom per al fitxer, p. Ex. "Còpia de seguretat de plantilla de bloc".
- Feu clic a Desa.
Pas 4. Feu clic a Edita HTML
Es troba just a sota de la imatge de visualització prèvia del vostre bloc.
Pas 5. Copieu el codi des del primer quadre del configurador de botons m'agrada de Facebook
És el codi del quadre superior, a sota del "Pas 2".
Podeu copiar el text ressaltant-lo i, a continuació, premeu Control + C o ⌘ Ordre + C
Pas 6. Enganxeu el codi al vostre codi HTML de Blogger
El codi s'ha d'enganxar després de la línia que comença per <body, preferiblement a la línia següent.
- Per donar-vos un lloc on enganxar el codi, feu clic abans del primer caràcter de la línia després de l'etiqueta del cos i, a continuació, premeu ↵ Retorn o ⏎ Retorn.
- Feu clic a la línia en blanc i premeu Control + V o ⌘ Ordre + V per enganxar.
Pas 7. Substituïu tots els "&" del codi enganxat per"
&
”.
No inclogueu les cometes.
-
Per exemple, “//connect.facebook.net/en_US/sdk.js#xfbml=1 &version = v2.8”es converteix en“//connect.facebook.net/en_US/sdk.js#xfbml=1
&
- versió = v2.8 "”
Pas 8. Feu clic a Desa la plantilla
-
Si accidentalment heu omès un "&", veureu un error que diu "Error en analitzar XML" just a sobre del codi. Torneu al codi enganxat, cerqueu el & i substituïu-lo per
&
- .
Part 3 de 3: Afegir el botó al disseny
Pas 1. Copieu el segon quadre de codi del Configurador de botons M'agrada
Haureu de tornar a la finestra o a la pestanya de l’altre navegador per trobar-la. Aquest és el codi del quadre situat sota el "Pas 3."
Podeu copiar el text ressaltant-lo i, a continuació, premeu Control + C o ⌘ Ordre + C
Pas 2. Feu clic a Disseny de nou a Blogger
Es troba a la part esquerra del tauler de Blogger, just a sobre de "Plantilla".
Pas 3. Feu clic al botó Afegeix un gadget on vulgueu que aparegui el botó
En la majoria dels casos, voldreu que el botó aparegui a la capçalera o al peu de pàgina
Pas 4. Seleccioneu HTML / JavaScript
Haureu de desplaçar-vos una mica cap avall per trobar-lo.
Pas 5. Escriviu Facebook a "Títol
”
Pas 6. Enganxeu el codi copiat al quadre "Contingut"
Per fer-ho, feu clic a la casella i premeu Control + V o ⌘ Ordre + V.
Pas 7. Feu clic a Desa
Ara veureu un quadre de gadgets anomenat "facebook".
Feu clic a Previsualitza a l'extrem superior dret de la pàgina per assegurar-vos que el botó aparegui on hauria de ser. Si no us agrada la ubicació, podeu arrossegar el quadre "Facebook" a una de les altres seccions del vostre disseny
Pas 8. Feu clic a Desa l’arranjament
Es troba a l'extrem superior dret de la pantalla. Ara, quan algú gaudeix del vostre bloc, el pot compartir fàcilment amb tots els seus amics de Facebook.