Añadir el botón “Me gusta” de Facebook en tu blog
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&amp;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
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!
@romina En WordPress tendría que quedar en Single post entre title y meta. En blogger tendría que ser algo similar
Hola, me queda el botón me gusta con un espacio muy amplio… como hago para quitarlo? Gracias!
@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
Intente hacerlo en blogger pero creo que soy algo pata para esto xD
@wendy Nada que ver, es facil, fijate en este enlace.
Saluditos..
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
@fernnadez fijate en la actualizacion de este post, te muestro como.