Añadir el botón +1 (PlusOne) de Google en Blogger

1 de junio de 2011 278 comentarios ,


Desde hace un par de meses Google había anunciado un botón llamado Plus One (+1) el cual funcionaría como el botón 'Me gusta' de Facebook, o sea que, al ver los resultados en una búsqueda podríamos ver cuántas personas han recomendado algún enlace de los resultados y nosotros mismos también valorar los enlaces que más nos gusten.

El botón ya ha sido lanzado, y como lo han anunciado en Blogger Buzz ya está disponible también en Blogger.


El botón estándar viene incluido dentro de los botones de compartir de Blogger, si aún no los tienes sólo ingresa en Diseño | Elementos de la página, da click en Editar sobre el elemento Entradas del blog y ahí marca la casilla de los botones.


Si ya tuvieras los botones pero no ves el botón Plus One, entonces agrega después de <head> esta línea:
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>

Si por el contrario no quieres tener ese botón, pero quieres conservar los demás botones de compartir de Blogger entonces agrega antes de ]]></b:skin> esto:
.dummy-container {display:none;}

También podemos usar el botón Plus One en otra parte, por ejemplo arriba de las entradas, y podemos usar un botón más grande.


Para poner el botón de esta forma entra en Diseño | Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta línea:
<div class='post-header'>
Justo debajo de ella pega lo siguiente:
<div style='float: right; padding:10px;'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone expr:href='data:post.url' size='tall'/>
</div>

Si quisieras que el botón sólo se vea en las entradas individuales entonces usa este código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float: right; padding:10px;'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone expr:href='data:post.url' size='tall'/>
</div>
</b:if>

Hay 4 tamaños diferentes de los botones, el estándar es el que se usa en los botones de compartir, pero si pones este último botón puedes cambiar el tamaño tall que es el más grande, por small (pequeño) o medium (mediano).

SmallMediumStandardTall


Si has elegido poner el botón arriba de las entradas y usas una plantilla del Diseñador entonces quizá no te permita hacer click en el botón, para solucionarlo busca esta parte y elimina lo que está en negrita:
.post-body {
font-size: 110%;
line-height: 1.4;
position: relative;
}
Si tienes dudas sobre el botón Plus One visita la página de preguntas frecuentes que Google ha puesto a disposición de todos:
http://www.google.com/support/webmasters/bin/answer.py?answer=1140194


278 comentarios en:

