Añadir el botón “Me gusta” de Facebook en tu blog
el 5 mayo, 2010
En un montón de lugares hablé ya de lo mucho que me gusta el blog de Milton Vieyra, el caso es que hoy anunciaba que le había añadido un nuevo juguetito al blog, el botón “Me gusta” de Facebook, y lo hace con el mismo humor que lo caracteriza, así que como a mi me encantó me copié la idea (mire arriba, debajo de la fecha, si ese) (justo al terminar el post) y lo puse también en mi blog, como? de eso se trata este post.
1) Andá al plugin de Facebook del botoncito en mención, lo encontrás aquí
2) Llena todos los datos que te pide el formulario, si lo querés como el mío o el de Milton, deshabilita la opción “Show Faces”.
3) Dale click a “Get Code”
Te va a dar un codigo algo así
<iframe src="http://www.facebook.com/plugins/like.php? href=www.oscarmartell.com.ar&show_faces=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px;" allowTransparency="true"></iframe>
Hay un espacio donde aparece la dirección del blog (en este caso el nombre del mío), cuando vos lo hagas aparecerá la tuya.
Al hacer esto te generará un botón de “Me gusta” pero para el blog en general, no para cada entrada, lo que este código hace sería como decir “Me gusta” www.oscarmartell.com.ar
Pero hay un truco para hacer que el botón genere un “Me gusta” Añadir el botón “Me gusta” de Facebook en tu blog es decir un “Me gusta” para cada enlace de las entradas de tu blog. Para que esto suceda tendrás que hacer un leve cambio en el código que Facebook te generó.
1) Debes sustituir el nombre de tu sitio
"http://www.facebook.com/plugins/like.php? href=<strong>www.oscarmartell.com.ar</strong>&
2) por lo siguiente
"http://www.facebook.com/plugins/like.php? href=<?php echo urlencode(get_permalink($post->ID)); ?>&
Y voilá tendrás un generador de “Me gusta” para cada entrada de tu sitio
Probalos y vas a ver que es cierto.
A tener en cuenta:
- Para hacer esto tendrás que tener un leve conocimiento de donde modificar el código de tu sitio
- A mi me funcionó así, si lo intentas hacer y no podés, pedí ayuda en los comentarios y lo resolveremos
De todo esto me enteré gracias al fabuloso sitio de Milton
Actualización:
Algunos han tenido inconvenientes sobre donde colocar el codigo, asi que a continuacion muestro como
En single.php
<p class="postmetadata"><?php the_time('d.m.y') ?> | <?php the_category(', ') ?> | </p>
//*El código del botón de Facebook, tendria que ir en este espacio*
<?php the_content('<p>Continúa...</p>'); ?>
Entre postmetadata y content
En index.php de la misma manera.
Espero que hoy si funcione
23 comments
Hola Oscar,
¿Cómo hago para que el botón de “me gusta” quede debajo del título del post? ¿Abajo de qué parte del código de la plantilla tengo que pegarlo?
Saludos!
by Romina on 05.09.10 at 9:49 pm. #
@romina En WordPress tendría que quedar en Single post entre title y meta. En blogger tendría que ser algo similar
by Oscar Martell on 06.09.10 at 9:22 am. #
Hola, me queda el botón me gusta con un espacio muy amplio… como hago para quitarlo? Gracias!
by Paula on 13.05.10 at 5:33 pm. #
@Paula Prueba añadiendo altura hight:45px; justo después de with:450px;, y anda modificando la altura hasta que llegue a la posicion deseada
Espero te funcione, sino escribime de nuevo.. saludos
by Oscar Martell on 13.06.10 at 6:36 pm. #
Intente hacerlo en blogger pero creo que soy algo pata para esto xD
by wendy kitty on 19.03.10 at 3:32 pm. #
@wendy Nada que ver, es facil, fijate en este enlace.
Saluditos..
by Oscar Martell on 28.04.10 at 4:03 pm. #
buenas noches, lo he intentado varias veces y siempre me sale error…me gustaria colocar el boton al lado derecho del titulo i dentro del post…¿donde debo ponerlo?lo he intentado todo y no me deja colocarlo, siempreeeeeeeeeeeee errooooooooooooooor
gracias de antemano por tu ayuda
by fernnadez on 12.09.10 at 9:14 pm. #
@fernnadez fijate en la actualizacion de este post, te muestro como.
by Oscar Martell on 13.09.10 at 9:51 am. #
Hola, no consigo ubicar el lugar o colocar el codigo correcto para ubicar el “Me gusta” al lado del título de cada entrada. Podrías ayudarme?
Gracias
by José Nogales on 31.02.10 at 2:41 am. #
@jose_nogales Ten en cuenta que para poder realizar los cambios debes tener acceso total a los archivos de la plantilla que estes utilizando, es decir, si tu blog está alojado en WordPress.com (por ejem) es imposible de realizarlo si no lo estás pagando. Si no es tu caso, siguiendo cada paso del post, debes poder hacerlo.
by Oscar Martell on 31.11.10 at 11:20 am. #
me funcionó perfecto con textpattern.
buen truco!! xDD thanksss
by darvein on 02.07.10 at 7:34 pm. #
pasos sencillos en http://www.notasup.tk
by slax on 05.06.10 at 6:46 pm. #
@slax Los leí, hay que detallar que son pasos para Blogger ! Saludos
by Oscar Martell on 05.07.10 at 7:02 pm. #
Muchas gracias por la información. Tras horas navegando para solucionar el problema del espaciado…tan solo aquí logré encontrar la soluación. Sin duda alguna I like it! Gracias
by Joan on 18.08.10 at 8:47 am. #
@Joan Me alegra que te haya servido. Saludos.
by Oscar Martell on 19.12.10 at 12:52 am. #
hola que tal he tratado de colocar en mi blog de blogger el html referente del boton me gusta, pero para que salga como un me gusta individual para cada entrada pero no me salte, me sale un unico para todas las entradas no se como hacerle. http://russiandai.blogspot.com/
que es lo que hago mal
por cierto feliz año
by Dai on 31.10.10 at 10:03 pm. #
@Dai Probá con http://www.notasup.tk, es un enlace que paso una persona en un comentario, en realidad nunca intente hacerlo en Blogger. Perdón por no poder ayudarte más.
by Oscar Martell on 01.10.11 at 10:10 am. #
Lo intenté poner pero dice diunsolo que a 52 personas les gusta la entrada. XD Help!
by Queith on 16.08.11 at 8:01 pm. #
Lo que puede estar sucediendo es que te lo toma como el “me gusta” del link del blog de las entradas individuales. Me conecto al Gtalk y lo arreglamos queres?
by Oscar Martell on 16.11.11 at 11:13 pm. #
¡Sí, dale, please!
by Queith on 17.03.11 at 3:34 pm. #
me sirvió de mucho, suerte y gracias!
by danystraits on 15.02.11 at 2:09 am. #
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!!
by Zherg on 16.07.11 at 7:35 pm. #
@Zherg sinceramente a mi sitio no lo afecto a favor (pero tampoco en contra) quizá por que éste es un blog pequeño, casi con ninguna importante repercusión, pero de que el botón “Me gusta” suma, sí, si lo hace. Saludos, gracias por pasar por aqui.
by Oscar Martell on 17.02.11 at 2:23 pm. #