Botones flotantes para compartir de Facebook, Twitter y Google +1

28 de julio de 2011 561 comentarios ,
Hace ya algo de tiempo vimos cómo poner los botones de compartir de Facebook y Twitter en la parte superior de las entradas, pero ahora veremos cómo ponerlos en modo flotante tal como el ejemplo de este mismo post, verás que aun con subir o bajar el scroll de la página los botones permanecen ahí (en el lado izquierdo).
Además del botón Me gusta de Facebook, el botón para twittear, se ha incluido el botón +1 de Google.
Veremos cómo ponerlos de dos formas, o mejor dicho, con dos funciones diferentes, la primera será para que sólo se muestren en las entradas y que su función sea compartir (o recomendar) la entrada donde se ha hecho click en el botón.
La segunda opción será mostrarlo en todas partes inclusive en la portada, pero con la diferencia que no será para compartir las entradas, sino el blog completo.

El procedimiento es sumamente sencillo, sólo hay que entrar en Diseño | Edición de HTML, marcar la casilla Expandir plantillas de artilugios, y pegar antes de ]]></b:skin> lo siguiente:
table#RedesSociales{
position:fixed;
top:150px;
left:5px;
z-index:200;
}
Ahora busca esta línea:
<!-- clear for photos floats -->
Debajo de ella agrega este código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0' cellpadding='6' id='RedesSociales'><tbody>

<tr><td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=box_count&amp;show_faces=false&amp;width=73&amp;height=63&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:63px'/></td></tr>

<tr><td><a class='twitter-share-button' data-count='vertical' data-lang='es' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td></tr>

<tr><td><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></td></tr>

</tbody></table>
</b:if>
Guarda los cambios y listo. Ese servirá para que se compartan las entradas individuales, así que no se verán en la portada, sólo ingresando a un post.

Pero si lo que quieres es compartir o que se recomiende la URL de tu blog y no las entradas, entonces en lugar de ese código, el que pondrías sería este:
<table border='0' cellpadding='6' id='RedesSociales'><tbody>

<tr><td>&lt;iframe allowTransparency=&#039;true&#039; frameborder=&#039;0&#039; scrolling=&#039;no&#039; src=&#039;http://www.facebook.com/plugins/like.php?href=http://nombre-de-mi-blog.blogspot.com&amp;layout=box_count&amp;show_faces=false&amp;width=73&amp;height=60&amp;action=like&amp;font=tahoma&amp;colorscheme=light&#039; style=&#039;border:none; overflow:hidden; width:73px; height:60px&#039;&gt;&lt;/iframe&gt;</td></tr>

<tr><td><a class='twitter-share-button' data-count='vertical' data-lang='es' data-text='Título del blog' data-url='http://nombre-de-mi-blog.blogspot.com' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td></tr>

<tr><td><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone href='http://nombre-de-mi-blog.blogspot.com' size='tall'/></td></tr>

</tbody></table>
En este caso, hay que poner los datos que se indican en color rojo. Si usas un dominio propio entonces no pongas .blogspot.com sino la extensión de tu dominio propio. Por ejemplo, en lugar de ciudadblogger.blogspot.com sería ciudadblogger.com

En ambos casos podemos cambiar la posición de los botones, eso se controla en el primer código.
top:150px; es la distancia que habrá desde arriba, con un valor más alto los botones se bajarán.
left:5px; es la distancia que tendrán desde al lado, left indica que estarán a la izquierda, si los quieres a la derecha cambia left por right

Y listo. Otra forma de ofrecerle a los lectores la posibilidad de que valoren nuestro blog y entradas en las diferentes redes sociales.


561 comentarios en:

