Hoy veremos cómo poner el botón me gusta en blogger, de una manera fácil y rápida. Para poner el botón "Me gusta" en blogger, es de lo más sencillo, gracias al tutorial que vi en el estupendo blog Blogandweb.com donde explica cómo ponerlo en Wordpress y Blogger.
Este pequeño botón "Me gusta" de Facebook normalmente se suele poner al final de cada post, el botón aparece al hacer click en un artículo determinado, este botón permitirá a los usuarios y visitantes de tu blog valorar los artículos que más les gusten.
Para agregarlo a tu blog de blogger, primero ve a Diseño > Edición de HTML > Expandimos los artilugios > y con la ayuda de (Ctrl + F) busca la siguiente línea de código:
<div class='post-footer-line post-footer-line-1'>
Justo después pegamos el siguiente código:
<b:if cond='data:blog.pageType == "item"'>
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=true&width=100&action=like&font=arial&colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:px"></iframe>
</b:if>
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=true&width=100&action=like&font=arial&colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:px"></iframe>
</b:if>
Guardamos los cambios y listo, ahora caemos click en el título de un artículo y veremos al final que nos aparece el pequeño botón de Facebook "Me gusta".
Parámetros a tomar en consideración:
- href – Con la URL a compartir.
- layout – Estilo del botón. Valores: standard o button_count.
- show_faces – Muestra o no el avatar de quienes del gusta la anotación. Valores: true o false.
- width – Ancho del iframe.
- action – Texto del botón. Valores like o recommend.
- font – Fuente a utilizar.
- colorscheme – Esquema de colores. Valores: light, dark o evil.
Los valores se pueden cambiar en el código de arriba o directamente puedes utilizar el formulario de personalización de Facebook. Como puedieron ver, que fácil es poner el botón me gusta en blogger.
Vía | Blogandweb
Vía | Blogandweb
43 comentarios:
Volviste! :D
Hola Alejo, la verdad es que si, ahora tengo un poco más de tiempo, y trataré de escribir más seguido.
Un saludo!
Holaaa Me encanta esta pagina es la mejor! Sin duda alguna pero tengo un problema con el Boton, No sale como debe ser, Pues ya que Sale el icono de facebool y las letras salen de forma vertical! :S, Ayudame
Hola KatoGd, me he pasado por tu blog, y el botón se ve perfectamente, sin problemas. Gracias por visitar a menudo el blog y que bueno que te gusta...
Saludos!
Hola Eduardo saludos desde México!!, te felicito por tu página, me ha sido de mucha utilidad y sin duda en su tipo la que más consulto. Gracias por los tips para mejorar el blog, te invito a que eches un vistazo al mío: www.eltarambana.blogspot.com
Que estés bien y larga vida a Pazos Blogger!! jeje
Hola J.Loeza, un gusto en leer tu comentario, gracias por tu felicitación y me alegra saber que el blog te sea de útilidad. He estado por tu blog, me gusta lo tienes bien ordenado, ya estaré leyendo tus post, sigue adelante.
Un saludo, y gacias por visitar a menudo el blog.
Graciass Eduardo! :D, Lo arregle Jajaja Xd! Disculpa la molestia! Y Gracis Pr Visitar Mi Pequeño Blog...
Ok.
Buenisimo!! Gracias
Hola Di3go, gracias a ti por visitar el blog...
Hola Eduardo, una consulta.
El botón funciona bien, pero el texto que muestra Facebook está mal.
Por ejemplo, muestra en mi muro "A Administrador de UPF le gusta XXXXXX en sitio.com"
Pero el texto de XXXXX no es el nombre del post, sino que pone el título de mi blog.
Utilizo dominio .com, por si algo importa.
Gracias!!
Hola Administrador de UPF, la verdad es que no te entiendo y no sabría como solucionarlo, pero si lo llegas a solucionar me dejas un comentario.
Un saludo!
Eduardo, cómo estás? Por el momento se me ocurre que es problema de Facebook, pues he intentado compartir varios enlaces, no solo de mi sitio, pero no lo hace bien...
Habrá que esperar..
Saludos!
Ok. Si llegas a saber algo de como solucionarlo lo comentas, así nos ayudamos todos.
Un saludo!
Hola Eduardo!! Que buen blog tienes!!!! Yo apenas estoy empezando con el mio pero me encanto esto de ponerle el botón me gusta, muchas gracias por el dato!!! Que sigas bien, si quieres visitar mi blog es http://mimusamusical.blogspot.com/
Hola Ceci, que bueno que te a gustado el blog, espero verte seguido por acá, yo estuve por el tuyo y te he dejado un comentario.
Saludo!
Hola!! Tengo un problema con el boton "me gusta". Aparece en todos mis post, pero cuando pulsas en uno, se seleccionan todos, como si le dieras a "me gusta" a todos los post. Alguien sabe cómo hacerlo individual para cada post? Mi blog es http://ttm22.blogspot.com/
Hola TTM22, me he pasa ha dar una ojeada por tu blog, y la verdad es que el botón funciona perfectamente de hecho he hecho click sobre el botón "Me Gusta" en el primer post y no se han seleccionado los demás.
Saludos!
@Eduardo Sanguino
Hola Eduardo. Lo que he hecho ha sido insertar el código del botón "me gusta" en cada post y con su propia dirección. Es la única forma que he encontrado para que funcione.
Saludos!
ok, lo bueno es que lo has solucionado, gracias por comentarlo así nos ayudamos todos.
Un saludete.
buen blog amigo me ha ayuda mucho, te agradesco, pero sabes cuando busco esto
< div class='post-footer-line post-footer-line-1 >
no me sale nada... imagino q sçdebe ser porque la plantilla usa otra cosa... como puedo usarlo entonces?
Hola Dr.Guery Cordero, también puedes buscar cualquiera de estás dos líneas "No olvides de expandir los artilugios" porque si no, no aparecen las líneas de códigos:
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
Espero te sirva. Un saludo!
Yo lo intento pero tengo un problema. cuando busco en el codigo HTML y encuentro la línea footer-line 1' justo después tengo otra linea que pone algo asi como span=class etc etcc
he probado con pegar el codigo entre la que tu dices y la que yo me encuentro pero nada,no aparece el boton al final de cada entrada. si sabes cual puede ser el problema por favor pasa por mi blog y comentamelo.gracias por la ayuda
oye, a mi siguen sin aparecer el boton, es consigo poner uno, pero a la ahora de que alguien da click no aparece ni la url y ni el post que le gusto, solo aparece como si le hubiera gustado toda la pagina... Saludos!
Hola Luis A. Funebre, veo que ya lo has puesto, pero si al hacer click dices que es como si te gustase todo la página creo que la única solución sería ponerlo en cada entrada. Saludos!
Gracias capo un espectaculo....
gracias por tu ayuda, ya tengo el megusta en mi blog ;)
Hola Marcelo, gracias por comentar. Saludos!
Me parto y me mondo, que bueno que lo conseguiste el truco. Un saludo!
tengo una consulta, cuando entro al blog y están todos los posts juntos no se ve el botón, o sea la persona tendría q entrar al link del post en cuestión para ver el botón, y casi nadie lo hace.
hay alguna forma de q el botón salga al pie de cada post aunque estén todos juntos en la misma página, como sale el link con los comentarios?
Hola Helvetika Wolodarsky, para que el botón te salga sin la necesidad de hacer click en los link de los post, tienes que borrar está parte del código:
<b:if cond='data:blog.pageType == "item"'>
</b:if>
Esa es la condicional que hace que el botón no sea vea en el home de la página. Saludos!
yo he puesto el me gusta. Lo que ocurre es que si clicas sobre el que está debajo de la primera entrada, automáticamente es como si hubieses pinchado en todos. Como si lo que "me gusta" fuese toda la página. Este es mi blog.
http://relatoscortosyreflexiones.blogspot.com/
Muchas gracias. Enorabuena por la página.
Hola anónimo, no sabría decirte a que se debe el problema, pero veo que en tu blog no se puede hacer clic en el titulo de la entrada por si los usuarios quieren leer un determinado artículo. Saludos!
Hola, buscando la opción de agregar el botón ''Me gusta'' he llegado a tu blog, muchas gracias por la ayuda.
Una pregunta, ya he colocado el botón, pero no se ve si no se le da click al título de la entrada, que puedo hacer para que siempre esté visible?
gracias
Gaby
Hola Gabriela, clavo y canela, para que te aparezca el código en el index de la página tienes que quitar la condicional que lo oculta, el código es el siguiente:
<b:if cond='data:blog.pageType == "item"'>
Aquí esta el código...
</b:if>
Fíjate que el código del botón está encerrado con está condicional, borra ese código para que te aparezca el botón en el index. Saludos!
Hola como estas!! muy bueno tu articulo, mi pregunta es ¿si quiero colocar un boton de "Me gusta" pero yo tengo una página de facebook con el nombre de mi blog y quiero que cuando hagan clic en el blog también aparesca reflejado en la pag de facebook del blog como hago?
Gracias de ante mano! mi blog http://tecnicaparaaprender.blogspot.com/
Hola Eduardo!
Sabes si hay alguna manera de saber quién ha hecho clik en el botón de Me Gusta? Porque viene el número, pero no quién lo ha hecho. En Twitter sí puedes verlo, por ejemplo. Sabes si hay algún modo?
Muchas gracias y un saludo!
genial, pero me sale un espacio sideral entre el me gusta y el pie donde pone compartit..etc..
como lo reduzco?
http://lagartijadecoloresgay.blogspot.com/
gente ami no me sale el boton por mas que lo intento sigo los pasos tal como me los dicen pero no me sale haber si alguien me dice como hacer dejo mis blogs:
http://gufraromantico.blogspot.com/
http://cuartooperador.blogspot.com
gente aca les dejo este enlace donde se explica paso por paso con imagenes como colocar el boton me gusta.
http://enteratedetodounpoco.blogspot.com/2011/04/como-poner-el-boton-me-gusta-en-tu-blog.html#more
Me pasa lo mismo qeu cristian vidal! Como se puede solucionar??!?
Hola me pasa lo mismo que Cristina Vidal me queda un espacio abismal y se veo feo sabes como lo puedo arreglar?
Gracias!!!
Muchas 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!!
Por qué a mi no me aparece el botón, estoy haciendo exactamente como explicas pero no sale el botón.
Espero que me pueda ayudar, le agradezco desde ya...
Saludos
Quieres Comentar
Todos los comentarios están siendo leídos y moderados.
- Todos los comentarios deben ser relacionados con el artículo
- Serán borrados aquello comentarios que sean considerado SPAM
- Si quieren pedir ayuda,que no tenga nada que ver con el post, utilicen la página de Contacto
- Los comentarios serán publicados a la brevedad mínima posible
¿NO PUEDES COMENTAR?
¡Si no puedes ver la caja donde tienes que poner la palabras de verificación, has clic en donde dice "Verificación de palabras" y te saldrá la cajita donde tienes que ingresar la palabra!
NO TE OLVIDES DE RECOMENDAR PAZOSBLOGGER.COM A TUS AMIGOS