Algunas de las entradas que encontrarás publicadas en otros sitios de la red están desactualizadas, otras siendo más actuales te proponen modos más o menos complejos de poner dicho botoncito en tu blog.
El problema está en que algunas de estas instrucciones te piden que modifiques tu plantilla en su código para incrustarlo ahí. Para algunos blogueros esta tarea puede resultar intimidante y hacer que desistan de hacerlo.
Bien, te voy a proponer un modo muy simple para que puedas colocar el botón Facebook en tu blog blogger.
Vayamos por pasos:
a) Conseguir el código del botón "me gusta"
Para esto sólo tienes que ir a la página de Facebook siguiendo este enlace: obtener un botón "me gusta" de FacebookAhi, o simplemente presionas en "get code" del Step 1 y de la ventana que aparezca copias el código que se muestra (para ser usado preferentemente en un gadget HTML/javascript en cualquier lugar de tu blog -mejor en alguna columna lateral o en el footer, ya que mostrará las caras de los usuarios), o para usar el botón DENTRO DE TUS ENTRADAS modificas algunos parámetros como el Ancho (width) y deselecciona (desmarca) "Show Faces" (Mostrar Caras) para evitar que aparezcan las caras de todos los que gustaron de tu entrada o blog, así lo haces más compacto y no ocupa excesivo e innecesario espacio al poner el botón dentro de tus entradas, luego pulsas "get code" y copias el código que salga. Guarda y pega en algún archivo de texto provisionalmente en tu computadora para usarlo en los siguientes pasos.
b) Pegar el código obtenido en tu blog
Ya tienes el código del botón "Me gusta" de Facebook que obtuviste en el paso anterior, ahora corresponde pegarlo en tu blog para que empiece a mostrarse.Te dije que no modificaremos el código de tu plantilla blogger, sin embargo, si lo quieres intentar, una búsqueda en Google te permitirá encontrar las instrucciones para hacerlo, no es difícil, pero mi intención es que no te compliques con ello por si algo saliera mal.
Vamos pues, a poner el código en tu blog.
1.- En su propio espacio dentro de tu blog:
Una forma en extremo sencilla es que simplemente lo pegues dentro de un gadget html/javascript y que ubiques este en el lugar que prefieras dentro de tu blog, es decir: en Diseño ->Agregar gadget -> HTML/javascript. Pegas en su interior el código y luego guardar. A continuación desplazas y acomodas éste al lugar dentro de tu blog que gustes .2.- Dentro de las entradas de tu blog:
Para tus nuevas entradas:
En Configuración -> Formato; encontrarás en la parte inferior una caja de texto que se llama "Plantilla de entrada", pega ahí el código que obtuviste para el botón "me gusta", y luego Guardar esos cambios. Desde este momento, y hasta que borres este código de este mismo lugar, siempre que escribas una nueva entrada, por defecto se insertará el botón Facebook en tus entradas. Verás que este código se inserta automáticamente cada vez que escribas nuevas entradas. Si prefieres que no aparezca en esa entrada en particular, simplemente deberás pulsar al estar Creando tu entrada, la pestaña "Edición de HTML", ahí podrás ver el código que se inserta, simplemente bórralo y ya.Normalmente el botón se mostrará al final de tu entrada, si prefieres que aparezca al principio, comienza a escribir tu entrada bajo la pestaña "Edición de HTML" y escribe después del código del botón Facebook.
Si quieres insertar el botón Facebook en otra parte de tu entrada, bastará que una vez escrita, cambies la posición del código. Incluso podrás poner múltiples botones Facebook dentro de una entrada (quizás al principio y al final de ella), colocando dos o más veces el código del botón Facebook.
Para tus entradas antiguas:
Si no es un número muy grande de entradas las que tienes, simplemente edítalas, pegándoles el código de tu botón "me gusta". Si tienes muchas entradas, en ese caso te recomiendo que uses el método que introduce el código del botón en la plantilla de tu blog blogspot de Blogger.En ambos casos, es decir ya sea en entradas nuevas o en entradas antiguas, debes pegar el código usando la pestaña "Edición de HTML", y no te preocupes si cuando vuelvas a la pestaña "Redactar" no se ve el código o el botón Facebook, ten la seguridad que cuando lo publiques estará ahí donde lo pusiste.
Para poner el botón Facebook en español
Por último, y para hacer que aparezca en español el botón, dentro del código del botón que obtuviste en la página de Facebook, reemplaza, si es el caso, el texto "en_US" por "es_ES" de lo contrario el botón se verá y mostrará leyendas en inglés.
Esperemos que en un futuro cercano exista dentro de Blogger la facultad de insertar este tipo de botones de una manera más simple, mientras tanto esta solución será válida y lo seguirá siendo incluso después.
gracias, te todos los blogs que busque a qui encontre lo que nesecitaba ;D
ResponderEliminarGracias por la información, muy útil
ResponderEliminarSabes, busque mucho en la red, como hacerlo, lo ensaye asi como dices y no se porque no funciono, repeti los pasos como lo indicas, y zaz funciono, completamente agradecido por publicar esta nota con la que me has ayudado.
ResponderEliminarHJC.
gracias tu informacion me fue muy util, y muy bien explicado
ResponderEliminarme dice que tengo que ser desarrollador para obtener el código
ResponderEliminarNo es así, estás seguro de la página a la que estas entrando. El código es abierto para cualquier persona.
ResponderEliminarcomo hago para saber a quienes les gusta ? porque me aparece a 19 personas pero no se cuales son, o si es real
ResponderEliminarMe sirvio! Gracias por tu post (:
ResponderEliminarA mi tambien me dice que tengo que ser desarrollador para ver el codigo... que estoy haciendo mal?
ResponderEliminarSi siguen las instrucciones exactamente, no les pedirá nada... acabo de comprobarlo...nuevamente.
ResponderEliminarSi que pide ser desarrollador. Hay que verificar la cuenta dando un movil o tarjeta de crédito
ResponderEliminarhttp://www.facebook.com/help/?faq=17580
me dice que tengo que ser desarrollador...
ResponderEliminarporque sucede esto?
no soy desarrollador
ResponderEliminarPresionen (o copien en su navegador) este enlace:
ResponderEliminarhttp://developers.facebook.com/docs/reference/plugins/like/
y en "Step 1 - Get Like Button Code"
hagan clic en el botón "Get Code"
se abrirá una ventana donde está el código, simplemente cópienlo.
No pide ningún requisito ¿¡!?
a mi me sigue poniendo que necesito ser desarrollador
ResponderEliminaryo tengo el mismo problema!!
ResponderEliminarantes a mí también me salía que necesitaba ser desarrollador....extrañamente ahora me resultó (no estaba conectado a facebook).... si quieren les envío el código
ResponderEliminaracá esta la prueba
http://soyinnovador.blogspot.com/2011/06/school-kill-creativity.html
Tenéis que salir de Facebook para poder copiar el código.
ResponderEliminarMuchas gracias!! Miré muuuchos tutoriales, pero ninguno tan claro como el tuyo. Excelente!
ResponderEliminarPueden verlo aqui:
http://talilieventos.blogspot.com/
cuando ponfgo el boton no pasa de cero le doy click aparece 1 pero inmediatamente se vuelve a poner en cero
ResponderEliminarYo no consigo obtener el código. Cuando lo hago me sale un mensaje que dice lo siguiente: "Sólo los desarrolladores verificados pueden ser agregados como desarrolladores registrados de esta solicitud. Lea http://www.facebook.com/help/?faq=17580 para más detalles"
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola, acabo de visitar tu blog y veo que se puede aprender mucho de tí , por lo que a partir de ahora te sigo, ya que llevo unos meses con el mío y voy aprendiendo poco a poco.
ResponderEliminarSaludos.
SOLUCIONADO!!!! Yo también como mucho de ustedes busque y busque la solución a ese problema del "pedido de desarrollador" y en este blog encontre la solucion, como ya lo dijeron antes tienes que fijarte que tu cuenta de Facebook ESTE CERRADA, ya lo comprobe y espero que los que tenian ese problema lo solucionen ya!
ResponderEliminarMuchas gracias por tu ayuda¡¡¡¡Por fin he conseguido poner el botón de me gusta en mi Blog gracias a tu blog.
ResponderEliminarUn saludo desde Valencia¡¡¡
La solución es salir de Facebook, luego ya funciona! Así que muchas gracias al autor y a José Luís =)
ResponderEliminarComo hago para saber a quienes les gusta ? porque me aparece a 19 personas pero no se cuales son, o si es real?????
ResponderEliminarayuda!!!!!!
hola igualmente quiero saber como hacerle para ver a que personas les gusta mi blog, ya que solo veo que a 10 personas les gusta mas no veo sus rostros, y ala hora de obtener el codigo del boton de "me gusta" no desmarque la opcion de mostar rostros, un saludo por favor espero tu respuesta. PD: gracias por el aporte.
ResponderEliminarno sirve para nada dice que solamente desarrolladores pueden hacerlo en esa pagina
ResponderEliminarLo siento pero que!?
NECESITO AYUDAAA !!!! hice lo que ud me dijo, pero al momento de pedir el codigo me aparece éste mensaje
ResponderEliminarSólo los desarrolladores verificados se puede agregar como desarrolladores de lista de esta aplicación.
Sólo los desarrolladores verificados se puede agregar como desarrolladores de lista de esta solicitud. Lea http://www.facebook.com/help/?faq=17580 para más detalles.
YA NO SE QUE HACER ... PIDO AYUDA URGENTE...... MUCHAS GRACIAS
Eso ocurre cuando tratan de conseguir el código mientras estan logueados en Facebook.
ResponderEliminarNo deberán haber iniciado sesión en Facebook para solicitar el código.
Muchas gracias por el post, he conseguido el código, pero tengo el blog en blogger y no encuentro como añadir un gadget en HTML/java, solamente encuentro el enlace para hacerlo por URL... donde lo pego? solo quiero que se vea en el blog, no en las entradas, gracias!
ResponderEliminarHice una mezcla de procedimientos y funciono! Gracias
ResponderEliminarMuchas gracias por la explicación. Aprovecho para preguntar si suele notarse de forma clara algun aumento de visitas por el hecho de tener el botón. Un saludo!!
ResponderEliminarAmigo no puedo agregar el codigo en el gadget porque me pide ubicar desde dirección url. Como hago?
ResponderEliminarAmigo, no escojas la opción tu propio gadget, dentro de las opciones más destacadas hay una que dice html/java...esa escoje!!
EliminarPrimero gracias por las enseñanzas,ahora la pregunta, peguè el còdigo en "formato" y cuando escribo una entrada y le doy "vista previa" se ve hermoso!!!pero....cuando la publico desaparece como por arte de magia. Que està pasando? Agradecerìa tu ayuda, (màs todavìa)
ResponderEliminarNo puedo ver las caras de las personas en mi blog, solo me aparecce el boton de "like" como hago?! :(
ResponderEliminarEn las mismas páginas donde encontrarás el código para colocar el botón "me gusta" de Facebook, encontrarás otros códigos similares, uno de ellos incorpora las caras de las personas que han gustado de tu blog. Es cuestión de que selecciones el código que deseas.
ResponderEliminarhola gerardo, una super duda, quiero dar de alta mi blog en los buscadores de bing, pero para esto me pide que valide mi blog (de blogger), la manera de validarlo es subierno un archivo BingSiteAuth.xml, y luego dandole clik a una direcicon que ellos mismo me genera, la cosa es que no se, como subir este tipo de archivos en mi blog y en consiguiente no he podido validar mo blog, si me pudieras ayudar seria de mucha ayuda, saludos y felicidades por el blog.
EliminarHola muchísimas gracias por tu explicación, ha sido muy clara. Me gustaría preguntarte si sabrias como se puede poner el boton de me gusta con la foto de la pagina del face al que enlaza, es decir en este caso la que he creado para promocionar el blog? Muchisimas gracias por tu tiempo. Un saludo.
ResponderEliminarHola otra vez, me olvide preguntarte ¿como se puede hacer para que salga el numero de personas que le gusta sin poner el nombre de las personas a las que le gusta? eso solo por curiosidad. Muchísimas gracias por tu ayuda y tu paciencia. saludos.
ResponderEliminarMuy bueno tu aporte, nos facilitas las cosas a los que estamos empezando. Si quieres conocer mi blog es este:
ResponderEliminarhttp://vivencias-aqueo.blogspot.com/
Si te gusta deja un comentario
Hola necesito ayuda :S quiero colocar el botón del like en cada una de las entradas, pero agrego una entrada le doy like y cuando agrego otra, aparece ya con el like. Entonces no sé qué hacer!! No sé si es mi plantilla o algo :S AYUDA!
ResponderEliminarGRACIAAAAAAAAAAAAAAAAAAS GENIO
ResponderEliminarGracias genio!!
ResponderEliminarProbe con todos y ninguno me funcionaba, pero tu tactica si!!!
Q ESTARE HACIENDO MAL ME SALE EL BOTON EN INGLES "like" TRATE DE CAMBIAR LO QUE DICES Q SE DEBE CAMBIAR PARA Q APAREZCA EN ESPAÑOL PERO NO ENCUENTRO ESE TEXTO TAL COMO LO ESCRIBISTE Y LO Q CAMBIE NO FUNCIONO
ResponderEliminarMi problema es que introduje los dos codigos y me sale bien, en cada entrada de mi blog. Pero el problema es que cuando se marca una entrada como "me gusta" automaticamente se marcan todas las entradas con un me gusta. Qué puedo hacer? Gracias.
ResponderEliminarSuper util, me ayudo muchisisimo. Gracias :)
ResponderEliminarA mi me ha pasado lo mismo, he copiado los dos códigos que me daba y luego al darle a un me gusta me los marcaba todos y al añadir una entrada nueva también...
ResponderEliminarNadie sabe como solucionar el problema que tanto Libélula como yo tenemos??
ResponderEliminarMilesker!! Muchas gracias!!
http://letrasquesemueven.blogspot.com/
Muy buena la informacion, me fue muy util.
ResponderEliminarLa leche compi, a veces lo simple...
ResponderEliminarMuchas gracias
cuando estoy en diseño, le doy a get gaget, pero no veo la opciion de html... q estoy haciendo mal?
ResponderEliminarte lo agradezco en el alma
ResponderEliminarHola! te cuento que hice todos los pasos pero me dice que el url contiene caracteres no permitidos( cuando lo quiero pegar en el sitio correspondiente del blog) que hago!? :(
ResponderEliminarMuchas gracias, gran información.
ResponderEliminarSaludos.
SI LLO TAMBIEN LA PUDE PONER EL BOTON ME GUSTA Y ENVIAR EN MI BLOGGER.
ResponderEliminarwww.ciberpuntocom-diaz.blogspot.com
gracias por las instrucciones amigo GERVALDI
A mi me está pasando que primero tengo que poner el codigo html5 debajo del "body" pero en el nuevo blogger no se puede modificar la plantilla no? :/
ResponderEliminarno entiendo donde tengo que pegar el codigo , me vuelvo loca
ResponderEliminarAl hacer clic en get code, salen dos códigos en htlm5. El primero dice que hay que colocarlo debajo del "body" tag, al menos una vez ¿Dónde está eso? No entiendo. Por favor ayuda. ¿Cuál es el código que hay que colocar en la plantilla de entrada? Gracias.
ResponderEliminarMIL GRACIAS!!! QUE FACIL!!
ResponderEliminarok, yo lo hice, te tira dos sodigos, uno arriba y otro abajo, el priemero es el mas largo y el seguno mas cortito, al principio meti el codigo en un gadget y no apareceia nada, luego probe colocando el primer codigo y acontinuacion el segundo codigo abajo de este y aplique los cambios y funciono!, espero que les sirva este comentario gente!!! saludos! y gracias por el aporte che!
ResponderEliminarsi lo quieren ver esta en mi blog:
http://tumundoinsolito.blogspot.com/
SOS UN GENIO!
ResponderEliminarHola me puedes ayudar!!!
ResponderEliminarHola me puedes ayudar quiero hacer un link de una foto para que automaticamente al dar click en el link el me gusta cuente como un voto me podrias ayudar!!!
ResponderEliminarTe pasaste matias, gracias a los dos ya me hiba a dar por vencida,buen blogs
ResponderEliminarMuy útil, gracias por la información.
ResponderEliminarUn saludo,
Hola, pues darte las gracias por la ayuda que nos has facilitado. Estuve usando las vistas dinamicas de blogger y me estaba aburriendo un poco, acabo de cambiar a otra plantilla y ahora ya lo tengo casi todo listecito :D.
ResponderEliminarhttp://darknesk.blogspot.com.
Saludos y un fuerte abrazo. :)
A mi es que para empezar, la url no me sirve :-( ¿alguien me puede ayudar?
ResponderEliminarHe entrado en configuracion de la cuenta para ver el nombre de usuario, me he fijado en el recuadro en donde aparece reflejado la direccion de mi pag en facebook http://facebook.com/....
Ayuda por favor!
hola gerardo, una super duda, quiero dar de alta mi blog en los buscadores de bing, pero para esto me pide que valide mi blog (de blogger), la manera de validarlo es subierno un archivo BingSiteAuth.xml, y luego dandole clik a una direcicon que ellos mismo me genera, la cosa es que no se, como subir este tipo de archivos en mi blog y en consiguiente no he podido validar mo blog, si me pudieras ayudar seria de mucha ayuda, saludos y felicidades por el blog.
ResponderEliminar@Anónimo
ResponderEliminarPara validar tu blog de blogger en Bing, debes usar la opción 2 "copia y pega una etiqueta en tu página web predeterminada", ahí te dará una etiqueta parecida a "meta name="msvalidate.01" content="nnnadsfadsfadsf" "
Debes copiar y pegar esta etiqueta en tu plantilla de tu blog en alguna parte dentro de la sección "head", ahí mismo te da el ejemplo de cómo y donde colocar esta etiqueta. Esto valdrá para que lo valides, ya que la opción que tu mencionas sólo vale para sitios donde puedes subir archivos en el directorio o estructura de tu sitio, en blogger esto no se puede hacer.
BaCAN TU BLOG ME AYUDADO MUCHO AH, AVER SI MIRAS MI BLOG QUE ESTA EN PROSESO PARA QUE SEA VEA BIEN, Y AVER SI ENTRAS A MI BLOG Y ME DICES SI LO HIZE BIEN
ResponderEliminarhttp://michellac.blogspot.com/
amigo super bueno esto a mi me funciono full ... mira mi blog y recomiendame algo ...
ResponderEliminarhttp://elbigblog.blogspot.com/
Muy bien explicado, pero tengo un problema, el contador de "me gusta" no esta a cero, si no en 11, como puedo solucionarlo?? gracias de antemano
ResponderEliminaroye... hie todo una y otra vez y no me sale el boton en el blogg... no sé!! no sé que mas hacer
ResponderEliminarFunciona. Muchas gracias.
ResponderEliminarCual de los dos codigos tengo que pegar??? No puedooooooooo!!! #Help me!
ResponderEliminarHola Gerardo. Muchas gracias por tu aporte, me ha sido de gran utilidad para mi blog (http://saberdeforex.blogspot.com/)
ResponderEliminarSaludos.
Mi duda como la de otros. Cual de los dos códigos pego? Gracias
ResponderEliminaryo he intentado con los 2 codigos y con ninguno de los 2 me sale... q rabia!! que hago?? muchas gracias
ResponderEliminarPuse el botón en la barra lateral con los dos códigos y parece que funciona, pero estaba en 18 no en cero y luego con un click mio subió a 19. Veremos, seguiré probando. Y otra cuestión ¿hay manera de saber a quien le gusta"?. Muchas gracias por tu aportación, me ha sido de gran ayuda.
ResponderEliminarWow, muy buena informacion, yo ya me registre en la
ResponderEliminarfacebook peruano,
Saludos
A ver si me puedes ayudar con esto porque ya no sé qué más probar, me estoy volviendo loco.
ResponderEliminarTengo puesto el botón me gusta en mi blog y parece que funciona bien, sin embargo, solo muestra la caja que cuenta los clicks en los últimos 4 posts, cada vez que publico un post nuevo, desaparece la caja del quinto post antiguo. Lo curioso del caso es que cuando estoy en diseño de plantilla si pincho en Vista previa sí se ven las cajas con sus clicks en todos los posts. He probado con todo lo que he encontrado y siempre me da el mismo fallo.
Mi blog http://finanzasyespiritualidad...
Gracias por tu ayuda.
Muchas gracias. Con tu ayuda me ha resultado muy sencillo incluir el botón me gusta en mi blog. Un saludo.
ResponderEliminarSaludos quisiera consultarte: 1) Hay forma de que al presionar "me gusta" en mi blog (de blogger) no me pida confirmación? Lo he instalado siguiendo tus recomendaciones, sólo que se debe confirmar y preferiría que no fuese necesario.
ResponderEliminar2) Cuando confirmo que me gusta, envía a mi página de Facebook el nombre de mi blog, pero con una imagen asociada de otro blog que yo sigo. Eso me molesta bastante y no he podido solucionarlo. Lo primero que hice fue dejar de seguir los blogs que solía, para ver si ya no los asociaba, pero sigue igual. Se me acabaron las ideas. Desde ya muchas gracias por tus aportes.
a mi no me sale nada.. o el codigo no me sirve o no tengo ni idea.. ninguno de los 2 me va...
ResponderEliminarpara insertar el boton me gusta en las entradas.. deben ingresar a la pagina que ya se dio anteriormente pero sin estar LOGUEADO en facebook y copiar ambos codigos que aparecen... el largo y el corto y listo.!
ResponderEliminargracias por el codigo, esta muy bien explicado
ResponderEliminar"gracias me sirvió bastante"
ResponderEliminarMuchas gracias""", pero tengo un problemita.... lo puse en la entrada, y funciono lo vi como 3 o cuatro veces, incluso le apreté en "me gusta" parta probarlo, pero de repente, PUFFF se fueron blogger me los borra del HTML, los pongo, guardo, visualizo y nada… no aparece, edito y están borrados del html ¿blogeer los estará bloqueando por spam?...¿ojala me pudiera dar un consejo?
ResponderEliminarHola!! a ver si me puedes ayudar estoy intentando poner el boton de me gusta en mi blog sigo los pasos que indicas pero no me sale en mi blog el enlace. he pegado el codigo y lo he añadido en la pestaña de diseño, agregar gadget y no sale... Gracias
ResponderEliminarsaludos
estoy en lo mismo que maria
ResponderEliminarquehago con el codigo con lo obtengo
ResponderEliminarHay que pegar los DOS CÓDIGOS!
ResponderEliminarPrimero el primero (valga la redundancia!) y luego intro y debajo el segundo. A mí fue así como me funcionó y copié de vari@s compañer@s q lo comentaban antes.
Mil gracias por la ayuda gerbaldi y a tod@s, y un PREGUNTA: cuenta desde 0 bueno desde 1. ¿Hay alguna manera de que cuente los q ya marcaron "me gusta" a la pág de facebook(desde Facebook)?
Gracias!!! Me ha costado un poco, pero si se sigue al pie de la letra sale.
ResponderEliminarGracias me fue de mucha ayuda! >w<
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarDespues de tantos intentos al fin logré el objetivo.
ResponderEliminarLa clave está en no tener la cuenta de facebook abierta.
Gracias a mundo del blog.
Despues de tantos intentos al fin logré el objetivo.
ResponderEliminarLa clave está en no tener la cuenta de facebook abierta.
Gracias a mundo del blog.
Mi blog ha mejorado gracias al contenido de esta pagina.
http://opinandoando.blogspot.com
Muy bueno tu blog. Gracias por todo tu trabajo.
ResponderEliminarexcelente ayuda!!
ResponderEliminarPero el boton por defecto ya me salia en Español
Muy claro y sencillo.
ResponderEliminarMuchas gracias desde poesiaypsicologia.blogspot
Hola, como a casi todos los que han comentado aqui, porfin lo he conseguido. Aunque yo buscaba otro formato de icono en el que te pone solamente me gusta y el número de personas, pero al menos tengo icono gracias.
ResponderEliminarpor lo que si existe la manera de poder elegir iconos, como en twiteer, yo lo agradecería