" Añadir el botón +1 (PlusOne) de Google en Blogger "

  1. Excelente como siempre! Gracias!!! =)

    ResponderEliminar
  2. Coool! Potro gracias por el Tutorial! aunque ya lo habia implementado en mi blog!.

    Por cierto que se ve muy cool!

    ResponderEliminar
  3. A probar pues el nuevo juguetito de Google :D

    ResponderEliminar
  4. Muchas Mil Gracias Potro,es algo que siempre me ha gustado pero nunca se me veía.

    ResponderEliminar
  5. Como siempre Potro, tus explicaciones no tienen parangón, ya está implementado en dos de los blogs que colaboro. Un abrazo.

    ResponderEliminar
  6. potro, donde dice:
    Si quisieras que el botón sólo se vea en las entradas individuales entonces usa este código:

    eso donde lo puedo poner

    ResponderEliminar
  7. Gracias Potro, tu como siempre facilitandonos las cosas, ya puedo ver ese botón en mi blog, un gran abrazo :D

    ResponderEliminar
  8. Que chulo.
    Pero una cosa, si yo coloco la 2ª opcion de poner el plus one en otro lado (en la esquina de la entrada), ¿se irian los demas botones?
    yo lo que quiero es colocar el plus one en donde pones en la imagen (en la esquina) pero que los demas no aparezcan. ¿como lo hago?
    muchas gracias :)

    ResponderEliminar
  9. Hola, Potro. Me gustaría muchísimo implementar el slide de nuevas entradas de El Fin del Mundo Hoy en mi blog, ya que llevo mucho tiempo buscándolo, podrías conseguirlo?

    ResponderEliminar
  10. pos_ch, debajo de <div class='post-header'>
    O sea que en lugar de pegar el primer código que menciono pegarías el otro para que sólo se vea en las entradas individuales.

    ResponderEliminar
  11. We Game / Emilio, si quieres que no se vean ninguno de los botones de compartir de Blogger entonces desmarca la casilla que hace que se muestren como se explica al inicio, pero si quieres que sólo desaparezca el botón +1 de esos botones entonces agrega lo que se indica en la entrada.

    Javi, tendrías que preguntarle al autor de ese blog, alguna vez me dijo a grandes rasgos cómo lo hizo pero nunca tuve tiempo de ponerlo en práctica.

    ResponderEliminar
  12. There seems little clashed with another google script if we install the script +1 button on template!
    For example, frinedconnect not running as usual?
    maybe just for me? hihihi :D
    how about there?

    ResponderEliminar
  13. El Potro una pregunta como hace para que cuando uno hace click en algun titulo del menu aparesca solamente los titulos de las entradas relacionadas al titulo..
    Lo intente con el enlace de las etiquetas pero me sale las entradas como lo posteo, es decir con el "leer mas"..
    Como lo hago..
    Gracias como siempre!!
    bendiciones!!

    ResponderEliminar
  14. Intente de la manera fácil y no se pudo, me tocó a las malas poniendo en codigo despues de head jejejejje :D

    Gracias potro por las dos explicaciones, tienes todo en mente, bendicion para tu inteligencia con los codigos. ;)

    Saludos!...

    ResponderEliminar
  15. Hi Beben Koben,

    There is a particular problem with the Followers widget (powered by Google Friend Connect) since two weeks ago. I do not know if there is a conflict with +1 button, but at least I'm using the script on template and the Followers widget seems to work fine :/

    ResponderEliminar
  16. Adm PTC Noticias, mira esta entrada si quieres que sólo aparezcan los títulos de las entradas.

    Circulo W.H., bendiciones para ti también :)

    ResponderEliminar
  17. Gracias, ya lo coloque en mi blog y gracias por toda la ayuda que ofrees xD

    ResponderEliminar
  18. Potro, una pregunta: Para dar clic en el botón +1... ¿las personas tiene que tener una cuenta en gmail y además estar loguedas al momento de hacerlo?
    Saludos

    ResponderEliminar
  19. gracias potro como siempre brillante

    ResponderEliminar
  20. I save the script google friendconnect in my template!
    and it turns out that there are rules if we want to call the script :P
    work to well now...hihihi

    ResponderEliminar
  21. still not worked if we add that script lol
    if gadget methode, good work...
    fiuh...homework!!!
    cheers

    ResponderEliminar
  22. Hola Robinson Char,

    Las personas deben tener una cuenta de Google, ya sea un servicio de Gmail, Blogger, YouTube, etc.
    Y sí, deben estar logueados. De cualquier forma al hacer click se abre una ventana donde te pide loguearte, una vez hecho esto si tu perfil no es público te dirá que para poder participar en este sistema de valoraciones es necesario hacer público tu perfil, si aceptas sólo continuas y será todo.

    Saludos.

    ResponderEliminar
  23. Gracias potro genial,me gusta como se ve y lo implemente en la parte superior del blog y se muy buen,Saludos ;)

    ResponderEliminar
  24. GOGASOFT, lerh, gracias a ustedes por su visita!

    Beben Koben, Google developers have a lot of work to do with this button, sure they will have to improve and make it compatible with their other services.

    ResponderEliminar
  25. MaG@S RaDioMuSiC, cuando aparecen menos entradas de las configuradas es por la autopaginación, quizá tu blog ya se volvió muy cargado y por eso te ha reducido el número de entradas. En esas ocasiones la mejor opción es empezar a quitar gadgets que no son muy útiles para aligerar la carga del blog.

    Juvinao, saludos!

    ResponderEliminar
  26. Que buenas aplicacion aunque no uso profile de google XD saludos! y cuidate man :F

    ResponderEliminar
  27. Potro disculpa que me desvie del tema, pero tu crees que nos puedas explicar como se hace este "Entradas relacionadas con slider" lo encontre en VAGABUNDIA y la verdad se me hace muy complicado y como tú eres un maestro explicando :D pues espero que hagas un tema similar http://vagabundia.blogspot.com/2011/05/entradas-relacionadas-con-slider.html espero que aceptes mi petición, Gracias de antemano (:

    ResponderEliminar
  28. SmiThzhiTo, por ahora no creo ya que tengo varias entradas pendientes y no veo para cuando terminarlas, pero si te urge mucho puedes preguntar tus dudas en Vagabundia, estoy seguro que te orientarán en las partes donde te hayas atorado ;)

    ResponderEliminar
  29. De momento, por probar lo he puesto en el post-footer junto a los otros iconos que tengo.

    ResponderEliminar
  30. Saludos Potro!!!

    Ya puse el botón (1+) en los botones. También lo puse en las entradas individuales, pero...

    El botón me sale encima de las imágenes. Osea, la mayor parte del tiempo, mis entradas tienen una imagen como comienzo. Me gustaría que el botón quedará más abajo, en la parte donde doy la información. Crees que se pueda?

    Si entras al blog... verás a lo que me refiero.

    Un millón de gracias por tu ayuda!!! Te mereces lo mejor de este mundo!!!

    PD. Directito pa'l "Tabview"!!! Gracias!!!

    ResponderEliminar
  31. Entré a tu blog y vi que tienes el del post-footer pero no veo que tengas puesto el otro en las entradas individuales, no sé si lo habrás quitado :/

    ResponderEliminar
  32. @Potro:

    Si... lo quite... porque quedaba pegado encima de la imagen... y al querer darle click... no lo daba. Busqué el código para arreglar (borrar) lo que indicas pero tampoco lo encuentro. jejejeje!!!

    Como quiera me interesa... Pero lo que quiero es que caiga en la información... no entre el título y la imagen.

    Gracias por tu ayuda!!!

    ResponderEliminar
  33. Pues sin verlo puesto no puedo saber cómo ayudarte :/

    ResponderEliminar
  34. OHH esta genial jeje...
    Esto seria algo igual a poner las reacciones verdad?? Bueno igual me gusto, pero tengo una duda es por mi pagina que esta llena de... bueno mejor no decir por aqui jajaja Pero me tarda en cargar un poco mas de lo comun. Sera eso que tengo muchas cosas, recien se implemento o...
    Por ahora las mantengo las dos y espero. GRACIAS DE NUEVO por tus consejos XD

    ResponderEliminar
  35. Hola MaG@S RaDioMuSiC,

    ¿Te refieres al respaldo de la plantilla o del blog? Porque 9MB es demasiado para una plantilla, regularmente pesan ni 50Kb así que 9MB es muchísimo para una plantilla.

    De cualquier forma prueba eliminando el script de este botón pues a mí igual me ha alentado demasiado la carga del blog, apenas lo quité y la página me cargó tan rápido como siempre. El script que te digo es este:

    <script src='http://apis.google.com/js/plusone.js' type='text/javascript'></script>

    ResponderEliminar
  36. Hola javi_anubis,

    Fijate que a mí desde hoy me ha tardado demasiado en cargar mi blog, hasta apenas hace rato eliminé el script de este botón (lo había puesto porque sino no se veía el botón) y mejoró mucho la carga del blog, pero ahora empiezo a ver que se empieza a alentar de nuevo así que ya no sé si sea sólo yo a otros les esté pasando lo mismo, digo, sólo por si acaso fuera un problema de Blogger.

    Espero que si tu blog se ha puesto igual de lento entonces sea por causa de Blogger.

    Saludos.

    ResponderEliminar
  37. Ese no es el respaldo de la plantilla sino del blog (entradas y comentarios), basicamente el peso de la plantilla se ve reflejado mas en cuanto a cuántos gadgets tienes, cuántos scripts, cuáles de todos estos son lentos para cargar, el número de imágenes que tengas, el tamaño de éstas, etc.

    El script que te decía sí, se elimina desde Edición de HTML.

    ResponderEliminar
  38. Hace poco JMiur publicó en su blog un tema que habla sobre ello, en resumen debes usar este código para tu botón:

    <a class='twitter-share-button' data-count='horizontal' data-lang='es' data-via='nombre de usuario' data-related='nombre de tu blog' expr:data-url='&quot;&quot; + data:post.url + &quot;&quot;' expr:data-text='&quot;&quot; + data:post.title + &quot;&quot;' href='http://twitter.com/share' target='_blank'>Tweet</a>
    <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

    Yo no lo he probado, pero viniendo de Vagabundia debe funcionar :)

    ResponderEliminar
  39. Te dejo la entrada donde habla sobre ello:
    vagabundia.blogspot.com/2011/05/los-parametros-del-boton-de-twitter.html

    ResponderEliminar
  40. que hacer en caso que no me salga en mi edicion de html <div class='post-header' ?

    www.maderfakiu.com blog

    ResponderEliminar
  41. Hola Potro!! Gracias, ya lo coloque en mi blog :)

    Tengo una pregunta que no tiene nada que ver con esta entrada:
    ¿Cualquier persona puede utilizar la url de tu blog, solo añadiendo otro dominio?
    ¿Cual es la diferencia entre utiizar un dominio .com o uno .mx?
    Gracias por tu atención.

    ResponderEliminar
  42. Dj Fox Chile, busca una línea similar a ella.


    Siria Grandet., no me queda claro lo de que cualquiera puede utilizar la URL del blog, ¿me puedes dar un ejemplo?
    La única diferencia en las extensiones es cómo suenan o cómo se escriben, fuera de eso no hay ninguna diferencia.

    ResponderEliminar
  43. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  44. No me explique bien... si por ejemplo tu url es: www.ciudadblogger.blogspot.com, otra persona puede utilizar el mismo nombre en la url de su blog solo con otro dominio (.es .mx .net)?

    ResponderEliminar
  45. No, al menos no en Blogger, pues aun cuando tengas un dominio propio tu blog sigue estando en Blogger y por lo tanto esa URL sigue siendo tuya. De hecho, si configuras bien tu dominio propio verás que podrás entrar desde la dirección de blogspot como la del dominio propio pues ambas te pertenecen, puedes ver un ejemplo entrando a esta dirección:

    http://ciudadblogger.blogspot.com

    Verás que te envía a ciudadblogger.com pues ambas URLs me pertenecen, lo mismo pasaría con tu blog.
    Si necesitas más info antes de comprar tu dominio mira esta entrada.

    ResponderEliminar
  46. Gracias por tu ayuda Potro!... es que me he dado cuenta que hace poco abrieron un blog con la misma url que el mio, solo cambiando el .com por .es, además de que otras personas han registrado blogs agragando su nombre a la url del mio (ejemplo: jose-ciudadblogger.blogspot.com
    Entonces, debo comprar mi dominio para evitar esto? o que puedo hacer?(no pude abrir la entrada que me recomiendas).
    Saludos!

    ResponderEliminar
  47. Lo que sucede es que son dominios diferentes, por ejemplo, tú puedes comprar www.siria-grandet.com y ese dominio será sólo tuyo y nada más (mientras pagues por él), esa dirección tal como está nadie más la puede tener, sin embargo sí puede comprar alguien más www.siria-grandet.net pues al ser una extensión diferente prácticamente es una URL distinta a la tuya.
    En Blogger es lo mismo, tú puedes tener (por ejemplo) www.siria-grandet.blogspot.com y ese es sólo tuyo, pero alguien más puede abrir www.siria-grandet2.blogspot.com y es perfectamente permitido pues aunque cambie sólo una letra ya se trata de una URL diferente.

    Perdón por el enlace, me faltó una letra y por eso no abre, esta es la entrada en cuestión:
    http://ciudadblogger.com/2009/10/todo-lo-que-hay-que-saber-antes-de.html

    ResponderEliminar
  48. Agrega antes de ]]></b:skin> esto:

    .share-button {display: inline-block;}

    ResponderEliminar
  49. Hola! Quise quitar el botón tal y como lo indicaste, pero sigue apareciendo. Expandí plantilla de artilugios. ¿Podría hacerse algo más?

    Gracias!

    ResponderEliminar
  50. Ah, ya está solucionado, puse el código después de
    /* Footer
    ----------------------------------------------- */

    ResponderEliminar
  51. El problema era que cuando la pusiste la primera vez eliminaste sin querer la llave de cierre del código que estaba arriba y por eso no funcionaba ;)

    ResponderEliminar
  52. Gracias por tus posts potro, habia quitado addthis y coloqué el sistema de compartir de blogger y no salia el +1 pero con tu trabajo desinteresado todo solucionado.

    ResponderEliminar
  53. Yo lo probé en el post-heater y al ubicarse en la esquina derecha me desconfiguraba todo lo escrito (deja mucho espacio en Blanco al rededor), así q lo quité y lo coloqué después de div class='post-footer' (como hizo otro usuario) y quedó machete.
    Ahora bien, tengo marcado para que salgan todos los botones en la plantilla del post, pero ninguno aparece. Espero que ahora no incomoden.
    Saludos Potro

    ResponderEliminar
  54. Quizá necesites agregar manualmente el código de los botones de compartir, a veces aun cuando esté marcado no aparecen así que es necesario añadir los códigos directamente.

    Saludos.

    ResponderEliminar
  55. Ola potro añadi el boton , pero como podria hacer para que salga mejor centrado ??
    http://saintkeane.blogspot.com/2011/06/video-de-la-semana-megaman-vs-megatron.html

    Como ves me sale un poco hacia abajo . Tengo botones compartir pero no el de google por lo que lo puse debajo del post-header
    Atte. LJK / Graciasde Antemano

    ResponderEliminar
  56. Hola LJK,

    En el código, después de padding:10px; agrega esto:
    margin-top:-15px;

    Saludos.

    ResponderEliminar
  57. NUevamente Mucha gracias :)

    ResponderEliminar
  58. Hola,

    Hice todo, y finalmente no logro hacer que el dichoso boton +1 aparezca en mi blog:

    mundorespuestas.co.cc

    Ya tengo habilitada la barra social, el script, pero nada.

    Ayuda por favor.

    Saludos.

    ResponderEliminar
  59. Hola BlogMaster.,

    Prueba ponerlo justo en el lugar donde se indica y con el código tal cual.
    Saludos.

    ResponderEliminar
  60. Potro , aparte de esta Opcion tambien una de recomendar de facebook y un boton de twuitter. tienes algun Post sobre la instalacion de esos dos botones??
    Grax de Antemano

    ResponderEliminar
  61. Hola Potro,

    Gracias por tu pronta respuesta.

    Te comento que acabo de colcoar el código tal cual se indica, pero nada...

    Tal vez tenga que ver con que también tengo el problema que no puedo cambiar la posición de los elementos de entrada (autor, fecha, comentarios, etc) en la edición de diseño de blogger, y tampoco pude solucionar eso.

    De antemano gracias por la ayuda.

    Saludos cordiales!

    ResponderEliminar
  62. LJK, ¿de Facebook y Twitter? Sí, aquí está esa información:
    http://ciudadblogger.com/2009/11/boton-para-compartir-por-twitter-y.html

    BlogMaster., el botón al lado de los botones de compartir ya aparece debajo de las entradas. El otro, el que opcionalmente va arriba de las entradas sigo sin ver el código debajo de <div class='post-header'>
    Saludos.

    ResponderEliminar
  63. potro , mucho tiempo sin preguntar ajajaj , me a ido exelente con mi pagina gracias a tus tutoriales ^^ , bueno ahora te queria preguntar como poner el boton pero en la parte de abajo de las entras , osea alado dnde estan mis botones de compartir , te lo agradeceria ya que a veces se monta en algunas imagenes SALUDOS y muchas gracias www.thestrokeschile.com

    ResponderEliminar
  64. potro ya lo he solucionado gracias de todos modos ! saludos

    ResponderEliminar
  65. Me alegro que ya lo hayas resuelto :)
    ¡Saludos!

    ResponderEliminar
  66. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  67. Hola, gracias a tu artículo pude colocar el +1 pero aunque en mi editor de entrda figura la barra de reacciones e incluso pude modificar las palabras por las que creía más conveniente, sigue sin aparecerme en las entradas. Y también obviamente marque estas preferencias. Qué más puedo hacer? Gracias de nuevo Patricia
    mi blog: www.leccionesdevino.blogspot.com

    ResponderEliminar
  68. Hola Patricia,

    Mira esta entrada, en caso de que no tengas ese código que se menciona agrégalo a tu plantilla para que aparezcan los botones de compartir. Saludos.

    ResponderEliminar
  69. Excelente contenido men, en realidad me ayudo mucho esta entrada.

    ResponderEliminar
  70. Qué gusto que así haya sido KGB :)

    ResponderEliminar
  71. Potro, una consulta, yo uso varios estilos diferentes, uno para los post de noticias, otro para los normales, y otro para las paginas estaticas.

    El +1 aparece en todos de la misma forma;
    ¿Hay alguna forma de añadirlo en la hoja de estilos, para asi poder condicionar sus valores, margin, padding, display, ect. según me convenga?

    ResponderEliminar
  72. Por ahora no, pues si te fijas no se usa nada de CSS, todo es un script manejado directo por Google. Pero seguro con el paso de las semanas irán apareciendo métodos para personalizarlo. Por mi parte buscaré la forma de hacerlo, espero tener éxito :D

    ResponderEliminar
  73. Quizás si lo metemos dentro de un div, y le asignamos, un nombre o una clase.... Podamos posicionarlo de diferentes formas según estilos.

    En fin, será mejor que espere, a que los que entendéis más que yo lo destripéis. Ahora mismo el gadget está aun muy verde para insertarlo en plantillas muy modificadas.

    Gracias potro.

    ResponderEliminar
  74. Esta muy bueno, si quedo! ;)

    ResponderEliminar
  75. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  76. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  77. olle potro quisieras saber si supieras como hacer que me quedara pegado al de tweet este es mi blog http://i-teen-news.blogspot.com/

    ResponderEliminar
  78. Prueba ponerlos dentro de una tabla HTML:
    http://ciudadblogger.com/2009/05/insertar-tablas-en-blogger.html

    ResponderEliminar
  79. Tengo entendido que los +1 aparecen en los perfiles de Google, cada uno de ellos estará acompañado de una imagen y una pequeña descripción del post. Eso se ha convertido en un problema para mi, pues resulta que dicha imagen es la misma para cada post y lo peor de todo es que es la cabecera del blog o.O

    Te dejo una captura de la situación.

    El error ocurre cuando la cabecera del blog lleva una imagen en vez del título y la descripción, si se presiona por primera vez el boton +1 de google, se registrará la imagen de la cabecera en vez de la del post. Lo más curioso es que dicha imagen al parecer es definitiva, puedo eliminarla e inclusive desaparecer la cabecera del blog, pero el botón seguirá registrando esa imagen aunque ya no exista.

    ¿No sé que está pasando, alguna idea?

    Para que Google+ tome cada post en la página principal se haría algo como esto:

    <g:plusone expr:href="data:post.url" size="small"></g:plusone>

    No hay algo así para las imágenes, un expr:... yo qué sé xD

    Dime que tienes alguna idea!! De todas formas gracias por la atención, saludos! : )

    ResponderEliminar
  80. Hola Daniel,

    Cuando compartes un contenido desde Google+ verás (en algunas entradas) que el thumbnail da varias opciones de imagen para mostrar. En el caso de esa entrada a mí me ha dado la opción de la cabecera y el logo de Blogger (con el que ilustraste la entrada).
    Si aun cuando has eliminado la imagen de la cabecera ésta sigue apareciendo entonces es muy probable que el caché de su sistema almacene la copia de la imagen por algún tiempo.
    Por ahora, como es muy nuevo, no sé de qué opciones de pueda habilitar el botón como en el caso de Facebook que tiene metatags específicas para mostrar una imagen predeterminada. Quizá más adelante empiecen a salir las opciones que implementará el mismo Google así como los desarrolladores.

    Saludos.

    ResponderEliminar
  81. Ya entiendo la situación, tocará esperar. Gracias por la aclaración, saludos! : )

    ResponderEliminar
  82. Estimado amigo, quisiera poner el boton +1 al comienzo del post, es decir, delanta del título de la entrada. A ver si me ayudas, gracias.

    Constestame a este e-mail. carlos5vp@hotmail.com

    1 abrazo

    ResponderEliminar
  83. Hola Carlos,

    Todas las preguntas se responden por este medio.
    Para poner debajo de los títulos sigue el mismo procedimiento sólo que en lugar de poner el código debajo de la línea donde se indica ponlo arriba de ella.

    Saludos.

    ResponderEliminar
  84. No se como es la onda potro pero en la plantilla que comencé a usar no puedo agregar ningún botón al post. Pero ninguno-ninguno

    ResponderEliminar
  85. mexico, prueba poner el código de los botones de compartir antes de </b:includable> que está poco después de <div class='post-footer'>

    anibal gutierrez, ¿en cuál blog has puesto el código?

    ResponderEliminar
  86. Pues entonces debe ser algo más, desde aquí no logro indentificarlo, si quieres mándame tu plantilla en formato XML a través del formulario de contacto y cuando tenga un poco de tiempo lo reviso.

    ResponderEliminar
  87. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  88. Me gustaría poner este botón justa delante del título de la entrada de post. ¿cómo lo hago?

    gracias

    ResponderEliminar
  89. Hola Carlos,

    Para poner el botón al lado del título agrega antes de:
    <div class='post-header'>

    Esto:
    <style>
    .post h3 {float: left; height: 40px; line-height: 40px; padding: 0 10px;}
    .post-body {clear: both; padding: 30px 0 0;}
    </style>
    <div style='float: left; margin: 0 10px;padding: 0 10px;height: 40px;
    line-height: 40px;'>
    <script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
    <g:plusone expr:href='data:post.url' size='tall'/>
    </div>

    Saludos.

    ResponderEliminar
  90. Etimado Amigo Potro,

    gracias por la respuesta, pero cuando inserto el códido y pincho sobre vista previa me sale el siguiente mensaje:

    Error al interpretar la plantilla del blog

    Invalid data reference .languageDirection: No dictionary named: '' in: ['blog']

    ¿Qué puede ocurrir?

    ResponderEliminar
  91. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  92. .... sin pincho en restablecer plantilla de artilugios a los valores predeterminados, ¿puede eliminar el útlimo artilugio insertado, es decir el que me está dando error en el blog, o por el contrario se me borrar automáticameten todos los cambios, artilugios... insertados en el blog????

    ESTOY PREOCUPADO.....

    ResponderEliminar
  93. Hola Carlos,

    Probablemente al ponerlo eliminaste algo de más pues ese mismo código lo probé antes de dartelo y funcionó sin problemas.
    Si puedes acceder a la Edición de HTML sólo busca el código que agregaste y elimínalo.
    Si te sigue arrojando error entonces es otra área la del problema.
    Si das click en restablecer artilugios perderás todos los cambios (o la mayoría) que le hayas hecho a la plantilla.

    ResponderEliminar
  94. Potro, por Dios que rapidez, acabo de solucionar el problema,,, por suerte anoche hice una copia de seguridad de la plantilla y me he acordado.... perdona por los mensajes pero me había asustado.

    De todas formas no logro poner el botón +1 según las instrucciones que me has mandado.

    Aprovecho para plantearte varias cuestiones:

    - Cómo quitar los márgenes de la página para ampliarla, es decir, el espacio que en tu pagína está a la derecha e izquierda de colos gris.

    - Insertar un sistema de puntuación a modo de estrellas o similar pero en el título de la entrada del post, es decir en el mismo lugar donde no puedo poner el botón +1

    Oye, muchas gracias de verdad... eres un máquina, Te acabo de agregar en mi facebook

    ResponderEliminar
  95. Hola de nuevo Carlos,

    Es que los respaldos de las plantillas parecen que nos estorban pero nos sacan de cada apuro...

    Apenas ahora pude ver el correo que enviaste. Si te fijas en la imagen sí tienes repetido el código, parece que lo pusiste dos veces, tal vez ese era el problema, y quizá es por eso que no has podido ponerlo.

    Los espacios que mencionas es por el ancho de la plantilla. En este enlace se explica cómo cambiar el ancho del blog, al hacerlo más ancho esos espacios se harán más reducidos.

    Lo de la puntuación de estrellas mira esta entrada:
    http://ciudadblogger.com/2009/03/permite-que-califiquen-tus-entradas.html

    Saludos!

    ResponderEliminar
  96. Potro,aquí estoy otra vez. Intento insertar todos los códigos que me indicas, y me sale el siguiente menaje:
    Error al interpretar la plantilla del blog

    Invalid data reference .languageDirection: No dictionary named: '' in: ['blog']

    No puedo instalar ningún artilugio, ni los que me indicas ni otros.

    Aquí radica el problema inicial que me impedía insertar el botón +1.

    Este problema es de nota jajaja

    Un abrazo

    ResponderEliminar
  97. Hola Carlos,

    Entonces sí es por otro problema que tenías y que Blogger apenas ahora reconoce el error y por eso no te deja guardar nada.
    Desde el código fuente no logro detectar el problema, pero si quieres haz un respaldo de tu plantilla en formato XML y mándamela por el formulario de contacto que está en el menú, en cuanto tenga un tiempo la reviso.

    Saludos.

    ResponderEliminar
  98. Necesito que sea en formato XML, de otra forma no lo puedo subir a un blog de pruebas.
    De cualquier forma, revisé el código que mandaste y los botones no están justo antes de </b:includable> como te había dicho, están un poco antes.
    Prueba ponerlos justo antes de la etiqueta </b:includable> que se encuentra ahí cerca.

    ResponderEliminar
  99. Excelente pura vida por la informacion

    ResponderEliminar
  100. Amigo Pablo, gracias por tu respuestas, por tu rapidez, por tus gestiones... te he hecho un pequeño donativo por los servicios prestados, es poco, pero bueno....


    En cuanto al problema del error, solucionado. Gracias.

    ResponderEliminar
  101. Hombre muchas gracias, te lo agradezco de corazón. Y no, no hay donativos pequeños, todos son grandes cuando son dados de corazón.

    Qué gusto que ya está resuelto el problema.
    Saludos y nuevamente gracias!

    ResponderEliminar
  102. Hola! Potro... Quería hacer una pregunta... quería saber si puedes hacer un tuto sobre le boton compartir, me gusta, recomendar como el +1 de google por favor... te lo agradecería muchísimo

    ResponderEliminar
  103. Hola Harrys Mendoza Quevedo,

    Aquí está la entrada para poner el botón de compartir, y el botón Me gusta de Facebook.

    ResponderEliminar
  104. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  105. Hola Potro!
    Coloque el botón +1 de google en el blog y funcionaba perfectamente, asta hoy que coloque un nuevo script para los emoticonos y el botón de google desapareció. He intentado mover los Scripts pero no consigo nada. Hay alguna solución para no tener que prescindir de uno de los dos? Saludos!!!

    ResponderEliminar
  106. Hola John,

    No creo que eso haya tenido que ver, el botón de Google se coloca en un área distinta y lejana al área de los comentarios. Quizá se trata de otro cambio.
    De cualquier forma revisa que los emoticonos los has agregado tal como se indican.

    Saludos.

    ResponderEliminar
  107. Hola de nuevo Potro

    Los emoticonos los utilizo únicamente para las entradas y cuando elimino el script de los emoticonos el botón de google vuelve a aparecer. No se que hacer, no puedo eliminar el script de los emoticonos ya que los utilizo para mostrar los botones de los mandos de las video consolas para las guías y trucos. S.O.S
    Saludos!!!

    ResponderEliminar
  108. Ese es el problema, que los emoticones no deben ir en las entradas. La razón es que lo que hacen los scripts de los emoticones es tomar un conjunto de caracteres y cambiarlos por una imagen.
    Bien, hasta ahí no hay problema, el inconveniente se da que en las entradas hay una serie de códigos como las URLs de las imágenes, botones, scripts, etc. que por casualidad pueden contener esa combinación de caracteres así que el script lo que intenta hacer en ese momento es cambiar esos caracteres por un emoticon, pero como no puede entonces deja de funcionar dicho elemento.

    ResponderEliminar
  109. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  110. Hola Potro

    Tenias toda la razón, el problema estaba en que el código del botón de Google contiene los caracteres :P y el script de los emoticonos intentaba cambiarlos por el emoticono que saca la lengua, así que lo solucione eliminando dicho emoticono del script .
    Gracias por la ayuda, Saludos!!!

    ResponderEliminar
  111. buen post me sirvio de mucho salu2!!!

    ResponderEliminar
  112. mexico, ni idea, con tantas modificaciones que le has hecho ya no sé ni qué parte es cuál :/

    stilch99, qué gusto que así haya sido :)

    ResponderEliminar
  113. gacias por tu articulo muy interesante me ayudo mucho admin www.unidinero.com

    ResponderEliminar
  114. Hola
    Hace ya tiempo que tengo el boton +1 de google alojado en los blogs. Y hoy me he dado cuenta que el boton solo aparece en el primer post de cada pagina. ¿Como puedo hacer para que se vean al comienzo de cada post? He probado con tu segundo codigo pero no me aparece ni en el primer post.
    La direccion del blog es http://xodio01.blogspot.com
    Saludos
    Pepo

    ResponderEliminar
  115. Que tal potro? intente agregar los botones desde blogger, pero no me salen, me fije que mi plantilla traia por default unos modificados, borre esos y probe a poner los otros de nuevo, pero nada, no aparecen debajo de las entradas, aqui te dejo una entrada para que cheques los botones, la plantilla la volvi a poner como estaba ya que de igual manera no quedaba. http://worldportablescream.blogspot.com/2011/06/contacto.html

    ResponderEliminar
  116. Hola toctoc06,

    Mil disculpas, hasta apenas ahora vi tu comentario, parece que se "traspapeló" el correo con la notificación porque nunca lo vi :(

    Entré a tu blog y veo el botón junto a los botones de compartir, en esa área sí lo veo en todas las entradas.
    Busqué el código para ver si lo tenías para que aparezca arriba de las entradas pero no lo vi, supongo que lo quitaste.

    Saludos.

    ResponderEliminar
  117. Hola Owner WPS,

    Veo que tienes puesto el código del botón, pero no el código del script, sin este no se mostrará el botón, es indispensable tenerlo en la plantilla.

    Saludos.

    ResponderEliminar
  118. potro , e agregado el boton y si me sale , pero lo que pasa esque cuando estas en la pagina principal , el boton sale encima solo de la 1era entrada y no en las de aabajo , sabes como podria solucionarlo?

    ResponderEliminar
  119. hola potro , sabes yo agrege el boton hace tiempo , pero sabes se ve en solo en la primera entrada de la pagina principal y en las entradas que salen hacia abajo no sale nada , pero si le doi click a la entrada si me aparece , como podria solucionar para que salga encima de cada entrada?

    ResponderEliminar
  120. potro , encontre un codigo muy parecido que me soluciono el problema , muchas gracias , saludos

    ResponderEliminar
  121. Gracias por avisar que ya lo has resuelto :)
    Saludos!

    ResponderEliminar
  122. Hola
    No tienes de que disculparte. Gracias a ti por atenderme.
    He vuelto a colocar el codigo y sigue apareciendo solo en el 1º post. Y tambien he leido que The strokes fans chile. Tenia el minmo problema. y lo ha solucionado.
    Podrias indicarme que puedo hacer, para que aparezca en todos los post.
    El blog es http://xodio01.blogspot.com
    Saludos y nuevamente gracias por tu atencion

    Pepo

    ResponderEliminar
  123. Potro estos botones en uno de mis blogs no se ven! sé que a salido otros código nuevo, pero igual no se ve! encontré una solucion en oloblogger pero solo tiene para el boton "small" =/

    ResponderEliminar
  124. Pues esa es la única solución temporal, al menos hasta que a Google se le dé la gana hacer algo por arreglarlos.

    ResponderEliminar
  125. Hola Potro...
    Leyendo los últimos comentarios, he visto que muchos tenemos el mismo problema, el botón de Google+ solo aparece en la primera entrada del blog. Me gustaría saber cual fue la solución que dio "The strokes fans chile" a este problema o si tienes alguna noticia/solución/parche/recomendación acerca de este inconveniente.
    Saludos Potro.
    www.robinsonchar.blogspot.com

    ResponderEliminar
  126. Hola Robinson,

    Con el script actualizado debe solucionarse. Prueba usar este código en lugar del que se menciona en la entrada, para ver si eso lo resuelve:

    <div style='float: right; padding:10px;'>
    <g:plusone expr:href='data:post.url' size='tall'/>
    </div>
    <script type="text/javascript">
    window.___gcfg = {lang: 'es'};
    (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
    </script>

    Si lo resuelve me avisas please, para actualizar el código de la entrada.
    Saludos.

    ResponderEliminar
  127. Potro... no funciona! ni siquiera aparece el botón en la primera entrada.
    Habrá que probar en otros blogs a ver que pasa.
    A la expectativa.
    Saludos potro y gracias por tus aportes.
    www.robinsonchar.blogspot.com

    ResponderEliminar
  128. En un blog de pruebas sí me funcionó, pero esto del botón de Google+ es todo un lío pues parece no funcionar en todos los blogs, a unos les funciona el código actualizado y a otros no. Ni hablar, a seguir esperando que Google ponga orden con su botón.

    ResponderEliminar
  129. Gracias, me funciono perfectamente

    ResponderEliminar
  130. Saludos Potro, porqué en este blog SI me da la opción de compartir en PUBLICACIONES de Google+

    http://decimasespinelas.blogspot.com/

    ... y en este otro sólo +1

    http://luisbarcenagimenez.blogspot.com/

    ResponderEliminar
  131. Por cierto... pasa lo mismo ( sólo +1 ) con Ciudad Blogger.

    ResponderEliminar
  132. Hey, El Potro, he intentado colocarlo en la parte de arriba de los post, pero la verdad no me ha funcionado.

    aunque logre que saliera en la parte de abajo.

    en la parte de arriba tambien coloque un par de botones de facebook y quiero colar junto a estos el boton de google y de twiter

    mira...http://mundo-construccion.blogspot.com/2007/10/placa-facil.html

    Gracias.

    ResponderEliminar
  133. Hola Gabriel,

    Para que el botón tenga la opción de compartir se supone que debe tener un atributo extra:
    <g:plusone size='medium' annotation='inline' />

    ResponderEliminar
  134. El Potro, ya logre colocarlo, tuve que ponerlo debajo de "div class='post-header-line-1'"
    así como lo indicas para colocar el botón de facebook.

    ResponderEliminar
  135. Gracias Potro, ya está arreglado, mejor dicho se arregló solo 10 ó 12 horas después de que te escribí los comentarios 158-159.
    Posiblemente sea por todos los cambios de Google y sus productos.
    Un saludo y 4 cvzs.

    ResponderEliminar
  136. De hecho todavía está en fase de prueba esa opción, así que es normal que de repente funcione y a veces no. Yo por ejemplo no tengo esa opción en ningún botón que he visto en la red :/
    Gracias por los saludos, y por las cervezas, ¡salud!

    ResponderEliminar
  137. Una pregunta: ¿es posible poner mas de un botón +1, pero en distintas partes de una entrada o pagina?

    ResponderEliminar
  138. Potro: Antes que blogger den la opción de los botones sociales yo los había incluido en mi plantilla. El problema ahora es que quiero el boton +1 de google e intente colocarlo con las indicaciones que vos das y me sigue sin aparecer. Que puede estar sucediendo?
    Gracias como siempre!

    ResponderEliminar
  139. JC-Elric, en teoría sí, de hecho en esta misma entrada tengo puestos todos los tamaños del mismo botón, pero, en otras ocasiones cuando he puesto más de uno los demás dejan de verse.

    ResponderEliminar
  140. Dr, prueba con el código del botón actualizado:
    http://vagabundia.blogspot.com/2011/07/actualizacion-del-boton-google1.html

    ResponderEliminar
  141. El Potro, de echo yo utilice ese código que dan en vagabundia para que me saliera el botón de google junto los demas iconos predeterminados de blooger en la parte de abajo y el que das acá en esta entrada para que saliera en la parte de arriba, pero también tuve que colar el anterior código (vagabundia) junto con el que das aca para que saliera la leyenda en español...Saludos. pueden verlo en mi blog.

    ResponderEliminar
  142. No debería ser necesario colocar ambos scripts, con uno es suficiente. Dicen que es mejor usar el actualizado, a otros no les funciona y como yo siguen usando el anterior, pero los dos en la misma plantilla no creo que sea buena idea, a menos que, con eso hagas que funcione todo.

    ResponderEliminar
  143. Ya probe Potro de todo (obvio con mis limitaciones de novato) pero no anda el boton. Hice lo que me dijiste de Vagabundia pero nada.
    :(

    ResponderEliminar
  144. ¿Ya has verificado dentro de la entrada? Recuerda que la mayoría de estos botones (sino es que todos) se ven sólo en las entradas y no en la portada.

    ResponderEliminar
  145. Gracias,
    justo lo que estaba buscando, lo probare.

    ResponderEliminar
  146. hola, me encantan tus posts, pero quiero saber si no tienes uno para agregar los botones de facebook, twitter y google + al pide de cada entrada como en esta pagina http://lady-gaga.com.mx/

    ResponderEliminar
  147. Igual a esa página no, pero aquí hay una interesante forma de mostrarlos:
    http://ciudadblogger.com/2011/09/botones-para-compartir-deslizantes.html

    ResponderEliminar
  148. Potroooooo, ayuda de nuevo, pleaseee.
    Imaginate que le he dado mil vueltas al dichoso postfooter para alinear los iconos y nada, como solo quiero que aparezcan en las entradas individuales, he tratado todo lo que explicas y nada, tengo habilitado directamente lo que sale en edicion de Entradas del blog, en elementos de pagina pero aun asi no me funciona. Yo se que cada rato pido tu ayuda y debes estar cansado conmigo;) Porfin, ayudame, que hago, que borro o que agrego para que se me organizen estos bookmarks y me queden todos muy lindo como los tuyos.
    Gracias.

    ResponderEliminar
  149. Hola Natali,

    Sólo tienes que agregar una tabla HTML, ahí, en una celda pon el código de los botones de compartir, y en la otra celda el código del botón Me Gusta, de esa forma se alinerán. Pero, al botón de Facebook seguro tendrás que reducirle el ancho, si le pones 50px de ancho deberá quedar bien.

    Saludos.

    ResponderEliminar
  150. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  151. Hola Potro, Una pregunta.
    *Como puedo hacer para que los botones de Fb, Twitter y +1 se corran un poquito hacia la derecha.
    *Sera que al tener esos botones en el titulo de la entrada tendre algun problema.
    *Algun consejo sobre la posicion de estos botones en la pagina???
    Mira esta que es la q tiene el titulo mas extenso:
    http://bit.ly/v3fqrr
    Desde ya muchas gracias! ! !

    ResponderEliminar
  152. Hola Daniel,

    Sólo encierra los botones de compartir entre:
    <div style="margin-left:20px;"> y </div>

    No sé a qué tipo de problema te refieras con tenerlos en el título de la entrada, pero si los pones arriba o abajo de él no debe haber ningún problema. En cambio si lo pones a la misma altura entonces se dan esas situaciones como la del blog que mencionas, así que para evitarlo es mejor no colocarlo al lado de él.

    Saludos.

    ResponderEliminar
  153. hay alguna forma de sustituir el boton google 1+ por una imagen? GRACIAS

    ResponderEliminar
  154. No *✿。мiαnαly。✿*, eso es controlado por Google.

    ResponderEliminar
  155. Hola Potro. Hace poco cambié la plantilla y me he dado cuenta que al pulsar el botón mas unos dentro de una entrada individual sale el titulo de la entrada pero con una imagen y descripcion que corresponden al blog y no a la entrada ademas de un extracto que dice skip to main/skip to sidebar. Mirando mas detalladamente encontré este codigo en la plantilla:


    skip to main |
    skip to sidebar

    Mis preguntas son:
    Para que sirve ese código, debo agregarle algún dato del blog????
    Como puedo hacer que salga la imagen de descripción correspondiente a la entrada?
    Y último, disculpa la extensión de las preguntas; afecta al posicionamiento del blog el cambio de plantilla???
    Muchas gracias por tu tiempo.
    El blog es el de marcos gratis.

    ResponderEliminar
  156. Hola,

    No me ha quedado claro qué botos es el pulsas y dónde sale la imagen del blog.
    Esos códigos son para los navegadores que sólo reconocen texto, es decir, navegadores muy antiguos, no hace falta hacerles nada, déjalos así como están.

    El cambio de plantilla no debe afectar siempre y cuando la nueva plantilla esté bien diseñada, si es así no debe pasar nada ;)

    ResponderEliminar
  157. Gracias... Es el botón +1. Al querer compartir el contenido de una entrada arroja el titulo correcto pero con imágen y descripción que no tienen nada que ver. Y bueno espero que la plantilla esté bién diseñada, ahí me pillaste. :)

    ResponderEliminar
  158. Ahí no sabría decirte. Un problema muy similar se da con Facebook, pero no tenía idea que también pasaba con el botón +1
    Supongo que debe ser una cuestión de la plantilla, supongo porque esto del +1 es tan nuevo que no se sabe todo de él :(

    ResponderEliminar
  159. Mi querido Potro,
    Aqui estoy dándote la lata de nuevo. Más que una consulta es que me digas si lo he hecho bien.
    Yo le daba el tic para que salieran los botoncitos, como no lo hacían me fuí primero a tu otro tutorial de botones para compartir y puse tus códigos en el post-footer, pero éste seguía sin salir, así que lo incluí después de head, como dices. ¿Es esto lo que debía hacer o lo lié complicándome?. Y otra cosa, sale en inglés.
    Gracias, como siempre, mi niño
    Bss

    ResponderEliminar
  160. Por cierto, se me olvidaba. Imagino que es imposible que recuerdes, así que te cuento, te hablé de la posibilidad de contestar a cada comentario en su orden, y lo viste imposible en ese momento. Bueno pues ya lo encontré en un blog.... compritasparalospeques.com, en el que además aparecemos.... ¿?
    Me encantaría la idea, lo sabes.
    Un beso enorme

    ResponderEliminar
  161. Hola Patricia,

    Ahí lo que han hecho es agregar el "Responder" a un comentario, nunca lo he aplicado, pero en Vagabundia puedes ver cómo se hace:
    http://vagabundia.blogspot.com/2010/06/agregar-reply-los-comentarios.html

    El botón éste está bien, de repente da problemas a algunos porque no aparece, pero mientras lo haga no importa el método que hayamos usado :P
    El texto inglés no sé porqué viene así, de hecho ahora así viene para todos (antes no).

    Gracias por el beso, otro para ti!

    ResponderEliminar
  162. Buenas noches, soy asidua a tu blog y aqui estoy para ver si tu puedes ayudarme, tengo implantado el boton pero en vez de compartir una n¡entrada concreta comparte todo el blog, yo quiero la entrada no el blog en general ¿me puedes ayudar?¿tengo algo mal?
    gracias por tu ayuda
    mi blog es http://teofermi1.blogspot.com/
    EL SAHARA DE LOS OLVIDADOS

    ResponderEliminar
  163. Hola teofermi,

    ¿Pusiste el código tal como está en esta entrada?
    Si es así, prueba eliminar todos estos scripts que tengas:
    <script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>

    En su lugar pon este script antes de </body>
    <script type='text/javascript'>
    window.___gcfg = {lang: &#39;es&#39;};
    (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
    })();
    </script>

    Recuerda realizar un respaldo de la plantilla antes de aplicar cualquier cambio.
    Saludos.

    ResponderEliminar
  164. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  165. hola de nuevo, lo he hecho como me dices pero mira te cuento, aparte de hacer lo que tu me dices..yo tengo en la sidebar esto:
    si lo quito y dejo solo el tuyo no me aparece el boton, a pesar de poner el script que tu me dices...estoy hecha un lio y no se que hacer...sigue compartiendo todo el blog en vez de las entradas.



    {lang: 'es', parsetags: 'explicit'}






    gapi.plusone.go();

    ResponderEliminar
  166. Sin duda debe haber un conflicto con ambos scripts. El que tienes y que se menciona en la entrada es el primero que salió y se supone da esos problemas. El otro que te di es el más actualizado, pero de por sí siempre puede haber problemas cuando se tienen varios botones en la misma página.

    ResponderEliminar
  167. ¿que puedo hacer, me puedes ayudar?
    ¿como podria eliminarlos y empezar de nuevo?

    ResponderEliminar
  168. Elimina todos los que tengas, incluyendo los de la sidebar. Ya que los hayas quitado agrega el de esta entrada pero cambiando el código que te mencioné en el comentario #192. Como pondrás el script actualizado, si pones otros botones ya no repitas el script, ni pongas el script antiguo.

    ResponderEliminar
  169. siento mucho darte la paliza, he puesto el que dices en tu entrada
    después de y el que me dices en el comentario 192 y no se ve nada, no aparece ninguno....

    ResponderEliminar
  170. No veo ninguno de los dos scripts teofemi.
    Hagamos esto, ponlo de nuevo, aunque no salga déjalo ahí. Luego quita un momento la barra de Wibiya que igual trae incrustado un botón de Google+ (por si acaso ese fuera el culpable), si quitando la barra no aparece el botón me dices (sin quitar los demás códigos) para que pueda entrar y ver cómo están colocados los códigos.

    ResponderEliminar
  171. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  172. De nuevo por aqui, ya he hecho lo que me dices, he puesto de nuevo los botones, sidebar y plantilla y he quitado la barra, los botones se ven pero en los dos solo se comparte el blog entero.
    Yo creo que la barra no tiene nada que ver, creo que fue despues y se lo añadi yo

    ResponderEliminar
  173. Ese problema se da mucho en casi todos los botones de compartir cuando se muestran en la portada.
    ¿Probaste lo del comentario #192? Recuerda que debes quitar ese script, y poner antes de </body> el otro que te indico en ese comentario.

    ResponderEliminar
  174. ¿pero como lo hago?¿quito el que tengo puesto en la plantilla?¿tambien el de la sidebar?¿solo tengo que dejar el que me dices en tu comentario?
    siento mucho mi torpeza pero es que no se como hacerlo

    ResponderEliminar
  175. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  176. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  177. Estamos como antes, he quitado la barra y los codigo anteriores que tenia y he puesto el codigo que me dices en el comen 192 y no aparece ninguno de los botones, ni en las entradas ni en la sidebar, los he dejado aunque no se ven...

    ResponderEliminar
  178. En las entradas no veo el código de los botones, o sea este:
    <g:plusone expr:href='data:post.url' size='medium'/>

    ¿Lo has puesto? Porque al menos debajo de las entradas no lo veo.
    Si lo has puesto, y tampoco se ve envíame el respaldo de tu plantilla en formato XML para que pueda montarla en un blog de pruebas y así ver qué puede estar pasando.

    Saludos.

    ResponderEliminar
  179. Hola de nuevo teofermi,

    Elimina el botón que tienes en la sidebar, en su lugar pon este:
    <g:plusone size="medium" href="http://teofermi1.blogspot.com/"></g:plusone>

    Ese hará que se comparta sólo la portada del blog, es decir, el nombre de tu blog, no la entrada.
    Luego justo debajo de esto:
    <a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/mini/&quot; + data:post.url' style='vertical-align:middle;border:0;margin-left:20px' title='Votar esta anotación en Bitacoras.com'/></a>

    Agrega este botón:
    <g:plusone expr:href='data:post.url' size='medium'/>

    Ese compartirá sólo las entradas. De esa forma ambos botones funcionarán sin problemas.
    Saludos.

    ResponderEliminar
  180. Muchisimas gracias, ahora funcionan perfectamente los botones pero sigo teniendo un problemilla, no quedan bien alineados.
    ¿como arreglo la alineacion?
    te dejo la url de la imagen para que veas como quedan en el blog
    https://4349542429287882846-a-1802744773732722657-s-sites.googlegroups.com/site/teofermi1/fotos/botones.jpg

    Estoy en deuda contigo
    un gran saludo

    ResponderEliminar
  181. Otra cosa ¿como puedo hacer para que cuando comparta un articulo de mi blog salga otra imagen que no sea la cabecera del blog? he visto la tuya y algunas mas y sale otra imagen, me gustaria poder cambiarla..
    saludos

    ResponderEliminar
  182. ¿Para cambiar la imagen a mostrar hay que agregar la url de la imagen al fragmento del boton? por favor me puedes decir donde y como lo hago

    ResponderEliminar
  183. Para alinearlos lo mejor es ponerlos todos dentro de una tabla HTML:
    http://ciudadblogger.com/2009/05/insertar-tablas-en-blogger.html

    Lo que yo tengo es una meta-etiqueta para tener una imagen predefinida que será la que saldrá siempre por defecto. Eso se pone después de <head>

    <meta content='URL de la imagen' property='og:image'/>

    Pero con esa meta-etiqueta saldrá siempre la misma imagen.

    ResponderEliminar
  184. Ya he puesto meta-etiqueta pero no me da resultado, no cambia la imagen

    ResponderEliminar
  185. Ingresa a una entrada, dale click en "Me gusta" al post, y verás que en tu perfil de Facebook aparece la imagen que elegiste.

    ResponderEliminar
  186. Si, asi si aparece, pero yo me refiero a la imagen que se muestra cuando quiero compartir la entrada desde el boton de google +, si comparto desde google aparece la cabecera y esa es la que quiero cambiar

    ResponderEliminar
  187. Desde Google+ cuando pones un enlace ahí aparece la imagen de la miniatura, y arriba de ella una barrita negra con unas fechas para elegir la imagen que quieres mostrar.

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger