Para quienes usan Facebook, poco a poco están apareciendo métodos de integración sencilla con blogs y otros sitios web ya que la empresa se encuentra en una franca pelea para controlar una parte del mercado que ahora tiene a Google como único dueño y señor.
Hasta hace poco, la mayoría de estas cosas eran bastante complejas pero han empezado a ofrecer algunos códigos más sencillos que pueden verse en su página de desarrolladores. Tal vez, los más interesantes son los plugins sociales y entre ellos, el famoso botón Me Gusta que permite a los usuarios, compartir contenido entre su sitio y la cuenta de Facebook de los visitantes.
Todo lo que hace falta para agregarlo a Blogger es copiar y pegar el código que no es otra cosa que un iframe:
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=450&height=60&action=like&font=tahoma&colorscheme=dark"' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px'/>
Lo razonable , sería ponerlo en cada entrada, junto con el resto de los íconos sociales, por ejemplo, en el post-footer de las entradas.
Si bien ese es el código por defecto, hay cosas que podemos personalizar y que son esos parámetros que se adosan a la dirección URL de nuestra entrada:
&layout=standard define el tipo de botón, puede cambiarse por button-count para simplificarlo
&show-faces=true muestra el avatar del usuario y puede eliminarse colocando false
&action=like es el texto a mostrar y puede ser cambiado por recommend
&colorscheme=light es el diseño general, la otra opción es dark
&font=arial es el tipo de fuente opcional y puede ser tahoma, arial, lucida+grande, segoe+ui, trebuchet+ms, verdana
&width=530 es el ancho total en pixeles (530 o 450)
&height=60 es la altura total en pixeles
Si queremos colocarlo en nuestro home (nada impide usarlo en cualquier página), el código es el mismo y basta establecer la URL correcta, reemplazando data:post.url por la dirección de nuestro blog y en este caso, conviene que cambiemos los caracteres de dos puntos y barra por sus equivalentes %3A y %2F:
Si bien ese es el código por defecto, hay cosas que podemos personalizar y que son esos parámetros que se adosan a la dirección URL de nuestra entrada:
&layout=standard define el tipo de botón, puede cambiarse por button-count para simplificarlo
&show-faces=true muestra el avatar del usuario y puede eliminarse colocando false
&action=like es el texto a mostrar y puede ser cambiado por recommend
&colorscheme=light es el diseño general, la otra opción es dark
&font=arial es el tipo de fuente opcional y puede ser tahoma, arial, lucida+grande, segoe+ui, trebuchet+ms, verdana
&width=530 es el ancho total en pixeles (530 o 450)
&height=60 es la altura total en pixeles
Si queremos colocarlo en nuestro home (nada impide usarlo en cualquier página), el código es el mismo y basta establecer la URL correcta, reemplazando data:post.url por la dirección de nuestro blog y en este caso, conviene que cambiemos los caracteres de dos puntos y barra por sus equivalentes %3A y %2F:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fvagabundia.blogspot.com%2F&layout=button_count&show_faces=false&width=450&height=60&action=like&font=tahoma&colorscheme=dark" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:60px"></iframe>
338 comentarios:
Gracias!!! me gusta, y lo que me gusta son los cambios y añadidos que veo en vagabundia! si no hace tanto que pasé por aquí y no los ví!!!! o... hace tantooo??? :$ mil años sin dejar un abrazo! pues hoy doble!
ME GUSTA !!!!!!!!!!!
Hola, Maite. Abarzo compartido :D
SEGMENTO: con el iframe que está al final de la entrada. Puede ponerse en cualquier parte.
Esto está de PM... ¡Lo pruebo ahora mismo!... Me gusta ;)
Pues ya lo agregue a mi blog y Me gusta ! jejeje Gracias por el dato!
vromo.blogspot.com
Gracias JMiur.
Me gusta, no me gusta, como deshojando margaritas, claro que no lo habrás hecho, pero nosotras las chicas sí jajaja :P
Que vicio el mio de mirar el feed todos los días; :) pero sabes que es lo mejor de todo, que siempre hay cosas nuevas para implementar, y por supuesto para aprender.
Excelente, ya hace un par de días había leído que lo anaunciaban, así como mucho más cambios que Facebook tiene en menta para expandir su negocio y presencia en la web.
Por ejemplo, aquí en Colombia, este tipo de cosas de Facebook son muy útiles para los sitios web orientados a genete de este país, porque en Colombia estadísticamente Facebook tiene mucha penetración, y por lo menos en los blogs que aquí, estos artilugios pueden servir muchísimo para darnos a conocer en las redes sociales.
Y así lo es dependiendo del país, se ha podido establecer ciertas diferencias en el uso del internet dependiendo de ciertas carácteristicas geográficas; por ejemplo, es muy distinto el uso de Twitter en America Latina a diferencia de Estados Unidos.
Esas son pequeñas cosas que nos pueden servir para llegar a más lectores, y por lo menos, esto del Me gusta, está genial :) y por supuesto me lo llevo con mucha gratitud.
Saludos Jorge ;)
José GDF: Pruebe, es bastante fácil.
Vromo: Intereseante y parecería que no perturba demasiado. Es bastante rápido.
Graciela: No, no lo hice. Yo arrancaba las hojas de los helechos: ziiiiiiippppppp :$
Felipe: Sí, anunciaron muchos cambios todos juntos. Parecería que se han dado cuenta que deben abrir un poco su sistema. Puede termianr siendo una herramietna interesante.
Erwin Salas: Despacio, vengo corrigiendo esto 20 veces, es un código difícil de poner en un post :D Ya está arreglado eso. Me lo habíaolvidado en uno de lso ejemplos pero en el otro estaba y buehhhh salió repetido :D
Hola JMiur, en qué parte del código coloco el texto "personas gustaron de este post", para que aparezca a continuación del contador?.
Intenté colocar el texto luego del iframe, todo dentro de un div, pero la frase queda al final de la caja del iframe.
Saludos
Eso es parte del IFRAME y por lo tanto, no puede cambiarse; las opciones disponibles hasta el momento sólo esas descriptas en el post.
Creo que no me expresé bien. Quería agregar un texto a continuación del IFRAME.
Modifiqué el ancho del div contenedor pero el resultado final no es muy estético, ya que el texto no se alinea verticalmente con el IFRAME, como se puede ver:
Me gusta
Los códigos que usé para intentar alinearlos son estos:
con div
<div style="width: 400px;">
<iframe src="http://www.facebook.com/plugins/like.php?
href=http%3A%2F%2Favibert.blogspot.com%2F&
layout=button_count&show_faces=false&width=100&
height=20&&action=like&font=tahoma&
colorscheme=dark" allowtransparency="true"
style="border: medium none; overflow: hidden; width: 100px;
height: 20px;" frameborder="0" scrolling="no"></iframe>
<span style="color: rgb(102, 204, 204);">
personas gustan de este post.</span></div>
con tabla
<table style="margin: 0 auto; padding: 10px; width: 350px;">
<tbody><tr><td><iframe src="http://www.facebook.com/plugins/
like.php?href=http%3A%2F%2Favibert.blogspot.com%2F&
layout=button_count&show_faces=false&width=100&
height=20&&action=like&font=tahoma&colorscheme=dark"
allowtransparency="true" style="border: medium none; overflow: hidden;
width: 100px; height: 20px;" frameborder="0" scrolling="no"></iframe>
</td><td> personas gustan de este post </td></tr></tbody></table>
Queda alguna otra opción, JMiur?
Ahora entiendo.
En el primer caso, una posibilidad es que le coloques, tanto al IFRAME como al SPAN, la propiedad:
float:left;
En el caso de la tabla, puedes agregarle a la calda TD con tu texto, o el parármetro valign o la propiedad de estilo vertical-align, en ambos casos con un valor de top:
<td valign="top">
o bien:
<td style="vertical-align:top">
Hola JMiur! Muy bueno! Gracias por compartirlo ;)
Una pregunta: en donde "height=60", ¿puede cambiarse por un valor más bajo?
Abrazo!
Eficientes todas las soluciones.
Una pregunta, al usar float: left, cual es la caja que se desplaza verticalmente, la del div o la del iframe? :O
Pepiche:
Si, puede cambiarse pero, si usas la opción show-faces=true no te conviene hacerlo porque no habrá lugar hacia a abajo para las imágenes.
Si en cambio, ponés show-faces=false, podés reducir la altura hasta unos 40 pixeles aproximadamente.
Siempre, acordate de cambiar ese valor en las dos partes, en el IFRAME y en el STYLE.
Manfenix
Lo que flota es el contenido del DIV, el IFRAME y el SPAN.
Pero mira que te gusta tentar, no inventes que no tengo tiempo!!
Hola JMiur.
Se que esto no tiene nada que ver con la entrada pero no sabía donde comentartelo.
Verás, he colocado unos botones para compartir los post del blog en varios agregadores sociales. Estos aparecen en el footer de cada entrada.
El "problema" es que los botones (Compartir, Wikio y Bitacoras) están desalineados el uno del otro y no doy con la manera de ponerlos a la misma altura.
Te agradecería mucho que me ayudaras a encontrar la solución.
Un afectuoso saludo,
Jose, a secas
P.D.: Si necesitas los códigos te los mando al correo encantado.
Gem@:
Anímese que este es sencillito :D Bueno, yo a-un no me decidí :$
Jose:
Por lo que veo, es el de Bitacoras el que queda desalineado ¿es así? Lo pregunto porque tal vez pueda difererir un poco según el navegador. Ese, lo veo "caido" con respecto a los otros. El problema es que algunos de ellos se generan con scripts (si no me equivoco).
Yo, probaría con el de Bitácoras que aparenta ser una imagen que tiene una etiqueta IMG que dice esto:
style='vertical-align:middle;border:0'
y pondría:
style='vertical-align:top;border:0'
a ver si eso lo soluciona y lo "sube" para alineralo con los otros.
Me gusta el Me gusta! Voy a compartir con mis lectores. Bueno maestro? Gracias, querido! ;)
Solucionado! Te quiero tío! xD (Perdón por el atrevimiento :P )
A mi también me gusta, MamaNunes. Eso sería un honor :$
José: Seamos formales :D Me alegra que funcionara porque tenía mis dudas :D
Ostras pibe.. buenisimo el blog que te gastas eh.. buena plantilla, redacciones, aportes, color, estilo, pocisionamiento.. en pocas palabras ENHORABUENA.. Ya hasta me gustaria poder hablar contigo para aprender un poco de los grandes!!! Buueeno eso si eres humild por que con la fama de los argentinos >.< jajaja bromaaa!! saludos chaval!!! Congratulations!!
Tengo por costumbre eliminar cualquier tipo de comentario que considere sexista, xenófofo o discriminatorio en cualquier sentido. Voy a dejar el tuyo porque confiaré en que ha sido escrito de buena fe pero, no me marece gracioso en ninguna forma.
Yo, creo en la cortesía y esa es la única bandera que respeto.
muy buén punto de vista JMiur,y exelente respuesta! ;)
Amigo! hay forma de adaptar el plugin de comentarios facebook en blogger?
Si, creo que eso es posible, Enrique. Déjame ver si la semana que viene puedo explicarlo en una entrada.
¿Comentarios tipo Facebook en Blogger? Eso es para verlo... Precisamente hablaba con un compañero de trabajo ayer lo complicado que resulta a un usuario que no es blogger dejar un comentario en un blog de Blogger. Esto facilitaría las cosas a ese tipo de usuarios, aunque sería una cosa aparte, me imagino...
Estaré pendiente del feed para esa entrada. Promete ser interesante si es posible hacerlo.
pues ya somos dos en espera, JMiur es un mago en esto...
José:
No se crea que es tan así como se lo imagina :D Sólo se trata de insertar el formulario de comentarios de Facebook en Blogger y no me parece que sea para reemplazar al sistema actual, sólo es un extra.
Enrique:
Como estaba mirando todos esos plugins sólo tuve que adelantarme un poco así que creo que el lunes ya estará publicado. Usted me hace trabajar !!!! :D
Jorge, disculpa, se me olvido hacerte una pregunta.
Si tengo un Widget donde por ejemplo quiero poner una imagen, y quiero que cuando el navegador "se actualize" o que el usuario con cada página que navegue se vea una imagen distinta, ¿es posible?
No se, a priori se me ocurre crear el Wiget y jugar con condicionales, pero no se, hay algún truco con Java o algo similar que me lo permita.
¿Una imagen distinta donde? ¿En un widget? Si, bastaría algún script que mostrara imágenes aleatorias. acá hay uno para el header pero puede hacerse en cualquier parte del blog; hay muchos demos de eso en la web.
Gracias por tu respuesta Jorge.
Justo lo que estoy buscando.
Probaré mañana con más calma.
(Ah, te boto el dato, tampoco funcionan los comentarios poniendolos en los Widgets desde Elementos de Página, toco directamente desde la plantilla.)
Saludos.
Buenas tardes, maestro.
Una vez más recurro a tu ayuda. He aplicado en una plantilla de pruebas el código que indicas para Facebook, pero lo único que consigo es que, ya en Facebook, se vea la siguiente:
Blogger: Login to read
La URL de mi blog.
Blogger is a free blog publishing tool from Google for easily sharing your thoughts with the world. Blogger makes it simple to post text, photos and video onto your personal or team blog.
Y no consigo más. Llevo buscando toda la tarde una posible solución pero no soy capaz de encontrala, si me la pudieras agradecer tú, como siempre, te estaré agradecido.
Recibe un cordial saludo,
Max: Tendría que ver tu prueba pero, no tiene nada más que eso, copiar y pegar el código tal como viene; ¿has revisado si la URL de blog está colocada de manera correcta?
http%3A%2F%2Fvagabundia.blogspot.com%2F
Hola, JMiur.
Aclarado el problema a medias: no había caído en la cuenta de que tenía el acceso restringido a ese blog de pruebas, ha sido dejarlo accesible a todos y, esa parte, resuelta.
La otra media parte que me queda ahora por resolver es que, si la entrada no contiene suficiente texto al principio, al enviar la noticia a Facebook aparece como texto el disclaimer que tengo puesto sobre la caja de comentarios. En fin, nadie es ferpecto, tendré que seguir buscando.
Perdona por el tiempo que te he hecho perder y recibe un cordial saludo,
Una pregunta, si yo quiero poner este botón en el homepage, pero asociado a una página de facebook, el comportamiento que quiero es que, al pinchar, me haga admirador (o me gusta, como es ahora) de la página de facebook que le he metido, cómo puedo hacerlo? sería algo similar al botón que hay en esta web: www.mediavida.com en la parte de la derecha abajo, al pinchar, me hace admirador de la página en facebook, y el número de la derecha es el número total de admiradores que tiene la página. Cómo puedo hacerlo? perdonad si pensáis que el enlace es spam, pero ni siquiera es mi página así que no era mi intención xD
MAx:
Claro, si el blog era privado, es probbale que el botón n ofuncioanra. Lo otro no tiene solución porque deberíamos poder poner etiqyeas META con algún tipo de resumen o texto alternativo para ese tipo de entradas y en Blogger, es imposible.
Straf:
para eso se usa otro plugin llamado Like Box que asocia una Page con un sitio web:
http://wiki.developers.facebook.com/index.php/Like_Box
gracias por el dato lo coloque sin ningun problema! super
Muchas gracias una vez más, JMiur. Recibe un cordial saludo,
Todo bien...pero cuando le doy al boton "ME GUSTA" no aparece en facebbok..es decir: ¿Cuando le doy "me gusta" se queda solamente en el blog o se refleja también en facebook??? gracias
Se muestra en FB, es parte de Facebook.
Hola como estan tengo un problema agrego el boton de facebook a mi pagina web sin ningun problema pero lo que en realidad quiero hacer es que al agregar mi boton me gusta en mi web y al presionar me gusta se actualice los fan de la pagina que yo tengo en facebook
osea que si alguien nuevo le hace click que le gusta desde mi web que se actualize en mi pagina de facebook saludos me gustaria que me ayudaran
El botón para páginas es otro:
http://wiki.developers.facebook.com/index.php/Like_Box
JMiur, el "coso" para enlazar páginas es diferente? Llevo todo el dia tratando, voy a el sitio que dices, genero el code (se ve bien en el asistente), lo pego en un elemento HTML pero veo la página de FB, no el cuadro de "me gusta"...
Hay que colocar algún codigo en el encabezado del blog, aparte?
Sí, es diferente. Fíjate en las instrucciones de la página de Facebook. Voy a ver si puedo hacer un post al respecto aunque hay una explicación muy clara en el Escaparate de Rosa
Si el script te causa problemas, puedes usar el IFRAME.
Y si, tal cual muestra el blog de Rosa lo estaba haciendo yo y eso que no lo había leido. Pero como digo, al colocar ése codigo en un elemento (gadget) HTML/Javascript cuando voy a mi blog no veo el cuadro, sino la ventana y dentro de ella mi perfil de FB.
Lo conseguí analizando un código de otro blog y dicho código dice más o menos así http://snipt.net/tebitoo/like-box-facebook-en-blogger-2
Donde había que poner el Id de la pagina de fans y el id de la aplicación. Esto último no sé de donde viene, asi que creé una aplicación y le puse su Id...
El ID de tu página lo encuentras tal como lo indica Rosa: Editar Página y a la derecha verás Promociona tu página, click en Promociona con un "Me gusta" en tu pagina. El código puede ser un IFRAME o código de Facebook. Si se usa este último, hay que agregar el script genérico que es el que muestra este post.
Que extraño, ni te cuento la cantidad de mezclas de código que hice y siempre veía el cuadro de las medidas que especifiqué pero dentro era como una ventanita "picture in picture" donde estaba mi página de FB.
Y juro que en el asistente de FB se veia bien.
Quizá nunca uní bien las partes del iframe y el script genérico, sería bueno que hicieras una entrada aclarando dicho tema. Muchas gracias por tu ayuda!!
Hola
¿Como s epodria cambiar los colores de las letras del iframe ? porque el color de fondo de mi web es azul y no se ve bien el "A ti y a 133 personas le gusta esto"
mi web es http://www.guaguancofestival.com/
Esteban: lo intentaremos. Lo que también está ocurriendo es que Facebook ha cambiado algunas cosas y eso, hace que ahora convivan códigos diferentes para hacer lo mismo.
Karel: las únicas opciones disponibles son las que ellos preveen; los contenidos de los IFRAMEs no pueden ser modificados.
Muchas gracias por todo!!!
Una pregunta: En ves de "like" como hago para que sea "me gusta"?
Un abrazo!!
este es mi blog odontologiasalud.blogspot.com
espero recomendaciones!!!!!!!
Pués no veo nada en el IFRAME que permita eso, acá aparece el texto Me Gusta. Puede ser que sea algo en la configuración del mismo Facebook. No sabría responderte.
Gracias!!
Hola por favor, como puedo poner el boton de ME GUSTA en mi facebook??? no encuentro la opcion x ningun lado. les agredeceria muchisimo
Nathaly: No te comprendo ¿En Facebook? Allí, solo existen si lo que creas es una Página pro no hay un botón similar para los Perfiles.
HOla a mi me gustaria que me ayudaras a ponerlo abajo de donde dice continuar leyendo o abajo de las categorias mi blog es turankeo.com gracias..
mira en esta pagina tambine lo puedes ver como me interesa que me quede www.remolacha.net gracias por tu ayuda de ante mano
Busca un DIV con esta clase: post-footer-line-3
Y coloócalo allí, eso, está justo debajo de las etiquetas.
Si me aparece pero no me apere en la pagina principal, solo cuando le doy click a leer mas yo la kiero que me salga en la pagina principal no solo cuando entre a leer el resto de la entrada.. como esta en esta pagina www.remolacha.net gracias por tu ayuda..
Si está colocado donde te dje, se verá en todas las entradas incluyendo el home ya que la etiquetas también se ven en todas las entradas incluyendo el home. Colócalo y vemos.
lo hize como me dijiste y no me sale, en el home solo en las entradas.
Lo eh echo y nada todavia me lleve de este tutorial http://elescaparatederosa.blogspot.com/2010/05/boton-para-facebook-me-gusta-o.html?showComment=1274482830216_AIe9_BGWiZaLwJWHIRCAW9QNd5n9bhYyT6N-mnyDtoDNjI_auUBQvL7MGZw3ESau-Nv3u9GAAFp83eHFDuzl8QAa15ynFBEwXEpFk9n1PUcfyR_Sh1hAeyTU1RTAG2U42Cvw02M2nfJtguDs63kchOse3BcsuunqWknltF8FeHTgH6FPmyorxLceZX31G6XAXNbi7SzKG5_vG0sbwhoT8IkvuAAYsOTCoquFJScrSquva3QlBM5vgHU#c5420920544828981849
donde dice una parte que hay que borrar para que salga en tu home, y ndada tampoco
Funciono lo único que no aumenta la cantidad de veces que oprimo el botón, aclaro que salí y volví a ingresar al blog cada vez que presione, es decir si esta en 1 y presiono visualizo 2 y si vuelvo a presionar saliendo e ingresando nuevamente al blog vuelve a marcarme 1, donde debería ser 3.
Donde está el error?
Gracias por el aporte.
LinternaVerde: No, el script no está colocado en el post-footer ni en el DIV post-footer-line-3. Está en otra parte, probablemente, dentro de algún condicional.
Miguel: En ninguna parte. No puedes hacer eso y marcar varias veces lo mismo. Tu cuenta es única y sólo se registra una vez.
Gracias, yo borre y volvi y a instalar y me pudo funcinar pero para que me salga en el home, tuve que borarle
y el cierre de la condicional al final:
Bueno gracias, y felicidades por su fabulosa pagina..
Hola JMIUR, he leido cada uno de los comentarios de esta entrada, amigo, como haces? q pasion por lo que haces tienes y que paciencia para dar la mejor respuesta que se pueda dar en cada comentario que respondes.
Amigo, gracias a esta entrada implemente el "me gusta en mi blog" y todo ha sido perfecto hasta entonces, y lo es. Pero hoy visite una pagina, me gusto un articulo de sa pagina y le di click al boton "me gusta" pero la peculiaridad es que tambien se abrio una pequeña ventana donde podia postear un comentarios adicional y eso se mira mas atrayente en el muro del lector en su fb.
Mi pregunta es, como logro esto? antes de comentar probe varias cosas pero sin exito alguno.
Para que veas la pagina que te digo, es esta: http://www.musiconcristiano.com/2010/05/23/video-y-letra-a-ti-clamare-any-puello/
ese es un ejemplo nada mas, por cierto, mi blog es este: http://www.blogdecristo.com/
Gracias maestro! exitos!
@rielCastellanos:
Eso que ves ahí es otro de los widgets disponibles. Fíjate en esta entrada
Jmiur, gracias por tu corta respuesta, he revisado el enlace que me recomendaste y gracias a esa entrada e llegado a otro lugar y luego a otro hasta que al fin lo encontre.
Bueno, el enlace es este http://developers.facebook.com/docs/reference/plugins/like y ahi dice que hay dos opciones, una via iframe que es la que usamos y la otra es una version XFBML, esta ultima es como decir la version full que es la que te permite, dejar un comentario aparte del me gusta clasico.
"The XFBML version allows users to add a comment to their like as it is posted back to Facebook."
Aki el enlace: http://developers.facebook.com/docs/reference/javascript/
Bueno, no tengo la menor idea de como son esos rollos, a lo mejor tu si entiendes mas de eso, es por eso que todos venimos y te preguntamos a ti.
Creo que me quedare con el me gusta tradicional. Muchas gracias por todo. Un Abrazo desde tegucigalpa, Honduras.
El plugin al que haces referencia es el mismo que el de este post.
http://developers.facebook.com/docs/reference/plugins/like
Hay dos formas de colocar este y cualquier otro de ellos. Usando IFRAMES o agregando el script que es la forma en que está agregado el otro plugin, el de comentarios. Ese segundo, incluye el botón me gusta; son dos plugins diferentes.
Mejor explicado no podria estar, tu sabes como colocarlo de la otra manera? es posible en blooger? a tu criterio, q es mejor, el iframe o el script? sabes si este "me gusta" imacta negativamente en la carga del blog? lo he sentido.... Bueno muchas preguntas, de antemano gracias
Ellos recomiendan el script pero,, cauqluiera de las dos alternativas funcionará en Blogger.
hey tengo una simple curiosidad por que parece k solo me pasa a mi en mi blog www.turankeo.com tengo el boton puesto y en mi blog de prueva tambien pero cuando pulso leer mas o entra a la entrada desaparece... me puedes ayudar con eso
Es lo normal; si el post ya está desplegado, el enlace deja de ser necesario.
oh muchas gracias.. lo tendre que poner en el post-fooder en la linea 3 que hay si no se quita..
hola, al lado del boton "me gusta" donde aparece A 212 personas les gusta esto. Sé el primero de tus amigos.
aparece por si solo o es otro tipo de codigo? muchas gracias
Aparece solo, es parte del script, no tiene opciones disponibles.
hola tengo una pregunta he visto q en varios grupos de facebook en la primera ves que te metes dicen en una pestana "Haga clic en "me gusta" para ver la foto" y no te aparece nada mas pero cuando haces click en me gusta te aparece la supuesta foto.. como hacen.. alguien me puede explicar gracias ;)
ejemplo de una pag
http://www.facebook.com/#!/pages/Tiene-5-anos-y-medio-es-la-MADRE-DEL-MUNDO-MAS-JOVEN/129128937100309?v=app_106528709392911
No. No voy a explicar como se hace eso porque sólo se trata de una técnica engañosa que lo único que pretende es sumar seguidores incautos.
Es una forma miserable de promocionarse y alardear de un numerito falso. Son páginas que merecen ser denunciadas para que sean eliminadas.
Hola Jmiur, aki vengo con otra pregunta del celebre facebook. Como sabes, yo tengo implementado el sistema de comentarios DISCUS en mi blog. Hay alguna manera, de que al momento de estar logeado con el perfil de facebook en DISQUS, pueda yo poner, en la sidebar del blog por ejemplo, el perfil del usuario, aunke sea la foto que tiene en facebook y un enlace a su perfil de disqus?
Solo es una idea, me gustaria tu opinion al respecto o alguna referencia. Gracias
Para muestra una imagen http://2.bp.blogspot.com/_099vFPGteOM/TAa1Dq4PurI/AAAAAAAABsA/7QXUxTtbJEA/S1600-R/fb+blogger.JPG
Ahi, me logie en el sistema de comentarios de ellos, y pues arriba sale mi foto, hay alguna manera de lograr eso? mil graciasssssssss en especial xq siempre respondes.
La verdad, lo desconozco.
Perdón si lo han preguntado ya algún compañero bloguero :$, ¿en qué parte del post-footer habría que colocar el código? ¡Lo he intentado pero no aparece nada!
Infinitas gracias JMiur.
No hay un lugar específico, Mr Prado. Puede estar en cualquier parte, incluso, puede estar arriba del footer mismo si es que no se quiere que esté dentro de esa parte que tiene fondo gris:
...POR EJEMPLO, AQUI ...
<div class="post-footer"&glt;
Es posible colocra un boton de megusta y que cuente las personas que han oprimido este botón en un gadget que hay de mi blog y que corresponde a el video de la semana. L O otra opción que me permita saber a quienes les gusta el video. agradezco sugerencias. Gracias
Lo que detecta el botón es la página misma así que, para que ocurra algo así, el video debería estar en una página separada, con una URL propia y tal vez, usar un IFRAME para mostrarlo.
Hola J :) en mi tumblr, agregué una plantilla muy linda para publicar imagenes de muro en fb o tweets especiales, en que parte tendría que poner este boton? usa el mismo iframe?
Espero que tengas un lindo fin de semana :D
Un abrazo enorme y ronroneadito ^_^
Pau:
No lo he probado pero, imagino que sí, que el IFRAME es universal y sirve para cualquier tipo de sitio web; no creo que tengas problemas en integrarlo.
Un abrazo :D
hola queria saber si me podes decir si hay alguna manera de blokear contenido en una pag de facebook mediante fbml static para los que no son fans
un saludo gracias
No sé. Eso, deberías cosultarlo en la wiki del mismo Facebook.
Por que en mi blog cuando le doy me gusta, las actualizaciones no sale en el home de facebook..
Ejemplo como deberia salir: A Silvia Valdivieso le gusta EL QUE MADRUGA........DIOS LE AYUDA!! en Tublog.
EN MIO SALE
Ejemplo como deberia salir: A Silvia Valdivieso le gusta EL QUE MADRUGA........DIOS LE AYUDA!! en http:/miblog.blogspot.com
Vaya me ha funcinado a la primera, gracias pero tengo una pregunta ¿como puedo alinear los botones? ya que me quedan uno debajo del otro, aparte del espacio entre el post y los comentarios que eso seguro que es otro tema.
Hola JMIUR, solo agradecerte por los excelentes post que nos das. Quiero comentarte que ayer quite este boton "me gusta" porque sentia que impactaba negativamente en la carga de mi blog, ademas que pesa mas de 100kb
Un saludo desde Honduras
Beko: NO sé si sale alguna clase de mensaje en Faceboook.
Locomosxca: ¿Dónde puedeo ver tu ejemplo? No lo encuentro.
Jmiur disculpame este es mi blog http://locomosxca-world.blogspot.com/
veras que los botones me quedan uno debajo del otro (tengo varios) y lo que me gustaria es alinearlos.
Gracias de antemano.
Ahora lo veo :-)
Son distintos entre si así que deberás ir viendo poco a poco como alinearlos.
El de Share está colocado en un DIV por lo tanto ocupa todo el ancho; podrías agregarle estilo y hacer que flotara, por ejemplo:
<div style='float: left;'>
El botón de Bitacoras y el de Wikio son enlaces y podrías hacer lo mismo, agregarles style='float: left;' a las etiquetas A.
El de Facebook se complicará porque es un IFRAME que tiene 450 pixeles de ancho. Puedes agregarle lo mismo al estilo y reducir su ancho para que "entre".
Para que luego, esa flotación se corte y no descompagine hacia abajo, deberás agregar esto:
.post-footer-line-1 {clear:both;}
Otra alternativa es que allí, coloques una tabla y dentro de cada celda, agregues el código de cada botón:
<table class='misbotones'>
<tr>
<td> boton Share </tr>
<td> boton Bitacoras </tr>
<td> boton Wikio </tr>
<td> boton Facebook </tr>
</tr>
</table>
ya lo agregue a mi pag, si registra los usuarios que le dan clic y to pero ¿Por que cuando le doy clic no aparece la noticia en el face?
jmiur probare lo que dices, hay que ver lo que se aprende contigo/vosotros. Muchas gracias.
Ya volvere a responder ;)
Hola JMiur, ojalá me puedas ayudar con mi problema:
He insertado el código y se muestra adecuadamente al final de cada entrada el botón MeGusta en blogger. El problema radica en que en el muro de la persona que clickeó el botón, le aparece: "A [nombre] le gusta [titulo del blog], en [nombre del blog]. Es decir donde pone [titulo del blog] debería aparecer el nombre de la entrada (titulo de la entrada), no el title del sitio.
Muchas gracias.
Revisa si e n el IFRAME, has colocado el nombre del blog en lugar del datoque contiene el nombre de la entrada:
.......... + data:post.url+ .............
JMiur al final he optado por la opcion B, la de la tabla pero el ejemplo que me has dado me daba fallo y al mirarlo me he dado cuenta que estaba mal diseñado.
si te das cuenta los cierres de los botones son tr y toca ser td cosa que no me habia fijado hasta que me ha dado fallo. De todas maneras gracias ya que desconocia lo de las tablas.
Si, ya veo :D dice </tr> en lugar de </td> ... cosas que pasan al escribir en los comentarios :D
Tranquilo, de todas maneras me has solucionado el problema que tenia. Lo dicho gracias.
Hola JMiur! Tengo una consulta, actualmente uso este código:
-iframe src="http://www.facebook.com/plugins/like.php?href=URLMEGUSTA/&layout=standard&show_faces=false&width=450&action=like&font=verdana&colorscheme=light&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"--/iframe-
Pero luego de publicar la nota tengo que editarla para cambiarle el URLMEGUSTA por la URL generada para el post.
El código lo tengo pegado en Configuración/Formato/Plantilla de entrada. De esa manera siempre aparece en cada post.
Hay una forma de que no tenga que entrar luego de cada post a editar esa parte?
Gracias!!
Si. Es el código que muestra esta entrada:
href=" + data:post.url+ etc etc etc
eso se coloca en la plantilla misma.
Cuando dices en la plantilla misma, luego de qué código sería? Sé que mencionas en el "post-footer" pero busco eso en la plantilla y aparece solo en un lugar donde no creo que pueda meter este código...
Muchas gracias!
En alguna parte del footer de las entradas; ya sea arriba de:
<div class="post-footer">
o dentro de ese DIV que es la parte gris debajo de cada entrada.
Asín en egeneral veo que hay una imagen de Ampliar Noticia dentro de esa zona de la plantilla y podría colocarse allí, debajo de eso.
Excelente sugerencia, ahí quedó bárbaro!!!
Gracias por visitar el sitio.
Le agregué un salto para que no quedara pegado al lector de sonowebs y listo.
Saludos!
Me alegro que se solucionara :-)
Justo estaba buscando esto, revolviendo en Facebook había encontrado cómo ponerlo para la url principal del blog, pero no sabía cómo hacerlo para que al ponerlo en cada post indicara la url de ese post.
Muchas gracias.
Al final lo añadí, añadí true en lugar de false pero sigo sin ver el avatar o es que el del propio autor no lo muestra?
Buena pregunta, no lo sé :D
¿Será posible que la dimensión que tiene sea insuficiente?
Buena respuesta :D miraré si fuera un problema de espacio ;)
@JMiur movido de sitio está, me queda la duda de si marca el propio autor ¿puedes decir que te gusta aunque no te guste para probar ? jajajaja es mucho morro pero no veo otra forma de saber si funciona el tema avatar :S
Marcada esta entrada para ver qué pasa:
http://gemablog-.blogspot.com/2010/07/tallado-de-frutas.html
Un par de detalles que veo. El tamaño es escaso, fijate que en el ejemplo de esta entrada yo he puesto ancho 530 alto 60 y eso va en dos partes, en el style y también como parámetro de la URL.
Lo otro que veo es que el tipo dice button_count y en ese caso, cuando se amplia su tamaño, lo que ves es un número que indica la cantidad de personas que hicieron click. Para que se vea los avatares, creo que debe usarse el tipo layout=standard.
Una más. Me parece que si el modelo es dark, no se verán los textos porque ese modelo está pensado para fondos oscuros; creo que debería ser colorscheme=light
Seguramente, si le das un tamaño mayor (aunque sea para probar) la parte del footer donde están los relacionados colapsará pero, eso se resuelve eliminando la flotación:
.post-footer-line-4 {
.......
clear:both;
}
¿Mucho lio? :D
Gracias por probar, ahora ya sale, no sale el avatar completo pero sale :S
Probablemente deberías aumentar el height un poquito más; intentaría 70px a ver qué pasa.
Perfecto :)
Espere que vaya a inspeccionar ... mmmmmm ... ajá ... mmmm
Si, perfecto :D
Jmiur, necesito nuevamente tu ayuda, coloque el botón RECOMIENDALO de facebook en mi blog, así como los botones para compartir de blogger, pero resulta que ambos botones no permiten compartir y me da el siguiente error en ambos casos:
Este mensaje contiene información bloqueada, previamente etiquetada como abusiva o de correo basura. Haznos saber si piensas que ésto es un error.
indico también que lo implementé en el blog de pruebas y alli funciona de maravillas, podrás comprobarlo por ti mismo visitando el blog,
he buscado información al respecto pero no encuentro nada, debo aclarar que mi blog es netamente de música.
agradeceré mucho el que me puedas ayudar respecto a este detalle.
Pués desconozco el motivo por el cuál aparece bloqueda esa dirección. Deberás consultar directamente en Facebook ya que no es un error del código en si mismo.
barbaro, ya lo agregue , quedo de 10, gracias
esperaré a ver si me responden desde facebook, de todas formas muchas gracias Jmiur.
Hola que tal... oye desarrolle una aplicación para facebook a la cual le agrego el botón de me gusta en el home de la misma... pero la idea es que si el usuario que entra a la aplicación no ha clickeado el me gusta.. tampoco pueda entrar a la aplicación...
Será posible que así como puedes tener acceso a información de perfil del usuario por medio de la API de facebook como es su nombre apellidos edad etc.. tambien exista un parametro q me indique q el usuario ya puso "me gusta" a mi aplicación.. o como puedo hacerlo para restringir el acceso...
gracias...
Samara:
Eso no sabría contestarlo, deberías consultar en los foros de desarrolladores del mismo Facebook.
HOLA JMIUR.
YO YA COLOQUÉ LAS FRASES "ME GUSTA" HACE UNA SEMANA ATRÁS.
ÉSTE ES MI BLOG: http://johfly.blogspot.com/
PERO QUISIERA HACERTE UNA CONSULTA.
CUANDO LA GENTE LE DA CLICK EN "ME GUSTA" ; EN LA CUALQUIER FRASE QUE PODRÁS VER ALLÍ; NO SALE EL MENSAJE EN FACEBOOK/HOME.
O SEA SI SALE EN EL MURO DE SUS PERFILES, PERO YO NO VEO QUE LES SALGA EN FACEBOOK/HOME QUE ES LA PÁGINA DE INICIO.
¿EXISTE ALGUN CÓDIGO PARA QUE LA FRASE SALGA EN FACEBOOK/HOME?
Entiendo que eso es algo que maneja Facebook a voluntad. Muchas veces se marcan cosas y n oaparecen ni siqueiera en el perfil de quin las marcó.
Que yo sepa, no hay códigos adicionales.
Hola yo tengo el problema que en el muro les aparece el nombre del blog (con url de la entrada) + url del blog...y me gustaria que sea nombre de la entrada (url de la entrada)+ nombre del blog (url del blog)
el codigo que use es este:
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
es posible??
gracias!!
Deberías probar cambiando la forma en que se muestra el título de tu blog. Fíjate en esta entrada
Jmir,
Muchas gracias pero no me funciono, me fije en tu entrada y cambie lo que dice ahi del titulo y nada. Si puedes pasate por mi blog y podras ver lo que pasa: http://www.losmejoresvideosdeinternet.com/
Osea en facebook aparece:
A Mateo le gusta Los Mejores Videos de Internet en losmejoresvideosdeinternet.com
Y a mi me gustaria que diga:
A Mateo le gusta Titulo de la entrada en Los Mejores videos de internet
Espero no ser una molestia tan grande, y desde ya te agradezco por todo! Si es que molesto mucho es xq me parece algo importante y que a otra gente tambien le puede lelgar a servir. muchas gracias!
Podrías seguir intentando optimizar los títulos de las entradas. No es mucho más l oque puede hacerse desde la plantilla misma.
JMiur
Me diste un Knock Out de Html , tanto no se para seguir y meterme en la plantilla, gracias de todas maneras, quedara asi hasta que salga un boton nuevo!
gracias!
Es que no hay mucho mas que pueda hacerse desde el mismo blog.
¿Hay alguna forma de que ese botoncito aparezca automaticamente debajo de cada entrada?pero que el "Me gusta" no sea de mi blog si no de la entrada en la que aparece
Que lio :S
Si, haciendo lo que dice el primero código del post.
Ui perdon enserio, debe de ser que no me entere muy bien :S
Y donde exactamente es donde hay que poner el iframe?
En cualquier parte donde quieras que se vea. Copio y pego:
"Lo razonable , sería ponerlo en cada entrada, junto con el resto de los íconos sociales, por ejemplo, en el post-footer de las entradas."
Siento molestar tanto pero no se donde esta el post-footer :S
Despliega los artilugios de tu plantilla y busca:
<div class='post-footer'>
Es donde está la fecha y el nombre del autor y la fecha de publicación.
Muchisimas gracias, pero una ultima duda, no lo puedo poner de oro estilo? esque lo veo bastante gris :S
Ya no importa, gracias :D
Muchas gracias por la información me cae de perlas para mi blog; http://fansdelface.blogspot.com/
GRACIAS
Tio, eres genial :)
¡Te cambio el blog :D!
Hola
En lugar de reemplazar manualmente el data:post.url por la url del sitio web de interes, reemplazar automaticamente por:
1.- data:blog.title
2.- data:blog.homepageUrl
3.- data:blog.pageTitle
Es decir, en lugar de escribir http://vagabundia.blogspot.com, puedo reemplazarlo por alguno de los tres códigos que detallo arriba.?
gracias
saludos
tengo un problema y es que a mi me sale el siempre el Home Page, osea que en facebook sale "a X persona le gusta Homepage(url homepage) en Homepage(url homepage)" pero yo quiero que salga "a X persona le gusta titulo de post(url de post) en Hompage(url homepage)"
ya lei los comentarios del 104 al 108 que es donde alguien tiene el mismo problema y coloco el codigo correctamente debajo de
"p class='post-footer-line post-footer-line-1'"
pero siempre sale con homepage.
No sé en que blog ocurre eso. Como en los otros comentarios, la respuesta es la misma, fíjate que estés usando el último código y no el primero.
Lo acabo de implementar, Gracias!
oye amigo quiero color ese boton al final de cada entrada en mi blog como le puedo hacer ayudame bro. Te lo agradeceria muchisimo :)
http://descargas-extreme.blogspot.com
Tampoco encuentro en elcodigo HTML lode post-footer :( ayudame
En esa plantilla el DIV tiene una clase llamada singleinfo; es donde están las etiquetas de las entradas.
Hola JMiur, Muy bueno el blog. Me encanta la configuración, yo no entiendo nada de HTML, pero de a poco fuí avanzando. Mi blog; www.elsabadoquierojugar.blogspot.com es solamente para llevar las estadísticas de un torneo de fútbol que organizo. Tengo dos consultas;
1- Agregué el botón "Me Gusta" mediante un gadget, si yo no tengo facebook, como hago para que se vean las fotos de los que votaron?
2-Cuando selecciono una etiqueta, esta cambia de color y tamaño. Como hago para que solo cambie de color? Se lo pregunté a ciudadblogger y oloblog, pero me dijeron que no conocían las plantillas nuevas. Gracias...
Los avatares, sólo se verán si estás logueado en Facebook.
No veo dóde estám las etiquetas de tu blog, ¿podrías indicarmelo para verlo online? Seguramente, es una propiedad del CSS pero, sin verlo no sabría responderte.
Las etiquetas son; BLOG INICIO, COMENTARIOS, FIXTURE, LOS PABLITOS, etc. Como te dije, no entiendo casi nada, un día puse un código ( no me acuerdo de donde lo saqué), agregué el gadget "etiquetas" y agregando la palabra correspondiente en etiquetas de cada entrada, empezaron a aparecer. Fué tal mi alegría que lo deje así. Pero el tema es que solo puedo agregar 8 y cuando elijo 1, cambia de tamaño y color.
(Que cambie de color está bueno, pero al cambiar de tamaño queda desalineada la barra).Similar problema con las páginas, tengo 2, y en cada una aparece el Nº0 en el margen superior y no sé como sacarla.
Agrego los elementos que quedan + ó - presentables, pero muchas veces desconozco como configurarlos. Muchas Gracias por tu tiempo, muy amable.
Vemos primero lo del tamaño. Me aprece, que debes tenera una definición así en el CSS:
.tabs-inner .widget li a {
.....
}
cámbiala de este modo:
.tabs-inner .widget li span, .tabs-inner .widget li a {
.....
}
luego, justo debajo de la llave de cierre, agrega esto:
.tabs-inner .widget li span { color: #444 !important; }
El númeri cero que ves a la izquierda es la cantidad de comentarios. Eso, primero que nada, si no quieres mostrarlo, fíjate en la primera pantalla de Diseño y allí, haz click en Editar el elemento Blog y destilda esa opción.
Genio!!! Muchisimas Gracias.. Quedó un espectáculo. Gracias por tu tiempo. Un abrazo.
Me alegro que funcionara y se comprendiera :-D
Hola:
Mira tengo mi sitio de LIKES: http://superfblikes.blogspot.com/ pero cuando le doy like dice: A[usuario] le gusta [titulo del blog][frase] en SuperLikes
Quisiera q me ayudaras a quitar [titulo del blog] en el LIKE, Gracias y felicidades
Desconozco si eso es posible. Todas las opciones disponibles son las que muestra Facebook.
NO termino de entender bien, yo quiero poner el boton de me gusta en mi foro de miarroba, sigo las instrucicones que dais pero no logro que salga, podeis explicarme mejor, gracias
Pués sólo hay que copair y pegar el código que provve Facebook. Desconozco como funciona miarroba.
Hola, quiero que aparezcan las fotitos de los que estan asociados a mi cta de facebook pero solo me aparece el botoncito de me gusta.
ALGUIEN SABE COMO HACER PARA QUE SE VEAN LAS FOTITOS DE MIS AMIGOS DE FACEBOOK?
Las opciones son als que están en el gadget que proporciona Facebook y ahí hay una previsualización de los resultados. No hay trucos extras.
Hola, quiero que la gente que me busque por el facebook vea el boton "me gusta" en mi perfil. Al parecer no les aparece nada, solo la opcion de ser mis amigos para ver mis datos. =S
Si es algo de Facebook deberás consultarlo en Facebook.
Yo tengo un problema...en mi plantilla no aparece por ningún lado "post-footer", lo único esto:
/* --- FOOTER --- */
#footer {
height:60px;
padding:10px 0 0 0px;
color:#666;
font-size:12px;
font-weight:normal;
text-align:center;
letter-spacing:1px;
font-family: Tahoma,georgia,Century gothic, Arial, sans-serif;
float:left;
width:1000px;
background:#F4F4F4 url(http://3.bp.blogspot.com/_xfdD6S9fOk4/Sl6ejM8u4lI/AAAAAAAABfY/6q_skIZP9G0/s1600/foot.jpg) top no-repeat;
}
#footer a:link , #footer a:visited{
color:#0B68B6;
}
#footer a:hover {
color:#333;
}
.fleft{
float:left;
padding: 0 0 0 15px;
}
.fright{
float:right;
padding: 0 15px 0 0;
}
Pero es CSS...
¿No habría una manera de ponerlo manual al escribir cada entrada?
Saludos,
Eso que colocas, es el CSS y lo que debes buscar es el codigo HTML. Debes expandr los artilugios.
En Dash con Ñ la clase post-footer existe; en Todo Móvil parece llamarse singleinfo.
En ambos casos es, la parte del código donde se muestra el autor o las etiquetas de esa entrada.
JMiur, soy una de esas a las que facebook ha decidido que no se lo muestra desde la pantalla de inicio... ni a mi ni a quien lo pincha. Me he leido todos los comentarios. Qué rabia, ya veo que no hay nada que hacer al respecto.
Lo dejo aun así por si un día cambia algo y fb me quita el castigo :P
Una pregunta antes de marcharme, al tener las entradas resumidas lo he puesto antes del footer, sale en las individuales y en la primera de la pag principal, con eso bastaría, pero si se puede me gustaría que apareciese también en las contraídas al expandirlas. Deberíamos duplicar el código, como hicimos para que saliese el numero de comentarios? He probado a hacerlo pero no consigo que me salga, no debo ponerlo en el sitio apropiado, y no se si contabilizaría bien los clicks. Quizá se preste a engaños al sumar?
Por si acaso lo dejo como está ;) hace tanto que hicimos los códigos que me da terror meter la pata jajaja.
Un abrazo y gracias.
Maite:
Pués no veo que haya muchas alternativas para probar ya que desde la plantilla, es poco l oque podemomos modificar.
Lo de los resúmenes es igual que el resto de las cosas; deberías repetir el código, claro, colocándolo ahí en el post-footer. El código es el mismo, el primero que se muestar con data:post.url para que cada botón apunte a su respectivo post.
Mi subconsciente creo que deseaba que me dijeras que sería complicado o que no contabilizaría bien los clicks y que mejor no hacerlo en las contraidas jajaja :D ya te contaré ;) gracias
Jajajajajaja Buebo, me tendrías que haber avisado antes :D
Todo bien!! Cualquiera que pulsa el botón automáticamente se publica en el perfil, pero no se publica en el inicio de sus amigos ni el del que le dio me gusta, me hago entender? Y yo ahí no le veo sentido ya que lo estupendo sería que todos se enteraran. : (
Se que se puede porque lo he visto funcionando bien el algunos blogs como este. Sin embargo he buscado por toda la web pero nada.
Al principio tuve un problema con la sintaxis que era A Daniel le gusta 'Nombre del blog: Título de la entrada' en URL del blog. Les dejo lo que pude averiguar por los que están en las mismas:
Para eliminar el 'Nombre del blog' recurrí al 1er punto de esta entrada de este mismo blog.
Y para cambiar la 'URL del blog' por el nombre del blog, tuve que agregar esta etiqueta meta (No se les olviden agregar esto < >): meta property="og:site_name" content="Tu blog"/
De ahí no se nada más. Porfa, necesito ayuda con mi problema, aluna idea? : )
Estimado J.Miur, como siempre, una entrada magnífica la tuya. Aprovecho para agradecerte de nuevo tu gran dedicación hacia nosotros. Eres fantástico.
Mira, he puesto el código que das en mi blog principal http://mi-estrella-de-mar.blogspot.com/ (sólo modificando la altura, de 60 a 20, porque sino quedaba un espacio grande entre el plugins y la entrada), pero he detectado los siguientes problemas:
1) COMENTARIOS ESCRITOS A FACEBOOK DESDE MIS ENTRADAS:
1.1.- NO SALEN EL TÍTULO Y LAS PRIMERAS PALABRAS DE LA ENTRADA, sino SIEMPRE el título del blog y su descripción.
1.2.- CON LA PÁGINA DE FACEBOOK PASA LO MISMO (http://www.facebook.com/miestrella.sqm : como verás, añado a mano el enlace para poder añadirle yo el título de cada entrada, porque sino todos los enlaces quedarían igual -excepto la imagen, que sí se corresponde con la de la entrada-).
2) “ME GUSTA”, VISUALIZADO EN FACEBOOK:
EN VEZ DE APARECE QUE “ME GUSTA” LA ENTRADA, APARECE SIEMPRE EL NOMBRE DEL BLOG:
“A Mariajo le gusta Mi estrella de Mar en mi-estrella-de-mar.blogspot.com. “
3) “ME GUSTA” VISUALIZADO EN MI BLOG:
3.1.- ME GUSTARÍA QUE SALIERAN LOS NOMBRES DE LAS PERSONAS QUE PUNTÚAN LA ENTRADA, PERO SIN SU IMAGEN ASOCIADA (al igual que he visto en otros blogs/webs). ¿Cómo hacer esto?.
3.2.- No tengo muy claro si me gusta que quede tan DESCENTRADO A LA IZQUIERDA Y PEGADO POR COMPLETO A LAS ETIQUETAS. Lo intenté bajar y centrar, pero no puedo (antecedí al iframe p align='center'/ /p, pero entonces en “Vista Previa” dice que falta cerrar un código con div (no dice cuál y además no creo haber borrado nada, ni haber metido el iframe en medio de algún código, que yo sepa…).
Como verás, yo, o no escribo en meses, o cuando consigo coger fuerzas para hacerlo me disparo y voy a ver si puedo solucionar cuantas más cosas mejor, jeje. Espero al menos haber conseguido explicarme de forma clara.
¡Un gran y afectuoso abrazo!,
PD.- Que se me olvidaba. Antes de enviarte mis preguntas, que conste que me intenté leer todos los comentarios de esta entrada paara ver si ya estaban resueltas, pero al llegar a número 30 y pico de correo no pude más, y finalmente leí alguno más por encima por si acaso... y creo que mis dudas no aparecen... Espero no hacerte trabajar por duplicado :-S
Abrazos!,
Voy enumerando cosas para que pruebes.
En la etiqueta HTML del inicio, ahora dice:
<html ...............>
la dejas como esta pero, antes de >, dejas un espacio y le agregas esto:
xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://opengraph.org/schema/'
Hay una etique META que dice:
<META CONTENT='Mi estrella de Mar' NAME='Title'></META>
cámbia, condicionala como lo has hecho con laetiqueta TITLE y que el CONTENT sea una variable, el nombre de la entrada; es exactamente lo mismo de TITLE.
Lo del botón ME GUSTA puede ser que sea por lo mismo, porque no detecta el título de la entrada y usa siempre el título del blog.
Creo que para los nombres, basta poner show-faces=false pero, siempre aparecerán algunos, nunca todos .. eso creo al menos. No sé si me puedes mostrar un ejemplo de lo que hayas visto y verifico.
Para moverlo o aliniearlo, en el mism IFRAME puedes agregar el atributo STYLE si es que no lo tiene o usar el que tenga. Allí puedes probar con margin. No podrás centrarlo porque ocupa todo el ancho del post aunque no se note pero, podrás moverlo con margin hacia cualquier dirección. Un ejemplo:
margin:20px 0 20px 50px;
J.Miur… perdona, pero me temo que no entiendo nada de lo que me comentas. No te sigo (no veo ni a qué partes tengo que ir, ni los pasos concretos a hacer).
-¿La etiqueta HTML de “inicio”? (¿qué inicio? ¿qué etiqueta? Y, ¿agregar una orden con un emoticón en medio?)
-La etiqueta de CONTENT, me comentas que la cambie, pero, ¿cómo, exactamente?
-Respecto al icono de “Me gusta” de Facebook, siento también no entender (¿probar con margin?. No veo en el iframe nada que ponga “margin”). En todo caso, en este punto en concreto, estoy pensando que aparte del plugging de “Me gusta”, para cada entrada, también poner el que es para todo el blog que ofrece Facebook, en la sidebar izquierda. Pero el color de las letras no salen todas en blanco. Mira, para que veas lo que te comento, lo he puesto en mi blog de pruebas, arriba del todo de la sidebar izquierda y te acabo de enviar permiso para que entres en él.
Siento el trabajo extra, pero me lo podrías explicar más “paso por paso”, dónde tengo que ir y qué poner exactamente, en cada paso…
Un abrazo (y gracias mil por tu paciencia!)
Veamos.
Lo del aletiqueta HTML. Fíjate en esta entrada. Allí se habla de problemas con IE pero no importa, el código es el mismo para cualquier navageador así que puedes copiarlo y pegarlo. La etiqueta HTML es la que se muestra en la segunda línea de la plantilla:
<html ............................... >
La etiqueta META. Puedes poner algo así:
<b:if cond='data:blog.pageType == "index"'>
<meta expr:content='data:blog.pageName' name='title' />
<b:else/>
<meta content='Mi estrella de Mar' name='title' />
</b:if>
Si la etiqueta IFRAE no tiene estilo, se le agrega:
<iframe style='margin:20px 0 20px 50px;' ........................>
Creo que el otro que has colocado en el blog de pruebas es el Like-Box y me aprece que no tiene opciones de configuración, más allá de las que ofrece el mismo Facebook.
Mmm ¿qué pasa si los enlaces del iframe son del mismo fondo de la página y por tanto no se ven?
¿Cómo lo arreglo? :) Gracias
Hola JMiur, gracias por tus explicaciones. Mira, he hecho lo que me indicas con el HTML y el META (creo que correctamente), pero no sale ni una cosa bien (madre, con el curro que me he pegao para enterarme y hacerlo sin cargarme la plantilla, snif). Te cuento :
1) EL “ME GUSTA” PARA CADA ENTRADA: al pinchar, sigue saliendo en mi Facebook: “A Mariajo le gusta Mi estrella de Mar en mi-estrella-de-mar.blogspot.com.” en vez del título de la entrada, o sea: “A Mariajo le gusta "ROPA Y TEXTIL DE ALGODÓN ECOLÓGICO, FITOCOSMÉTICA, PELUCHES…: TODO CON UN 50% DE DESCUENTO (Fox-Fib”.
2) PUBLICACIÓN DE MIS ENLACES EN FACEBOOK:
Sigue apareciendo SÓLO el título del blog y su descripción genérica (que encima no es el del META que tengo puesto, sino otro), no el título de la entrada y las primeras líneas de su texto, que es lo que quiero (imagino además, que saldrá igual en las alertras de Google…).
3) CENTRADO DEL “ME GUSTA” EN CADA ENTRADA: ahí ya me he despistado de nuevo. ¿En dónde tengo que poner exactamente lo del margin que comentas, dentro del iframe? (lo debo estar poniendo mal porque al dar a Vista Previa dice que ya hay un margin. Por otra parte, cuando le doy a guardar –obviamente, sin haber añadido el margin, dado que no me deja- tras guardar la orden, Blogger “recoloca” el texto del iframe de otra manera lo del allowTransparency lo pone al principio del iframe).
4) EL “ME GUSTA” PARA TODO EL BLOG: en el blog de pruebas que te comentaba de mirar, es arriba del todo de la sidebar izquierda (encima de los Like-Box de pruebas que tengo. Es que el “Me gusta”, no lo verás bien, precisamente por el problema que te indicaba: las letras se ven oscuras, con lo que con el fondo verde oscuro de la sidebar, no resaltan nada, por lo que el “Me gusta” para el blog, pasaría desapercibido, como acabas de comprobar tú mismo, jeje ;-)
Perdona de nuevo el trabajo...
Respecto de títulos y esas cosas, ya se me acabaron las ideas. No veo que haya nada erróneo ni veo que haya otras opciones disponibles. Tratar´ñe de leer más al respecto pero no sé si encontraré respuestas.
En el caso del IFRAME, seguramente, el IFRAME ese ya tiene un atributo style; fíjate si lo tiene y si allí no tiene un margen; cualquier cosa, me envias esea partecita por mail y me fijo porque escribirlo acá es casi imposible.
Con los otros IFRAMEs no hay alternativas. Hay dos modelos y no pueden ser configurados más allá de elir uno u otro. Por lo general, se usa el de fondo blanco que es el que mejor se ve.
Hola Jmiur:
Los enlaces en mi iframe parece que heredan propiedades de la página, por lo que se vuelven blancos como el fondo y no se ven :(
Pero no soy capaz de hacerlos visibles :(
Debería ver tu sitio para contestarte aunque no estoy seguro si es posible resolver eso.
excelente
Hola de nuevo ;) Hoy mi subconsciente no me dice nada especial jajaja excepto pedirte ayuda como siempre.
Desde que puse el botón no le he hecho mucho caso al blog ni a códigos y ayer lo abrí en explorer y me di cuenta que la cajetilla con el número de personas a las que les gusta el artículo aparece cortada, en firefox se ve perfecto. Siempre me desconcierta cuando algo se ve mal en uno de los dos, porque se escapa a mi lógica. Se te ocurre como solucionarlo, por favor? Gracias.
Supongo que eso ocurre cuando l omiras con IE7 o con IE8 pero en modo compatibilidad porque en modo "normal", en IE8 se ve perfectamente.
Lo que no sabría decirte es por qué ocurre eso ya que el ancho está bien, es más que suficiente para que entre todo y no veo que haya ninguna otra posibilidad de modificar algo interno porque es un iframe :-(
Para mi, es un misterio que pase eso.
JMiur! :( pero si yo lo estoy viendo con IE8 en normal!! y lo veo mal. Otras paginas en las que he estado hoy mismo he visto el mismo botón y les sale el cuadradito perfecto! fijate que siempre he dicho que IE me mira mal y "algo" tengo en mi plantilla que no le gusta y siempre me pone pegas rarísimas... hasta he abierto blogger con IE para editar, he movido el código de sitio por si el footer le daba problemas y me lo he llevado bajo el título, y aun así me falla y corta el número. Eso si, en "vista previa" me engaña y me lo muestra bien... grrrrr.
Si tu no le encuentras explicación imagínate yo... qué pena.
Gracias :)
UY! Te daría una pista si te digo que solo se corta si hay un solo dígito? en cuanto pasa del 10 no sale el cuadro completo pero al menos se visualizan los numeros. :P por si sirve de algo el dato...
Pués no sé cuál puede ser el problema de ese cuadradito y no veo que haya nada que esté mal o que pueda ser modificado.
Sí, puedo decirte que en IE8 lo veo bien (esta es una captura)
Entonces, una posible solución es tratar de ver si el navegador está bien configurado porque, evidentemente, nuestra el blog en modo IE7 (cosas raras que apsan con IE).
Fíjate en el menú Herramientas; allí dice Vista de compatibilidad; si está tildado, haz click para destildarlo.
Debajo, dice: Configurar Vista de compatibilidad; al hacer click en al ventama, anbjao, hay tres cuadros que debern estar todos desmarcados: Incluir listas ... Mostrar sitios ... Mostrar todos los sitios ...
Haciendo eso (espero que nad más que eso) IE8 funcionará como IE8 y deberías ver lo mismo que veo yo al abrir tu blog.
Efectivamente es algo de mi configuración, he hecho lo que me has indicado pero aun así no lo veo bien, se me ha ocurrido ir al pc de sobremesa y lo veo perfecto como tu! No voy a darle más vueltas y lo dejo como está :D
para otra ocasión antes de preguntar cualquier cosa de visualización lo miraré en los dos pc ;)
Cualquier día me meto con el tubePlayer, es toda una tentación jejeje. Gracias.
Bueno, por suerte has confirmado que TAN loco no estoy o que veo visiones :-D
Es molesto lo que hace IE y tiene que ver con el tema de la compatibildiad pero, no recuerdo si jhay algún otro detalle extra que deba ser modificado :-$
El tubeplayer es muy bueno, me gusta mucho así que, adelante con él :-D
Hola!! Gracias por tu blog lo primero! y lo segundo decirte que yo no lo consigo :( y mira que lo he pegado veces después de verlo en vista previa se ve perfecto, luego le doy a ver blog normal y nada, que no se ve! Vuelvo a plantilla y al expandir artilugios me sale esto:
<iframe allowTransparency='true'
Qué caraje!!
Antes tenía puestos los botoncitos que viene , facebook, twitter, mail y todo junto en pequeño pero juraría que los elimine bien,,, en fin!
Un saludo
¿Lo tienes puesto en tu blog? Por lo menos, en EXCESO DE EQUIPAJE no los veo aunque si veo que en los posts individuales, los botones de Blogger para compartir, se ven dos veces.
En tu otro blog, lady addict, si lo veo perfectamente colcoado y funcionando.
hola buenas como puedo cambiar para que el fondo de recaudro en mi pagina principal donde pone mi facbook y el boton me gusta poner el fondo de todo en blanco del recuadro http://ociomarcos.blogspot.com/ os pongo el link para que veias que sal en negro
Yo veo que el fondo es blanco, Marcos.
Me encanto tu post! pero tengo una PREGUNTA ¿Que tengo que agregarle aa esos codigos para que el ''me gusta'' quede hacia la derecha?
Atte, America.
Tendría que ver dónde lo has puesto, América ¿Tienes un ejemplo?
Gracias de todas maneras JMiur, logtre solucionarlo leyendo unos textos, disculpa el tiempo que te hice perder leyendo el post, pero muchisimas gracias, por contestar tan rapido, ya he leido 3 entradas tuyas buenisimas!
Perfecto, me alegra que lo solucionaras :D
heyy yo puse el boton me gusta y cuando le doy me gusta por ejemplo a un tema se marca todo me gusta
No veo el botón colocado en tu blog.
olaa me encanta tu blog sobre todo pude poner el boton d me gusta n mi blog, pero ahora quiero saber como puedo poner como aqui en este blog ese selecciinador de banner woaaa q me encanto pero no he encontrado ese codigo si no es mucha molestia me gustaria saber cual es su codigo :)
muy bueno tu consejo pero cuando lo pruebo me dice a 136mil personas le gusta pero no cambia con cada voto ni se refleja en el facebook como lo soluciono?
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...