" Botones flotantes para compartir de Facebook, Twitter y Google +1 "

  1. excelente pero no me gustan estas clases de botones, uno como que se ve obligado a usarlos y entorpesen la vista del blog jjaja, saludos potro ;)

    ResponderEliminar
  2. oye una consulta nada que ver sobre este tema pero, porque se ve una distancia tan excesiva entre el titulo de la pagina y el contenido del formulario de emailmeform y tambien porque dentro de los dos recuadros mas grandes aparece la etiqueta de cierre de


    aqui el link:
    http://www.vacilandounrap.org/p/publica-tu-disco-en-la-pagina.html

    ResponderEliminar
  3. Ah!! Me gusta más ke el otro, voy a cambiarlo, se ve mejor. Muchas gracias como siempre por compartir.

    Besito =)

    ResponderEliminar
  4. Esta entrada la estaba esperando desde hace uff, pero lo pondre en mi blog, aun que yo tambien lo uzo pero es diferente se mueve como gusano hechenle un vistazo http://bit.ly/lGFU4x y pondre este es mucho mejor :D

    ResponderEliminar
  5. MCarlitooH2, entra en el modo de Edición de HTML en la entrada, ahí pon los códigos del formulario sin espacios, todo seguido sin dar saltos de línea (ENTER), eso reducirá los espacios y eliminará ese código que se ve.

    Merlina, gracias por el besito, otro para ti :)

    ResponderEliminar
  6. No es mejor ponerle auto en las distancias hacia arriba y hacia abajo? es que si te fijas cuando haces zoom (Yo lo hago para ver más en mi pantalla) se van hasta abajo porque va aumentando la distancia hacia arriba. En cambio con una distancia auto se quedaría centrada aún cuando hagas zoom. ¿O me equivoco?

    ResponderEliminar
  7. Muy Bueno Gracias! Funciona excelente en mi blog agftv.blogspot.com

    Lástima que no pueda incluírse de ambos modos a la vez.

    Pero una pregunta,puedo agregarlo como código en una web? Gracias y saludos!

    ResponderEliminar
  8. hola potro :) primera vez que comento, me surgió un problemita, nose si me podrás ayudar :P lo que pasa que mi plantilla no tiene el siguiente codigo...

    ""

    me podrías decir otro código donde pegarlo porfa! :)
    te agradeceria bastante si me pudieras ayudar.

    aquí esta mi blog

    http://locosporlaspeliculas.blogspot.com/

    ante mano decir que tiene una magnifica pagina me ah sido de mucha ayuda, muchas gracias por todo y sigue así :)

    ResponderEliminar
  9. Hola Potro, me gusta más este que el de la barra de el anterior post, este es más de VOTA !!! o VOTAAA !!! no sé que le cuesta a la gente hacer click ahí, si encima que vienen se llevan el disco que les gusta a 320, no dan ni las gracias... por lo menos que hagan click ahí jajajajajajajajaja, o no???? Gracias estimado, genial como siempre ;-) ah y feliz fin de semana!!

    ResponderEliminar
  10. buen truco potro, implementado en un momento, la verdad es que estaría bien que se pudieran poner las dos formas, aunque bueno si compartes una entrada con alguien a esa persona la redirecciona a tu blog y no hace falta nada más.

    ResponderEliminar
  11. potro, esta linea no sale en mi plantilla:

    Ahi otra forma de ponerlo entonces?
    Queria poner lo de compartir el blog, no las entradas.
    Saludos,
    Óliver.G

    ResponderEliminar
  12. Ojojojo Jolines!!!! por más que miraba y miraba no lograba ver lo que decías "modo flotante tal como el ejemplo de este mismo post" y resulta que debe ser mi motinor gigante y que están colocados a la izquierda, me pasaron desapercibidos, soy del grupo que solo mira a la derecha de la pantalla JAJAJAJAJA. Excelente me gusta más éste que la barra anterior, es posible que la cambie yo también, gracias

    ResponderEliminar
  13. Hola potro como puedo tener esto en mi blog creo que es un gadget; http://dl.dropbox.com/u/23889866/imagen%202.PNG

    ¡Saludos!

    ResponderEliminar
  14. Asesino Cereal, no, si le pones auto no verás los botones, haz la prueba.

    Gustavo, claro, no son códigos exclusivos de Blogger así que igual puedes ponerlos, excepto en el caso del botón de Facebook del primer código (el que sólo se ve en las entradas), ese ya tiene incluidos códigos que sólo funcionan con Blogger, pero igual puedes remplazarlo por otro botón que tú mismo crees en la página de Facebook.

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

    ResponderEliminar
  16. Hola Potro! Que tan cierto es esto de que Google le cambiara el nombre a Blogger por Google Blogs, y que esto podria afcetarnos a todos los bloggeros?

    porque todo lo que emos aprendido de ti y todo ese esfuerzo nuestro por aprender mas se vendria abajo, de ser cierto esos rumores odiaria eternamente a Google...

    ResponderEliminar
  17. SmiThzhiTo, qué bueno que te han gustado :)

    hacors24, las plantillas de Aristeer no las conozco o mejor dicho nunca me he adentrado en ellas por lo complicadas que son en su estructura, pero igual puedes ponerlo en cualquier parte del área de las entradas, por ejemplo arriba de:
    <div class='art-postmetadataheader'>

    ResponderEliminar
  18. Gracias potro, les comparte un enlace de la Ceremonia de Inauguracion del Mundial Sub 20 Colombia en vivo por FaceTV www.facetv.co

    ResponderEliminar
  19. MaGoS RaDioMuSiC, son esos misterios de la vida. De hecho aunque este podría parecer más "intrusivo" la verdad es que no lo es tanto, yo he podido verlo por el número de votos: con la barra en pocas horas había varios votos, nada comparado con este que apenas unos cuantos lo han compartido. Somos complejos los cibernautas, eso que ni qué :)

    pos_ch, en si el botón problemático es el de Facebook, es el único que necesita mostrarse en las entradas para que no cause conflicto, sino fuera por ese botón entonces sí podrían cumplirse las dos formas, aunque tal vez se necesitaría que se muestren un grupo de botones por cada entrada en la portada.

    ResponderEliminar
  20. Óliver.G, sí está en tu plantilla, recuerda marcar la casilla Expandir plantillas de artilugios.

    MARIA ELENA, jajaja, bueno, entonces tú podrás ponerlos en la parte derecha, sino olvidarás compartir tus propias entradas :P

    ResponderEliminar
  21. Antonio,
    En un elemento HTML/Javascript:

    <div style="padding:10px; border:1px solid #000; background:#ccc;">
    <img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/rss.png" style="vertical-align:middle;"/> Aquí el texto
    </div>

    Uno por cada imagen que quieras.

    ResponderEliminar
  22. pixeltuxpan.com, sólo eran rumores, pero hasta donde sé no es cierto. Aun así, si eso fuera verdad no afecta en nada a nosotros, lo que cambiaría sería sólo el nombre de Blogger, no interfiere con nada más.

    ResponderEliminar
  23. Hola potro!,

    Yo los uso así en mi blog hace un tiempo, y les tengo un tip:

    -Para que los botones no invadan el main cuando se vea el blog en resoluciones menores de 1024px, se pueda dar un margen negativo, tomando en cuenta el ancho del blog, para que estos, no sean visibles en dicha resolución, ya que eso es mejor, a que se solapen, es decir, se vayan encima del main, e interrumpan la visibilidad.

    Por ejemplo, tomando en cuenta un blog con un ancho (outer-wrapper) de 980 pixeles:

    left: auto;
    margin-left: -120px;

    Así, la barrita con los botones quedará casi pegada al main, y al ser vista en una resolución menor de 1024 pixeles, simplemente no se verá.

    Se puede ver como queda, probando el blog en diferentes resoluciones de pantalla:

    http://testsize.com/

    :) Saludos Potro!

    ResponderEliminar
  24. Gracias por el tip Karla, saludos :)

    ResponderEliminar
  25. Potro esto si tiene que ver un poco con esta entrada, puse unos botones para compartir debajo de una pelicula de la entrada pero el problema es que en resoluciones menores se mueven ,se ven muy mal.

    Use position:absoluta,relativa,fixed, pero con ninguno queda bien terminan por moverse y quisiera que se quedaran en un mismo lugar sin importar las resoluciones, no sabes algun truco?

    puedes entrar en esta entrada y luego verla en una resolucion mayor o menor segun tu monitor

    ResponderEliminar
  26. Potro esta chevere tu entrada esta esperando algo como esto hace tiempo pero tengo un problema en mi plantilla no encuentro la frase:



    ayudame en donde debo pegarla si no es ahi

    ResponderEliminar
  27. clear for photos floats

    La pongo asi xq completa no ve en el comentario

    ResponderEliminar
  28. PeliculasTube, lo que no entiendo es por qué le pusiste en position, en realidad no es necesario, esos botones los puedes poner manualmente en cada entrada de forma individual en el lugar que desees (en este caso debajo del video), así que el atributo position sale sobrando.

    TutoGeek, saludos!

    ResponderEliminar
  29. The ReDark, sin saber cuál es tu blog me es imposible darte una respuesta exacta. Sin embargo, el código puede usarse en cualquier parte del área de las entradas, por ejemplo debajo de <div class='post-footer'>

    ResponderEliminar
  30. Si pero como tengo casi mil entradas te imaginas como seria ponerlos 1x1 por eso es que los puse en la plantilla con position para ponerlos de una vez en todas las entradas ,pero bueno vere como me las ingenio

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

    ResponderEliminar
  32. Hola potro, bueno queria decirte que mejor me quedo en blogger, es mas facil de usar, y bueno queria tambien pedirte una ayuda, mira ya inserte los botones de compartir, pero le di en me gusta de facebook y normal, pero al momento que aparece en mi muro, sale el nombre de mi blog y mas no el nombre de la entrada mira te dejo una imagen de lo que me sale en mi muro de facebook http://i56.tinypic.com/16krouq.jpg , que puedo hacer, este es mi blog http://www.smithzhito.tk espero tu respuesta Gracias :)

    ResponderEliminar
  33. Bieen!!..¡pude hacerlo!!, desde anoche llevo buscando la frasecita esa corta, pero ya hoy por fin he dado con ella, en el de las fotos, después las pondré en el otro.
    Muchísimas gracias, Potro.
    Un beso enorme, que hace mucho tiempo que no te doy ninguno, :)..;)

    ResponderEliminar
  34. Potro desde hace tiempo google no me indexa mi contenido....quiero dejarte la parte de mi plantilla donde estan los metatap para ver si estan mal detallados o mirar que pasa...te lo agradezco gracias. Donde te la puedo enviar??? por fa colaborame

    ResponderEliminar
  35. potro esta muy bueno tu trabajo, una pregunta y para agregarle una imagen de una carta tambien para recomendar a un amigo pot email como seria, no se si me explique

    ResponderEliminar
  36. Hola, ¿me puedes ayudar? ¿Como se pone un botón de leer más en las entradas?

    Gracias. David.

    ResponderEliminar
  37. PeliculasTube, entonces puedes hacer como comentaba Karla un poco más arriba; poner condicionales para distintas resoluciones, ahí sí podrías especificar la posición del gadget según la resolución que sea. En esta entrada de Vagabundia hablan sobre el tema:
    http://vagabundia.blogspot.com/2010/07/usar-media-para-detectar-la-resolucion.html


    SmiThzhiTo, esas son las "fallas" (pues no sé de qué otra forma llamarle) que tiene el sistema de compartir de Facebook. Prueba quitando la metatag 'Title' que tienes en la plantilla.
    De cualquier forma si le das click al enlace de Facebook verás que sí te dirige a la entrada en cuestión.

    ResponderEliminar
  38. Hola potro de nuevo, como puedo ponerlo igual de fondo a esto; http://dl.dropbox.com/u/23889866/imagen%202.PNG

    ResponderEliminar
  39. Hola Sofía Serra Giráldez,

    Gracias por el beso, ya los extrañaba, señal de que me has mal acostumbrado :D

    Un tip para encontrar los códigos de forma más rápida es usar las teclas CTRL + F, cuando se presionen se abrirá una pequeña barra de búsqueda, ahí escribes el código que buscas y lo encontrarás de inmediato.

    Otro beso para ti y que tengas un excelente fin de semana!

    ResponderEliminar
  40. potro esta muy bueno tu trabajo, una pregunta y para agregarle una imagen de una carta tambien para recomendar a un amigo por email como seria para los botones flotantes, no se si me explique saludos

    ResponderEliminar
  41. televisiononline2011, los metatags no sirven para indexar, sólo son una información extra que se les da a los robots, pero no influye en nada con el hecho de que un blog esté bien posicionado o no.
    No mencionas en cuál blog tienes el problema, pero al menos el sitio FaceTv sí está indexado en Google:
    site:http://www.facetv.co/

    luis, hay un gadget para eso: [Gadget para recomendar el blog por correo]

    ResponderEliminar
  42. si potro yo lei esa entrada ya, pero me gustaria poner eso tambien en los botones flotantes como el de facebook y twitter

    ResponderEliminar
  43. si esta indexado como dices pero las entradas no....??? o sera por el tiempo apenas tengo 1 semana con ese dominio

    ResponderEliminar
  44. David, ¿te refieres a implementar el Leer más en tu blog? entonces mira esta entrada:
    http://ciudadblogger.com/2011/01/leer-mas-con-imagenes-en-miniatura.html

    Antonio, ya te respondí eso ayer en otra entrada.

    ResponderEliminar
  45. luis, no creo que sea posible con ese gadget :/

    televisiononline2011, pequeño detalle que no mencionaste XD
    Si es nuevo el dominio entonces debes esperar un poco, publica entradas, envía el sitemap y en unos días los robots indexarán el contenido nuevo, pero te repito, el blog ya está indexado y eso significa que las entradas también.

    ResponderEliminar
  46. Gracias potro voy hacer lo que me dices...muy amable de tu parte

    ResponderEliminar
  47. Potro Tengo una pregunta no hacerca de este post es que no tienes las consurtas activas disculpa...
    bueno es que aqui hay un tutorial para las ultimas entradas es muy bueno pero no tiene resumen solo la imagen y el titulo

    es para ver si sabes como ponerle que salga el resumen
    http://www.distritourbano.net/2011/07/tutorial-ultimas-entradas-o-entradas.html
    gracias espero tu respuesta ^^!

    ahh por cierto el tuto tiene las imagenes muy pequeñas pero yo las agrande las puse 150 x 150 por eso quiero que salga un resumen xD

    ResponderEliminar
  48. Potro, ando investigando y descubrí que no bloquearon mi página de Facebook, sino, mi blog http://www.planeta-grandt.com.ar/ en todas las páginas de Facebook, tengo alguna forma de reclamar?
    Tengo una calentura barbara, son más de 7mil fans en mi Facebook y no puedo publicar enlaces de mi blog! :@

    ResponderEliminar
  49. Fanatico, no conozco el script ni de dónde lo haya sacado :/

    Pozo+10™, quizá sólo te bloquearon a ti para que no compartas ese enlace, yo acabo de probarlo (le pedí a una amiga que lo hiciera) y se publicó en su muro sin problemas. No sé si tengas alguna forma de reclamar a menos que en el mensaje de alerta te aparezca algún enlace para hacerlo.

    ResponderEliminar
  50. U_U
    no sale el codigo

    <!-- clear for photos floats -->

    en mi plantilla ¬¬
    esta echa en asister...
    pero aber si ahi solucion :D
    aque ando.
    gracias CHINGON aporte!!!

    ResponderEliminar
  51. Este es el mensaje que me salta: http://dl.dropbox.com/u/4349555/nose.PNG claro, se puede publicar en el muro de una persona, pero en el de una página no, prueba tú en http://www.facebook.com/fans.ciudadblogger y veras te salta el mismo mensaje.

    ResponderEliminar
  52. Hola Potro tienes alguna entrada para subir mi propia fuente con Font Face css? porfa te lo agradeceria...

    Saludos!

    ResponderEliminar
  53. Potro tengo una curiosidad, lo que pasa es cuando yo busco una entrada en google de mi blog esa entrada solo aparece si escribo el titulo y el nombre del blog, si escribo solo el titulo no aparece en los resultados, osea lo que quiero es que aparezca solo el titulo de la entrada en google sin que aparezca adelante el FaceTV - titulo, como puedo hacer eso ???

    ResponderEliminar
  54. Hola Potro, te queria preguntar.. como hago para poner emoticones que se puedan poner en las entradas del blog y los gadgets hechos por mi en HTML; porque en los comentarios ya los tengo!

    Espero que me puedas ayudar. Gracias!

    ResponderEliminar
  55. Que tal Super Potro, te envio un saludote hasta tijuana, oye una pregunta, sabras alguna forma de localizar un texto en especifico dentro de una pagina Ejem: http://www.maderaslalaguna.com/ le das clic en pino o cualquier otro y automaticamente te envia adonde esta ese texto, cabe resaltar que dentro de la pagina que habre hay mucha info adicional, pero te envia al que seleccionaste, espero me haya explicado recibe un cordial saludo.

    ResponderEliminar
  56. Me encanta potro, acabo de conseguir colocar el google plus one en distintos lugares.

    Por ejemplo en la principal principal lo situo junto al titulo, para que la gente vea como van las puntuaciones de cada post (jajaj si las hay claro).

    Y una vez dentro de la entrada desaparece el del titulo y aparece al final la entrada, para que la gente pueda votar si les ha gustado despues de haber leido todo el contenido.

    No es que tenga que ver directamente con esta entrada, pero en general me inspira mucho ver como condicionas y situas los codigos...

    ResponderEliminar
  57. DJCosplay, mira el comentario #17

    Pozo+10™, pues prueba usar una aplicación como RSS Graffiti, quizá siendo desde una aplicación sí se pueda.

    ResponderEliminar
  58. hola potro sera que puedes responder un mensaje que te envié por el formulario de contacto

    ResponderEliminar
  59. pixeltuxpan.com, yo no, pero Oloblogger tiene una:
    http://oloblogger.blogspot.com/2010/02/bpt-intalar-cufon-en-blogger.html


    televisiononline2011, quizá necesitas optimizar los títulos de las entradas del blog.

    ResponderEliminar
  60. Carlos Sz, deja la pregunta en la entrada que corresponde para no desviarnos del tema de esta entrada. Saludos ;)

    Xtremdf bloggero, mira esta entrada, ahí está la información que necesitas para hacer eso. Gracias por los saludos, un abrazo!

    ResponderEliminar
  61. Ark, las condicionales pueden hacer maravillas, pero ya te has dado cuenta de eso ;)

    Maiik'r, no te respondí porque no fuiste concreto en el correo, sólo me pedías que te escribiera pero bien pudiste decir sobre qué trataba en el primer mail... o.O

    ResponderEliminar
  62. Potro te agradezco, tu siempre tan atento y cordial, muchos años de vida a ciudad blogger. "EL MEJOR BLOG DE AYUDA DE LATINOAMERICA Y ESPAÑA"

    Un abrazo.

    Que algo no funcione como tú esperabas no quiere decir que sea inútil... Thomas Alva Edison

    ResponderEliminar
  63. Gracias Xtremdf bloggero, otro abrazo para ti :)

    ResponderEliminar
  64. Potro empece a usar RSS Graffiti hasta que se solucione esto, que espero no me hayan bloqueado el enlace para siempre. Lo malo de RSS Graffiti es que los Me gusta que reciben esas publicaciones no te sirven para nada porque no se cuentan en el botón. Saludos!

    ResponderEliminar
  65. Gracias por recordármelo, Potro, es de estas cosas que por más que apunte o intente recordar nunca consigo quedarme con ella. Tengo mac, probé el otro día con cmd F, pero no funcionó, ¡claro, porque era con ctrl, ¡seguro!..:), ahora voy a ponerlo en el otro blog.
    UN BESO
    (me gusta "BIEN acostumbrar" a quien lo merece, :)

    ResponderEliminar
  66. Nada, Potro, no me funcionan eso atajos, en el ctrl ni el alt ni el cmd, no sé ya con qué probar para que se me abra esa barrita buscadora.
    De todas formas te estoy muy agradecida, ya buscaré a "mano" despacito..:)
    otro beso, :)

    ResponderEliminar
  67. http://ciudadblogger.com/2009/06/como-crear-vinculos-dentro-de-la-misma.html

    Potro y si quiero ir con ese link a otra pagina y al texto especifico dentro del mismo blog

    como seria el codigo ? existe alguna forma?

    enlace Tema Uno

    destino Tema Uno

    FUNCIONA BIEN PERO SOLO DENTRO DE LA MISMA PAGINA. ESPERO TU AYUDA POTRO UN SALUDO MEN

    ResponderEliminar
  68. potro ya quedo mira lo hice asi:

    tema uno

    y como estaba enlazado a un sub menu
    antes y al final de codigo li> /li>

    ESO ERA TODO

    GRACIAS POTRO POR EL POST DE ESTE ENLACE http://ciudadblogger.com/2009/06/como-crear-vinculos-dentro-de-la-misma.html
    DE AQUI PARTIA TODO, UN ABRAZO MEN Y A DORMIR

    ResponderEliminar
  69. Sofía Serra Giráldez, con CMD + F al mismo tiempo debe funcionar, igual tengo Mac y uso ese atajo. ¡Besos!

    Xtremdf bloggero, qué gusto que ya lo has resuelto todo :)

    ResponderEliminar
  70. potro yo puedo utilizar mis avisos en adsense en dos paginas webs mias, no pasa nada???

    ResponderEliminar
  71. potro yo puedo utilizar mis avisos de adsense en dos paginas webs mias, no pasa nada???

    ResponderEliminar
  72. Hola Potro

    me salio bien los botones pero el +1 hay un problema que estan con los otros dos funcionan bien y tranquilamente se le da un click te marca el número pero el +1 parece una imagen para ver no más y no solo eso desde que lo puse esto en mi plantilla solo me sale el +1 en la primera entrada y en las demás no

    Como hago para que me salga bien tanto en el +1 para que marque el blog como el +1 independiente en todas mis entradas?

    Mi Blog: http://theredark.blogspot.com/

    ResponderEliminar
  73. Potro, te agrego algo de los dominios co.cc que seguramente no lo has escuchado o visto, cuando entras a un sitio co.cc en ESET NOD32 tira como que todas las URLs contienen virus. Saludos!

    ResponderEliminar
  74. Necesito saber alguna dirección de correo de Facebook si es que alguien sabe alguna, es urgente les pido por favor, sólo correo, no formularios porque ya he llenado hace mas de 72hs y ni me han respondido :-(

    ResponderEliminar
  75. karloselectronica, no hay problema siempre y cuando todos los sitios donde pongas los anuncios cumplan con las políticas de AdSense.

    The ReDark, no sé por qué suceda, prueba actualizando el código del botón:
    http://oloblogger.blogspot.com/2011/07/actualizando-el-boton-1-y-aprovechando.html

    Pozo+10™, dudo que en Facebook te respondan, al menos nunca he sabido de un solo caso donde hayan respondido. Sobre los dominios co.cc no me extraña, por un tiempo también Chrome los marcaba como sitios peligrosos. Ya sabes, por unos cuantos pagan todos.

    ResponderEliminar
  76. No me funciono,

    Bueno cuando tengas tiempo revisa mi plantilla, por favor y ayudame con esto

    No es de apuro

    ResponderEliminar
  77. Potro.. excelente post. Ya lo implementé y me gusta mucho como quedó. Ahora a sacrle provecho. Muchas Gracias!!

    ResponderEliminar
  78. The ReDark, pues no sé qué más pueda ser. Yo sigo insistiendo que el botón de Google aun tiene varias fallas, a todos nos ha estado apareciendo y desapareciendo, y recientemente problemas con el conteo de votos.

    Yei Evolution, no lo sé, no uso WP, pero supongo que debe haber un plugin que lo haga por ti.

    DM : Design Multimedia, gracias a ti por tu visita!

    ResponderEliminar
  79. Hola potro de nuevo... que color es el de imagen de fondo de gadget? http://dl.dropbox.com/u/23889866/Gadget.JPG

    ResponderEliminar
  80. #F8F8F8

    Hay extensiones para navegadores que pueden auxiliarte para saber los colores de ciertos elementos de una página, por ejemplo para Firefox está ColorZilla, con ese he sacado el color que necesitabas.

    ResponderEliminar
  81. Potro...
    Oye una pregunta:
    ¿Es posible tener los botones (Facebook, Twitter y Goggle+) para que aparezcan en las entradas y en el blog al mismo tiempo?
    ...de ser posible, ¿Se pegan los dos códigos?
    SalU2!!

    ResponderEliminar
  82. No lo he intentado pero en teoría debería poderse hacer tal como dices.

    ResponderEliminar
  83. Hola potro.. una consulta...
    y como se pondria algo de animacion al div.. como un pequeño rebote o arrastre (para que no parezca tan rigido).. es posible eso con jquery?

    ResponderEliminar
  84. Hola @Mlaynes,

    Podría hacerse con jQuery o con cualquier otro script que soporte el efecto.
    A ver si más adelante publico otra entrada con algún efecto de arrastre.

    Saludos.

    ResponderEliminar
  85. Hola como estas Potro, quisiera saber como doy espacio entre los botones, es que me salen muy pegado y no me gusta mucho, ya pudo mover el de FB, pero los otro todavía están muy cercanos, quisiera tenerlo como lo tenes en el ejemplo, bien separados.
    gracias de antemano por la ayuda

    ResponderEliminar
  86. Hola Diakchimba,

    El código que está en la entrada es el mismo que usé en el ejemplo.
    De cualquier manera puedes darles más espacio en esta parte:
    cellpadding='6'

    Con un valor más grande se separarán más.
    Saludos.

    ResponderEliminar
  87. Bueno lo he intentado y no me a funcionado pero gracias de todos modos

    ResponderEliminar
  88. Descuida que tiene solución, si no te ha funcionado de esa forma entonces probemos con otra.
    Busca esta línea:
    .post table,th, td{

    Y debajo de ella agrega esto:
    padding-bottom: 20px;

    ResponderEliminar
  89. Gracias Potro me funciono muy bien, sos genial. unas preguntas mas:
    *quisiera saber como dejar mi área de comentario como la tuya, que lleve avatar y este enumerado.
    *y hacer un formulario de contacto(no se si se puede en blogger).

    ResponderEliminar
  90. Para el formulario de contacto mira esta entrada:
    http://ciudadblogger.com/2009/06/crear-un-formulario-para-el-blog.html

    Los avatares son activados desde Configuración > Comentarios, a menos que la plantilla que uses no sea original de Blogger y no tenga completos los códigos para mostrar los avatares.
    La numeración de comentarios la puedes encontrar en un post de Oloblogger.

    Saludos.

    ResponderEliminar
  91. gracias potro
    http://xevero.blogspot.com/?m=1

    ResponderEliminar
  92. Hola, soy muy novata. Estuve intentando colocar estos botones en mi blog, pero al ir a edicion html, expandir plantilla y tal, no encontre esa leyenda ]]> solo encontré antes de los datos de blogger algo así y algo más pero no exactamente lo que dicen ustedes. Cómo hago? M. Gracias! Saludos!

    ResponderEliminar
  93. potro amigo

    mi consulta es la siguiente ¿se puede poner estos botones en un gatget y cual es la manera si existe?

    de antemano muchjas gracias

    ResponderEliminar
  94. Buen día. Bueno hice el cambio a estos botones alineados a la derecha en el blog El Baúl de las Costureras. Antes de hacer todo esto, ya tenía colocado el botón +1 en la parte superior de cada entrada, que solo se hacìa visible al abrir la entrada completa. Ahora cuando abro la entrada el +1 que estaba alineado a la derecha se coloca sobre el texto de la entrada y el +1 que debería aparecer ubicado al inicio de la entrada,ya no está. "El extraño mundo del +1" jejejejeje...

    ResponderEliminar
  95. Por cierto, razón tienes en el asunto del conteo del +1, lo que refleja el informe de Herramientas Webmaster no se corresponde con la cifra que muestra el botón. Gracias, saludos

    ResponderEliminar
  96. Amanecer Porteño, usa las teclas CTRL + F, de esa forma te será más fácil encontrar el código.

    AKIR@X, lamentablemente no, algunos de estos botones sólo funcionan dentro de la plantilla :(

    ResponderEliminar
  97. MARIA ELENA, buen día-tardes-noches, en esos casos lo ideal es usar sólo un botón porque además como que el botón de Google no termina de adaptarse del todo bien, así que si se pone en las entradas entonces se debe quitar el flotante, o se se deja el flotante quitar el de las entradas. ¡Saludos!

    Be Bloggera, no lo he hecho, pero supongo que sí, habría que repetir los códigos y ver si anda bien.

    ResponderEliminar
  98. Hola Potro, primero te felicito por tu pagina, excelente fuente de informacion. te escribo para comentarte que estare atento a la solucion que puedas encontrar al tema del boton +1, yo tengo problemas con ese boton ya que no sale para darle click. espero que puedas colaborarnos.

    saludos.
    mi web www.xanateach.com

    ResponderEliminar
  99. Hola JuanDRomero,

    Justo hoy en Oloblogger hablaron de una opción para solucionar ese problema, no es la solución total, pero puede usarse mientras Google corrige todos sus problemas con este botón:
    http://oloblogger.blogspot.com/2011/08/una-solucion-para-los-botones-1.html

    Saludos.

    ResponderEliminar
  100. Esos botones nunca me salieron y puse los códigos. ¿Me puedes ayudar? No sé qué surgió. cristosdelacueva.blogspot.com

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

    ResponderEliminar
  102. Veo que tienes el primer código, pero no el segundo, no sé si lo habrás quitado.

    ResponderEliminar
  103. no me funciono, queda bajo el tema de mi post, y no a lado como esta entrada, ojala pudieran ayudarme, salu2

    ResponderEliminar
  104. No, el segundo código se borra. Es lo que me parece extraño. No sé si será por la plantilla que tengo. Pero yo lo pego después de la flecha (--->) y lo he puesto, también, debajo. ¿Qué hago?

    ResponderEliminar
  105. Bien, muchas gracias, quité el flotante y dejé el de las entradas. Saludos

    ResponderEliminar
  106. Dandi, en la entrada se explica qué se debe modificar para que se controle la posición de los gadgets.


    Deivi a.k.a El Escribidor, prueba ponerlo en otro lugar, por ejemplo debajo de:
    <div class='itemtext'>


    MARIA ELENA, excelente :) saludos!

    ResponderEliminar
  107. Gracias, pero no salió. Intentaré cambiar la plantilla.

    ResponderEliminar
  108. El problema era la plantilla. Ya salió. Grcias.

    ResponderEliminar
  109. Lo mejor, gracias por tu recomendación... espero el efecto deslizante... en cuanto se te ocurra estaré allí para leerlo... thanks!!

    ResponderEliminar
  110. Deivi a.k.a El Escribidor, qué bueno que ya lo has resuelto :)

    Diego Gómez, vale, trataré de no tardarme :D

    ResponderEliminar
  111. Otra vez por aquí ando Potro...

    esta vez es pa preguntarte cómo le hago para crear una sucesion de imagenes como esta que esta en esta pagina http://axmf.com.ar/
    pa ponerla en mi blog, ahora que cambie de plantilla. chequea la nueva plantilla http://mediametalfire.blogspot.com/ la anterior me dijeron que no la entendian mucho...

    ResponderEliminar
  112. No sé qué método hayan usado, pero una forma sencilla de hacerlo y que no requiere ni un script es con el tributo MARQUEE:
    http://ciudadblogger.com/2009/05/links-y-banners-en-movimiento.html

    ResponderEliminar
  113. Potro hay forma de publicar en Google+ todas las entradas del blog así como hacemos en Facebook y Twitter?
    Te comento otra cosa fuera de tema, la página que tenes arriba en los banners, WWE Live, tiene virus.
    Saludos!

    ResponderEliminar
  114. Ammm, ¿qué virus tiene?
    Lo de Google+ no que yo sepa, apenas es muy nuevo, así que son pocos los trucos que hay sobre esa red social.

    ResponderEliminar
  115. logre poner el boton de me gusta y el de twiter en un guitget, pero no el de 1+...cheda mi blog y dame tu opinion plis...


    http://biblioakirax.blogspot.com

    ResponderEliminar
  116. No tengo idea que virus porque entre una vez, y el NOD32 me detecto que tiene un troyano, por eso no entro mas.

    ResponderEliminar
  117. AKIR@X, prueba actualizar el código del botón:
    http://oloblogger.blogspot.com/2011/07/actualizando-el-boton-1-y-aprovechando.html

    Pozo+10™, ok, en un rato le mando un correo al dueño del blog para avisarle eso, gracias!

    ResponderEliminar
  118. si me sirvio, fue de gran ayuda y lucen bien los invito a que me visiten. gracias

    ResponderEliminar
  119. Qué bueno que te ha quedado bien Alan, saludos!

    ResponderEliminar
  120. hola, gracias por ese truco, me fue muy bien aunque a veces no salen los 3 jeje ;)
    una pregunta, se puede hacer que al final de todo eso se ponga una imagen que al darle clic te mande a otra pagina? osea

    face
    twit
    +1
    (imagen linkeada)

    muchas gracias :)

    ah cierto, otra cosa, cuando le da clic a me gusta o compartir en mi blog (e incluso cuando solo copian la direccion de la entrada y la pegan en el muro) sale esto en mi muro y en el de otras personas tambien:

    http://k12.kn3.net/966E79C61.png

    como puedo quitarle o cambiarle eso para que salga algo del tema de la entrada o la descripción del blog... no se jeje algo por el estilo pero quisiera que no salga eso :)

    este es mi blog: http://elsentirpopular.blogspot.com/

    gracias ;)

    ResponderEliminar
  121. Hola CristJian,

    El botón de Google anda fallando mucho, es por eso que no siempre se ve.
    Para agregar iconos abajo de estos botones sólo agrega antes de:
    </tbody></table>

    Una línea como esta por cada icono que quieras:
    <tr><td><a href="URL del enlace"><img src="URL de la imagen" /></td></tr>

    Lo de Facebook prueba agregando metatags para que salga la descripción del blog:
    http://ciudadblogger.com/2009/05/agregar-meta-tags-en-blogger.html

    Saludos.

    ResponderEliminar
  122. potro yo tengo una pequeña duda, lo que pasa es que cuando agrego el segundo codigo (el de recomendar la URL del blog y no las entradas) me aparecen los botones dentro de las entradas y no flotando como se supone que debe salir!
    ademas, en edicion HTML me sale dos veces la linea que dice:
    "clear for photos floats"
    y verdaderamente no se donde poner el codigo.
    De antemano agradezco mucho tu ayuda ya que tu pagina web me ha servido bastante. saludos!!

    ResponderEliminar
  123. Hola Jonathan,

    Es posible que tu plantilla sea demasiada modificada y por eso te aparezca dos veces esas líneas. En esos casos la mejor forma de saber en cuál es la correcta es probar, probar con una y sino sale entonces probar en la otra.

    Lo otro que mencionas me suena a un error en la colocación de los estilos, pero para estar seguro necesitaría saber dónde lo has puesto.

    Saludos.

    ResponderEliminar
  124. hola Potro.. gracias por tu respuesta =)

    me funcionó eso de la imagen =D

    las metatags las cambié pero aún sale ese mensaje de numeros y letras :(
    luego lo chequeo bien a ver como lo arreglo

    una ultima cosita si no es mucha molestia jeje

    como puedo hacer que cuando copie la entrada del blog al facebook me salga en la imagen en miniatura solo la primer imagen que esta en la entrada, normalmente cuando la copio sale para elegir de un monton de imagenes que tengo de otras entradas, incluso cuando copio y pego el link del blog sale para elegir de todas las imagenes que tengo y solo quisiera que salga solo una, muchas gracias =)

    ResponderEliminar
  125. Hola de nuevo potro, he probado con las dos y me sale el mismo error, aun no se porque pasa esto. Se me ha dificultado un poco porque nunca he trabajado con botones flotantes e hice exactamente lo mismo que dice arriba
    ¿entonces el problema no es el codigo si no la plantilla que tengo?

    ResponderEliminar
  126. CristJian, no hay manera de elegir que tome la primera imagen, en teoría, sólo teoría, debería ser así, tomar la primera imagen de la entrada, pero en la gran mayoría de los casos toma cualquier cosa menos la primera imagen de la entrada. Esos son por aspectos tanto de Facebook como se la plantilla :/

    Jonathan Mera, como te dije, necesitaría saber dónde lo has puesto, de otra manera es como tratar de ver en la oscuridad.

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

    ResponderEliminar
  128. oh, bueno, gracias igualmente por la info =)
    excelente blog, lo vengo siguiendo desde algun tiempo pero es la primera vez que pregunto algo jeje

    Por cierto ya hice lo de la imagen al final y quedó muy bien, lo malo es que se me puso con un fondo blanco y originalmente la imagen es transparente... como le podría quitar ese fondo blanco??

    mi blog: http://elsentirpopular.blogspot.com/

    la imagen es la del boton de donar de Paypal que se encuentra en cada entrada... como puedo hacer que se le quite el fondo blanco si esa imagen es transparente de por si misma??

    gracias =)

    ResponderEliminar
  129. Hola de nuevo CristJian,

    Busca esta parte y elimina lo que está en negrita, eso le quitará el fondo blanco a las imágenes del blog:

    .post img{padding:6px 6px 6px 6px;background:#fff;border:0px solid #ddd;margin:0 4px 4px 0}

    Saludos y espero seguirte viendo por acá ;)

    ResponderEliminar
  130. gracias loco!!! eres mi idolo! jaja estube buscando como loco como quitarle ese fondo blanco jaja excelente!
    ya me hice fan ayer ;)
    saludos

    ResponderEliminar
  131. Hola muchas gracias este un codigo que aumenta sin duda tu popularidad ,pero tengo una duda twitte en el boton de twittear de mi blog y le di f5 y la parte del boton twittear sigue marcando cero y eso a que se debe ?Otra cosa podrias mandame una invitacion porfavor para google + o plus ,no se como se llama ,te dejo mi correo en contacto y salu2 buen fin de semana
    http://toditonarutoshippuden.blogspot.com

    ResponderEliminar
  132. o como te puedo dejar mi correo ,no tienes habilitada la seccion contacto :(

    ResponderEliminar
  133. Es que los botones los muestras tanto en la portada como en las entradas. Si le das click estando en la entrada sí debe contar el tweet.
    Deja aquí tu dirección para la invitación:
    http://www.facebook.com/fans.ciudadblogger/posts/223992294303255

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

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

    ResponderEliminar
  136. Que tal Potro perdon por estar borrando mis comentarios pero en los comentarios encontre la respuesta... no sabes como hacer para que estos botones no aparezcan en la mitad de la página, sino aparezcan en la esquina inferior izquierda?

    Gracias por tu ayuda.

    ResponderEliminar
  137. En donde dice top:150px; puedes cambiar la posición, si lo quieres en la parte baja entonces deberás cambiar eso por:

    bottom:0;

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

    ResponderEliminar
  139. hola Sr potro muy buenos tutoriales eres el mejor de la web... sabes me preguntaba si es posible tener esos botones pero en la parte de abajo, mira aca te dejo unas capturas..

    el mio actualmente se vé así

    http://foto.pk/images/elmio.jpg

    y quiero que sea vea así :

    http://foto.pk/images/bbarrade.jpg

    exactamente asi, quiero que tenga esos botones al final de todas y cada una de las entradas... espero que me puedas ayudar sr Potro saludos!

    ResponderEliminar
  140. Qué bueno que ya has conseguido hacerlo ;)

    ResponderEliminar
  141. hola potro, agregue los botones, pero al clickear en "me gusta" en el muro de facebook no aparece la imagen de la entrada, solo una imagen q hay en un gadget en la pagina principal, ¿¿como hago para q salga la foto de la entrada de blogger en el muro del q pincha "me gusta"?? gracias d antemano

    ResponderEliminar
  142. Hola Potro, tengo un problema con mi plantilla, he intentado de todo para que me aparezcan los botones de compartir las entradas y nada, ademas intente poner esto y todo salio normal, me dejo guardar la plantilla pero como siempre no aparece.

    Gracias.

    ResponderEliminar
  143. Hola Potro, geniales estos botones pero solo me sirvieron los de facebook y twitter, el de G+ no funciona! auydame! u.u
    http://sakura-ek.blogspot.com/

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

    ResponderEliminar
  145. me encanto! te dejo mi blog para que lo veas http://www.cerquita-mio.com.ar/
    Saludos Potro!

    ResponderEliminar
  146. PAM!!, ese es el problema de toda la vida con Facebook, basicamente depende de su sistema elegir qué imagen y texto mostrar.

    Carlos Sz, ¿ya verificaste que en las entradas individuales sí se vea? ¿en cuál blog lo has puesto?

    ResponderEliminar
  147. Eder kamilo, a todos nos anda fallando en el Google+, con eso de que hace cambios a cada rato en su botón ya no sé ni cuál usar para hacer que funcione :/

    Bren, qué gusto que ha sido de tu agrado!

    Mario123, ¿en cuál blog?

    ResponderEliminar
  148. Seguro que esta barra no se puede poner en los dos sitios?, tanto en el menú principal como en las entradas?.

    ResponderEliminar
  149. De poderse sí se puede, sólo que podría no funcionar bien, pero sí, sí se puede, sólo es cuestión de que la que comparte todo el blog sólo se muestre en la portada, eso se haría encerrando ese código entre:

    <b:if cond='data:blog.url == data:blog.homepageUrl'>

    y

    </b:if>

    ResponderEliminar
  150. hola.. quiero quitarlos, ya elimine la primer parte pero no encuentro los otros, y me salen los botones de faceboook y twitter en las entradas! :/

    ResponderEliminar
  151. Hola Potro....Los implementé recien pero me pasa lo mismo que algunos que no me funciona el google+. Habrá algún otro código para ponerlos???
    MI blog es

    http://www.marcosgratis.blogspot.com/

    Gracias de antemano.

    ResponderEliminar
  152. Potro como le quito el fondo blanco y lo pongo transparente como tu lo tienes..

    Otra cosa como hago para que los botones no se sobrepongan sobre el texto.

    Aqui mi blog http://www.miltrucosblogger.com.ar/

    ResponderEliminar
  153. Hola Eder kamilo,

    Expande los artilugios y busca esta línea:
    <table border='0' cellpadding='6' id='RedesSociales'>

    Habiéndola encontrado sabrás quitar el código restante.

    Saludos.

    ResponderEliminar
  154. Vimonbox, el de Google+ tiende a fallar, lo único que se me ocurre y que es lo mismo que les he dicho a los demás es usar el código actualizado:
    http://vagabundia.blogspot.com/2011/07/actualizacion-del-boton-google1.html

    ResponderEliminar
  155. Juvinao, tu plantilla tiene estilos específicos para las tablas, así que lo más conveniente sería que elimines todo lo que hay dentro de:
    /* tables */

    Los botones son flotantes, así que si abres más la ventana del navegador verás que no se enciman a lo demás. Saludos.

    ResponderEliminar
  156. Me funciono por fin pero solo un problema me aparecen unas lineas alrededor de los botones, es decir una tabla. Te pongo una imagen para que me digas en que me equivoque o cual es el problema. Gracias por tus aportes.

    http://img692.imageshack.us/img692/4852/probemabotonesflotantesz.jpg

    ResponderEliminar
  157. ¿En cuál blog los has puesto Marcos?

    ResponderEliminar
  158. hola potro, puse una plantilla nueva pero no puedo ponerle el boton de me gusta, me gustaria una ayudita de usted.. este es el blog http://callejonmusicrd.blogspot.com/

    ResponderEliminar
  159. Hola FERNANDESIGN,

    Entré a tu blog y veo los tres botones sin problema. Supongo que ya lo has resuelto. Saludos.

    ResponderEliminar
  160. Hola potro mi blog es www.educarlosantonio.tk lo tuve que quitar por que no se podia hacer ningun click con los botones y le quitabas estetica al blog. La cosa es que queda como en la imagen que te ouse. Me gustaría me aporas por que es el único método en los que pude poner los botones, trate con los otros pero no me funcionaron.

    ResponderEliminar
  161. Necesitaría verlo puesto en el blog. De cualquier forma puedes probar con la opción que explico en la última entrada publicada. Saludos.

    ResponderEliminar
  162. hola,me gustaria saber si se puede hacer esto mismo,pero envez de que salgan "flotando" que salgan estos mismos botones al final de cada entrada,gracias
    y si me pasas algun link mejor

    ResponderEliminar
  163. Hola Reno, mira esta entrada:
    http://ciudadblogger.com/2011/09/botones-para-compartir-deslizantes.html

    ResponderEliminar
  164. Potro....Ayuda plis...Yo puse estos botones sin problema en una plantilla, pero ahora en la simple donde sea que los ponga me quedan dentro de la columna de los post. La quiero para compartir el blog no post individuales y como te digo sigo todos los pasos. Gracias.

    ResponderEliminar
  165. Es porque en los estilos un poco más arriba de los que pusiste hay una llave de cierre que falta:
    http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

    ResponderEliminar
  166. Hola potro, realmente me ha servido mucho tu sitio, gracias ^ ^, tengo una duda y tal vez tu me puedas ayudar intente colocar los botones flotantes asì como lo explicas pero no se ven en mi plantilla y la verdad no tengo idea el por què :/, espero me puedas ayudar.

    Un saludo

    ResponderEliminar
  167. te dejo el link del blog

    http://darkgritorium.blogspot.com/

    ResponderEliminar
  168. Hola Emperatriz,

    No veo que tengas puestos los códigos en ese blog, necesitaría ver todo puesto para saber dónde puede estar el problema.

    Saludos.

    ResponderEliminar
  169. Potro, yo los puse en la pagina principal y ahora los quiero sacar, quiero que aparezcan solo en las entradas. pero no encuentro los codigos. Yo lo habia modificado para que el de google+ no apareciera. Tendra que ver?

    ResponderEliminar
  170. Recuerda que debes marcar la casilla 'Expandir plantillas de artilugios', una vez que lo hagas podrás encontrar el código.

    ResponderEliminar
  171. Ahora si Potro!! Pequeño detalle... :P Muchas gracias!

    ResponderEliminar
  172. Hola Potro, disculpame lo tarde que te respondo, pero implemente estos botones http://ciudadblogger.com/2009/11/boton-para-compartir-por-twitter-y.html y si los pude visualizar con mi plantilla, gracias

    un saludo

    ResponderEliminar
  173. Hola Potro!
    He aprendido mucho en tu blog. Instalé estos botones en mi blog, pero desde esta mañana el botón de Google no me aparece.
    Traté de resolver el problema con lo que leí en tus respuestas a comentarios con el problema similar pero no se solucionó. No sé si será un problema puntual. Este es mi blog www.elblogdebernabe.com

    ResponderEliminar
  174. Hola Diego,

    Justo hoy escuché de un par de lectores que están teniendo problemas con el botón de Google+ que al parecer desaparece por momentos.
    Es muy probable que Google esté haciendo cambios o pruebas y eso afecte el funcionamiento del botón, será cuestión de esperar.

    Saludos.

    ResponderEliminar
  175. Hola Potro, buenisimos estos botones, pero tengo un problema, el de facebook se queda en 1000, por más que sigan habiendo Me Gusta sigue en 1000 :/ Si sabes como solucionar ese problema te lo agradeceria muchisimo :) Saludos.

    ResponderEliminar
  176. Hola Graciela,

    Parece que se trata de un error de Facebook porque el código del botón parece estar bien, de hecho le hice click y en mi muro apareció así que sí está funcionando pero el problema debe estar con el conteo de los likes.
    Si me entero de algo te aviso.

    Saludos.

    ResponderEliminar
  177. Muchisimas gracias, entonces esperaremos a que se solucione solo. Saludos.

    ResponderEliminar
  178. mm disculpa amigo me agrado mucho tu aporte pero una pregunta, como ago para cambiarlo al lado derecho? esque aparece del lado izquiero y tapa un poco la visibilidad y si la pongo del otro lado no tapa nada importante como le ago? de antemano gracias :)

    ResponderEliminar
  179. Sólo cambia left:5px; por right:5px;

    ResponderEliminar
  180. Potro esta ves paso por esta entrada para decirte gracias por el tutorial he puesto los botones y me quedaron bien.
    mira http://wwwpavasfamosas.blogspot.com/

    ResponderEliminar
  181. gracias amigo omiti eso :$ :$

    emm se que no tiene nada que ver con este tema pero.. quiero mostrar 15 entradas en la pagina principal y al modificarlo en elementos de pagina no guarda los valores sigue mostrando maximo 6 entradas me podrias ayudar amigo xfavor? mira es esta mi web

    http://www.warezgratiz.com/

    y gracias de verdad ;)

    ResponderEliminar
  182. En este post verás por qué sucede eso de que aparecen menos entradas:
    http://ciudadblogger.com/2011/06/cuando-en-el-blog-aparecen-menos.html

    ResponderEliminar
  183. Potro una pregunta, al darle a twittear aparece Nombre del blog: Título de la entrada y enlace. Me gustaria eliminar de delante el nombre del blog para poner al final del tweet vía @cuentadetwitter

    Se puede cambiar eso?

    ResponderEliminar
  184. Hola Carlos,

    Entra a la página del botón de Twitter:
    https://twitter.com/about/resources/tweetbutton

    Ahí podrás configurar el botón añadiendo tu cuenta de Twitter para que ésta aparezca. Ya que tengas el código elimina esta parte:
    <a class='twitter-share-button' data-count='vertical' data-lang='es' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

    Y en su lugar pon el código de tu botón que creaste.

    ResponderEliminar
  185. hola potro.. me gustaron mucho los botones. pero quisiera saber como bajarlos mas de posicion.. me refieron a que en mi blog se ven muy algos y al subir el scroll hasta el tope.. se pone encima de mi cabecera.. quisiera me ayudaras.. gracias por tus aportes amigo

    ResponderEliminar
  186. haha me equivoque.. quise decir ALTOS.. este es mi blog para que lo veas.. gracias si me respondes. y si no.. tambien gracias..

    http://tecnologianice.blogspot.com/

    ResponderEliminar
  187. Hola Adelso G, en el primer código donde dice top:150px; puedes controlar la distancia desde arriba. Con un valor más bajo se subirán y con uno más alto se bajarán.

    Saludos.

    ResponderEliminar
  188. potro ayuda hago lo que dices y no me aparece los botones en mi bog

    ResponderEliminar
  189. ¿En cuál blog lo has puesto Steven?

    ResponderEliminar
  190. Buenas Potro tengo un problema
    Hago todos los paso le doy a guardar no me da ningun error pero luego no sale en las entradas porque puede ser?

    Igual me pasa con esto de Me gusta de Facebook
    http://ciudadblogger.com/2011/01/agregar-el-boton-me-gusta-de-facebook.html

    Mi Blog : tushamabeads.blogspot.com

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
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.

 
Ir Arriba Ir Abajo