Botones para compartir deslizantes (Facebook, Twitter, Google+, Taringa, Bitácoras)

24 de septiembre de 2011 353 comentarios ,

Hay muchos sitios para compartir nuestras entradas, y muchos de ellos proveen un botón para compartir, lamentablemente a veces tenemos que elegir sólo un par de ellos pues si ponemos todos, (o la mayoría de ellos) entonces el blog se ve muy saturado. Así que una opción es poder agruparlos en un contenedor que esté invisible y accesible sólo cuando el lector haga click sobre él. De esa forma podemos agregar los botones para compartir de habla hispana más importantes, como son Facebook, Twitter, Google+, Taringa y Bitácoras.


Lo que haremos entonces será mostrar una burbuja (botón) al final de las entradas, y cuando el lector de cick sobre él se abrirá con un efecto deslizante un contenedor que tendrá dentro los botones de las principales redes sociales de habla hispana. Este gadget para promocionar nuestros posts será visible sólo en las entradas individuales.
Puedes ver un ejemplo al final de esta entrada, haciendo click en el botón se desplegarán los botones para compartir.

El efecto deslizante lo haremos con jQuery, y la burbuja con el texto (el botón) lo haremos con CSS3.
Empecemos: primero ingresa en la Edición HTML de la plantilla, marca la casilla Expandir plantillas de artilugios, y antes de </head> pega el script:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(function()
{
jQuery(&quot;#msg-compartir&quot;).click(function(event) {
event.preventDefault();
jQuery(&quot;#btns-compartir&quot;).slideToggle();
});
});
</script>
Ahora antes de ]]></b:skin> agrega los estilos:
/* Botones para compartir
----------------------------------------------- */
.msg-compartir {
width:140px; /* Ancho de la burbuja */
position:relative;
padding:10px;
margin:1em 0 3em;
text-align:center;
color:#000; /* Color del texto */
background:#F3961C; /* Color de fondo de la burbuja en navegadores que no soporten CSS3 */
/* Color de fondo gradiente de la burbuja */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
background:-moz-linear-gradient(#f9d835, #f3961c);
background:-o-linear-gradient(#f9d835, #f3961c);
background:linear-gradient(#f9d835, #f3961c);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.msg-compartir::after {
content: "";
position: absolute;
bottom: -15px;
left: 67px;
border-width: 15px 15px 0;
border-style: solid;
border-color: #F3961C transparent; /* Color de fondo del triángulo de la burbuja */
display: block;
width: 0;
}
.btns-compartir {
display: none;
margin-top:-10px;
background:#F2F2F2; /* Color de fondo del contenedor de los botones */
border:1px solid #D0C9AF;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
margin-bottom:20px;
}
Por último, busca esta línea:
<div class='post-footer'>
Justo arriba de ella coloca el contenedor con los botones:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center><a href='#' id='msg-compartir' style='text-decoration:none'><p class='msg-compartir'>Comparte esta entrada</p></a></center>

<center>
<div class='btns-compartir' id='btns-compartir'>
<table border='0' cellpadding='7'>
<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>

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

<td><script type='text/javascript'>(function(){var x=document.createElement(&#39;script&#39;), s=document.getElementsByTagName(&#39;script&#39;)[0];x.async=true;x.src=&#39;http://widgets.itaringa.net/share.js&#39;;s.parentNode.insertBefore(x,s)})()</script>
<t:sharer data-layout='big'/></td>

<td><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone expr:href='data:post.url' size='tall'/></td>

<td><a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/normal/&quot; + data:post.url' style='vertical-align:middle;border:0;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a></td>

</tr>
</table>
</div>
</center>
</b:if>
Guarda los cambios y listo. En las anotaciones en color verde he puesto como siempre las áreas que se pueden personalizar como el color de fondo, de texto, etc. En donde dice cellpadding='7' puedes controlar la distancia entre cada botón.

Recuerda que:
  • Sólo será visible en las entradas individuales, NO en la portada.
  • La burbuja está hecha con CSS3, así que si usas un navegador viejo como Internet Explorer 8 sólo verás un rectángulo.
  • En Internet Explorer el botón de Facebook no se verá bien, aunque sí funcionará.


Comparte esta entrada



votar



353 comentarios en:

" Botones para compartir deslizantes (Facebook, Twitter, Google+, Taringa, Bitácoras) "

  1. excelente este gadget =)
    y como se lo puede hacer sin que se expanda?
    que esté solamente la burbuja con los botones
    gracias

    ResponderEliminar
  2. Genial como siempre.

    Por cierto gracias a tu explicación del otro día pude poner los iconitos juntos, mil gracias!!!

    Saludos:D

    ResponderEliminar
  3. Cual es la razon exacta de porque no se pueden poner en la portada??? Seria muy genial que aparecieran en la portada u.u

    ResponderEliminar
  4. que buen post man ! te pasaste quedo bien en mi web ... www.perulikes.com

    ResponderEliminar
  5. muy bueno una vez mas excelente,saludos

    ResponderEliminar
  6. Potro muy buena tu entrada, mira que en este blog tengo un inconveniente y es que los botones para compartir,no aparecen en las entradas y estos están muy grandes para el diseño del blog, me gustaría saber que debo de hacer para que salgan los botones normales de blogger, plisss ayúdame :)
    http://lecturasconaromadecafe.blogspot.com/

    ResponderEliminar
  7. Potro, se pueden poner los botones que quieras, o necesariamente los que aparecen ahí? Y también me preguntaba si sabes como poner un botón ara tuenti que mande el post a comentario o a u mensaje privado, y no al estado, es eso posible?

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

    ResponderEliminar
  9. @Marcelo potro dice que solo se ve en las portadas por que le puso una condicional para que solo se pueden ver en las entradas, pero si quieres ponerlos en otra parte de tu blog ve esta entrada
    Solo cambia la primera linea y la última que puso en el código del contenedor con los botones(el último paso)
    Espero que te haya servido de ayuda. Saludos

    ResponderEliminar
  10. CristJian, no pongas el script y elimina esta parte:
    .btns-compartir {
    display: none;

    ResponderEliminar
  11. ObeBlog, gracias por hacérmelo saber, no estaba seguro si era lo que necesitabas, así que enhorabuena por los resultados :)

    ResponderEliminar
  12. Marcelo, algunos botones para compartir no funcionan bien cuando están en la portada. Además que, el efecto de deslizamiento necesita un ID único, y si se muestra en la portada entonces se mostrará varias veces según el número de entradas que se tengan ahí, y por lo tanto el ID se repetiría varias veces lo cual causaría conflicto y no se podrían abrir.

    ResponderEliminar
  13. Lecturas con Aroma de Café, ¿te refieres a los botones para compartir nativos de Blogger? Si es así entonces quizá a tu plantilla le faltan los códigos necesarios para que estos se muestren.
    Mira esta entrada y verifica que tengas esos códigos en tu plantilla:
    http://ciudadblogger.com/2010/06/botones-para-compartir-de-blogger.html

    ResponderEliminar
  14. Fran Cruz, puede ser abajo de esa línea, yo he sugerido que sea arriba de ella porque muchos tienen un color de fondo en el post-footer y eso haría que se pierda un poco el diseño de la caja de los botones. De igual forma se puede poner debajo de <div class='post-header'> para que queden debajo del título de la entrada.

    ResponderEliminar
  15. @El Potro:

    Saludos. Ya lo implementé en mi blog pero me desapareció el botón de +1 de google. Te dejo aquí el blog----> http://TVboricuaUSA.blogspot.com

    Espero me puedas ayudar. Saludos.

    ResponderEliminar
  16. Hermano genial la información, cuando me quede tiempo lo probare aunque ya los tengo todos incluido el de Taringa, que bueno que se copen con ese gran sitio. Ídolo! (:

    ResponderEliminar
  17. El de Taringa no me funciona, queda todo deformado... no se que sera.

    ResponderEliminar
  18. ¿Podríamos cambiar el botón "Comparte esta entrada" por una imagen?

    ¿Como lo haríamos potro?

    Gracias como siempre.

    ResponderEliminar
  19. Hola , tengo una pregunta que no tiene nada qe ver con la entrada..
    Bueno , vi en una pagina que vos podias elegir que fondo ponerle, ej esta pagina tenia cuatro fondos distintos y vos podias poner cualkiera de los cuatro, aca esta la pagina... http://www.47street.com.ar/ abajo de todo esta esto que te digo, no me podrias explicar como se hace? MUCHAS GRACIAS (:

    ResponderEliminar
  20. POTRO, tienes algun tuto para Un rotador de Banner swf???

    ResponderEliminar
  21. Potro el otro dia te comentaba sobre los botones precisamente para agregar el de taringa, así que muchas gracias por hacer este post que me viene de fábula, un abrazo

    ResponderEliminar
  22. Hola Potro tengo una duda estaba siguiendo esta guia http://ciudadblogger.com/2010/08/entradas-resumidas-estilo-magazine-3.html para mi blog, pero las entradas me aparecen descuadradas y no se por que :S http://royouvideo.blogspot.com/ me podrias ayudar porfa

    ResponderEliminar
  23. TVboricua.USA, usa el código actualizado el botón Google+1 para que te permita tener más de un botón al mismo tiempo:
    http://vagabundia.blogspot.com/2011/07/actualizacion-del-boton-google1.html

    ResponderEliminar
  24. Carlos Sz, no está de más tener otra opción por si un día te aburres de la forma como están ahora, y después, cuando te aburras de estos veremos otra forma :)

    Arg Wallpapers, es el botón, como que les falta pulirlo un poco más, a mí me pasa eso si ingreso a los comentarios, pero si ingreso directo a la entrada el botón se ve bien.

    ResponderEliminar
  25. William Manney, sí, para cambiar el botón por una imagen reemplaza esto:

    .msg-compartir {
    width:140px; /* Ancho de la burbuja */
    position:relative;
    padding:10px;
    margin:1em 0 3em;
    text-align:center;
    color:#000; /* Color del texto */
    background:#F3961C; /* Color de fondo de la burbuja en navegadores que no soporten CSS3 */
    /* Color de fondo gradiente de la burbuja */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
    background:-moz-linear-gradient(#f9d835, #f3961c);
    background:-o-linear-gradient(#f9d835, #f3961c);
    background:linear-gradient(#f9d835, #f3961c);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    }
    .msg-compartir::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 67px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #F3961C transparent; /* Color de fondo del triángulo de la burbuja */
    display: block;
    width: 0;
    }


    Por esto:
    .msg-compartir {
    width:140px; /* Ancho de la burbuja */
    background:url(URL de la imagen);

    }

    ResponderEliminar
  26. muchisimas gracias Potro =)

    ResponderEliminar
  27. Este truco está excelentisimo!!

    me servirá, saludos.

    ResponderEliminar
  28. Amigazo... no sé que fue lo que hice mal... pero mira, puedes revisar mi blog y no me dió el asunto como era... que lástima... lo peor es que ahora no sé como quitarlo..

    ResponderEliminar
  29. Hola Potro geniales los botones me quedaron bien en mi blog, ahora mi pregunta es como pones al final de cada entrada la parte de mas trucos algo asi como Quizas también te ineterese o Entradas relacionadas pero quisiera saber de la forma que tu lo tienes

    ResponderEliminar
  30. necesito su ayuda, lo puse a mi web y no aparece, me pueden ayudar? mi web es: www.sergiokou.com

    Gracias por la ayuda de antemano

    ResponderEliminar
  31. Hastamiultimorespirar †, no he entendido bien a qué te refieres, igual entré a la página que dices pero hay un aviso que está en mantenimiento.

    ResponderEliminar
  32. pixeltuxpan.com, hay uno para imágenes, pero casi en los últimos comentarios se explica cómo hacer que funcione con SWF:
    http://ciudadblogger.com/2009/04/banner-cambiante.html

    ResponderEliminar
  33. Sirius, con gusto te ayudo, sólo deja el comentario en esa entrada para no desviarnos del tema de este post ;)

    ResponderEliminar
  34. MaGoS RaDioMuSiC, no te preocupes, ya está "parchado" así que también funciona con Scriptaculous, como prueba está que las flechas de subir y bajar que tengo siguen funcionando ;)

    ResponderEliminar
  35. Hola, soy akken.

    Quiero darte las gracias, ya que gracias a ti mi blog a tomado una nueva imagen. Espero que lo visites y me comentes como puedo mejorarlo, he colocado algunas cosas y he experimentado con algunas otras.

    http://starbluecomics.blogspot.com/

    ResponderEliminar
  36. Potro sigo con el mismo problema que te comentaba ademas añadiendole que me he dado cuenta que el enlace de Comentarios y Entradas de mi blog en Internet Explorer sale muy a la esquina.

    ResponderEliminar
  37. Diego Gómez, si ingresas a una entrada ahí los verás, ahora, no se ven igual, están sin formato porque no has puesto la parte de los estilos ni el script.

    ResponderEliminar
  38. TH3 V1P3R, pues es eso, entradas relacionadas, sólo que yo las he puesto dentro de una tabla HTML.

    ResponderEliminar
  39. Potro, perfecto, el código que me brindaste de Vagabundía funcionó a las mil maravillas. Aunque claro está, tuve que luchar para entender un poco, porque es más fácil como tu lo explicas. jeje.

    Por cierto te envíe un email (con una petición) a través del Formulario de Contacto.

    Saludos.

    ResponderEliminar
  40. FILESERCH, yo los veo ahí sin problema.

    akken, gracias a ti por tu visita!

    ResponderEliminar
  41. Hola potro muy interesante, pero me gustaria saber que codigos son para poner el boton de taringa y bitacoras en http://ciudadblogger.com/2011/07/botones-flotantes-para-compartir-de.html al parecer me quedo con los botones flotantes :d espero tu ayuda, gracias

    ResponderEliminar
  42. JTobaruela, recuérdame qué problema era porque mi memoria anda fatal :/

    ResponderEliminar
  43. La configuracion de las entradas que no me dejaba mover de sitio el enlace de Comentarios y Etiquetas en mis entradas

    ResponderEliminar
  44. Potro Nesecito Tu Ayuda No Se Que Es Lo Que Tiene Mi Anuncios De Google Adsed Que No Me Aparesen En Mi WEb No Se Que Fue Lo Que Le Pasooo Mi Web Es www.AltamiraMusic.net Chekea Si Algun código o Algo Que Lo Esta Blokeando!!!

    ResponderEliminar
  45. hola disculpame pero hice todo los pasos para poner esa burbuja en mi blog y no me funciona.
    para respuesta me puedes encontrar en facebook con flasch41@hotmail.com y mi blog es http://rankeomundial.blogspot.com/

    ResponderEliminar
  46. Buenas noches.

    Recibe un cordial saludo.

    Como siempre, nos compartes maravillosos elementos para incluir en nuestros blogs, yo ya he implementado el botón y me parece que luce muy bien, ¡Muchas Gracias!

    Espero no molestar ni ser inoportuna con mis siguientes palabras. Empero, como he "sufrido" tanto en la creación de mi blog, me atrevo a recomendarte que le eches un vistazo a nrelate.com, ya que me ha parecido una muy buena alternativa para crear entradas relacionadas: creas una cuenta gratuita, le instalas en tu blog y también puedes personalizarle. :) A mi me ha sido muy útil, y funciona muy bien en mi blog.

    Agradeciendote por tu amable atención.

    Éxitos y bienaventuranzas,

    ResponderEliminar
  47. TVboricua.USA, se me hace que los tengo mal acostumbrados, jaja.

    SmiThzhiTo, el de Bitácoras lo puedes ver aquí, y el de Taringa lo puedes ver en el mismo sitio de ellos: http://www.taringa.net/widgets/compartir

    ResponderEliminar
  48. JTobaruela, aquella vez te di mal el enlace (disculpa), te di uno para cambiar los nombres y no el que es para cambiar de lugar esos datos. Aquí está el correcto:
    http://ciudadblogger.com/2010/07/cambiar-de-lugar-datos-del-post-footer.html

    Por cierto, procuremos seguir en una misma entrada el hilo del problema para no perdernos del tema. Saludos.

    ResponderEliminar
  49. ADMIN, probablemente te cancelaron la cuenta, o te bloquearon la dirección del blog para que no salgan anuncios ahí.

    ResponderEliminar
  50. CMP, no veo que tengas puestos los códigos en la plantilla.

    ResponderEliminar
  51. Lluvia, gracias por la recomendación, no lo he probado pero ya le echaré un vistazo, siempre es bueno tener más opciones :)
    Éxitos también para ti y muchas gracias por tu amable comentario!

    ResponderEliminar
  52. gracias brother :)
    una pregunta, quisiera poner estos botones pero tengo el linkwithin, y me salen despues de el, por ahora tengo los botones flotantes que vi en otra entrada tuya :) pero como puedo poner este codigo para que salga antes del "quizas tambien le interese" y tambien quisiera saber como puedo poner solo estos 4 botones al lado derecho como en este post de taringa (en la nueva version de T!):

    http://bit.ly/nm3EQZ

    gracias por el buen dato hermano :)
    este es mi blog por si acaso quieres darle un vistazo y decirme donde le puedo cambiar para poner el codigo
    elsentirpopular.blogspot.com

    saludos

    ResponderEliminar
  53. oe Potro gracis por el truco pero queria saber comopuedo hacer para que no se expanda

    hise lo que le dijiste a CristJian pero quiero que salga el fondo
    como le ago?
    porfavor

    mis blogs por si quieres visitarlos:
    http://www.southparklatino.com.mx/
    http://www.verthebigbangtheory.com/
    http://megapelisdescarga.blogspot.com/

    ResponderEliminar
  54. Hola potro, lo instale y funciona de maravilla, pero como puedo cambiar el color de fondo del rectangulo cuando ya esta expandido.

    Se me ve blanco, queria saber si es posible dejarlo transparente...

    Aca mi blog para que lo veas: http://musica--under.blogspot.com/

    Muchisimas Gracias.

    ResponderEliminar
  55. Hago repost, me exprese mal, el problema es el fondo de los cuadrados donde estan los botones.

    Gracias

    ResponderEliminar
  56. CristJian, no conozco bien el funcionamiento de LinkWithin por lo que no sabría decirte qué hace para que se muestre antes, ya que este gadget en realidad debería salir antes pues está antes del post-footer.
    El otro estilo, sólo pon los códigos de cada uno en una tabla HTML, y si quieres la puedes alinear a la derecha.

    ResponderEliminar
  57. david, es la misma instrucción que le di a él.


    OZ, tu plantilla tiene estilos definidos para todas las tablas, por eso aparecen de esa forma. Sería mejor que eliminaras esos estilos para que no se interpongan más en el diseño de esta u otra tabla. Para hacerlo elimina toda esta parte:
    table{margin:10px 0 10px;border:1px solid #06090F}
    table td,table th{text-align:left;padding:.4em .8em}
    table th{background:#06090F;color:#999;text-transform:uppercase;font-weight:normal;border:none}
    table td{background:#e4e4e4;border:none;color:#555}
    table tr.even td{background:#eee;border:none}
    .rounded{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
    table tr:hover td{background:#FFF9DF}

    ResponderEliminar
  58. Que tal Potro no sabes con que otras librerias de jQuery es compatible?

    ResponderEliminar
  59. Potro Gracias estaba buscando unos botones similare mil Gracias

    ResponderEliminar
  60. Obed, con ninguna de las más conocidas, pero si se "parcha" puedes usarlo sin problemas con otras:
    http://ciudadblogger.com/2011/02/usar-jquery-y-scriptaculous-al-mismo.html

    ResponderEliminar
  61. artistadecalle.com, gracias a ti por tu visita!

    ResponderEliminar
  62. Hola soy akken, ¡¡¡ayuda por favor!!! ¿¡que son con las nuevas Dynamic Views de blogger y como pueden afectar a todas las modificaciones que le he hecho a mi blog!?

    http://starbluecomics.blogspot.com/

    ResponderEliminar
  63. Son nuevas plantillas que salieron hace mucho pero que estaban de prueba, y que ahora ya se pueden elegir. No las uses a menos que quieras cambiar de diseño pues son eso, plantillas, así que si la aplicas perderás tu plantilla actual.

    ResponderEliminar
  64. Chekea Potro Creo Que NO Que No Me Ah Cancelado La Cuenta Por Que En EL Editor De Blogger osea En La PArte Diseno Salen Los Anucios Pero En La Web No Sale Chekea Esta Imagenes [Imagen #1 http://i53.tinypic.com/yij52.jpg ][Imagen #2 http://i54.tinypic.com/ddyf13.jpg ] [Imagen #3 http://i52.tinypic.com/6pt9hz.jpg ] [Imagen #4 http://i52.tinypic.com/2n9yli9.jpg ] Vuelvo Y Te Reitero Mi Web Es www.AltamiraMusic.net POR FAVOR AYUDAME LO MAS RAPIDO POSIBLE!!!

    ResponderEliminar
  65. Hola potro, por acá de nuevo, me gustaría eliminar el espacio que hay entre el botón de me gusta y los enlaces de página principal, entrada antigua y entrada reciente en cada una de las entradas, le agradecería su colaboración, me refiero al blog de pasión motilona

    ResponderEliminar
  66. Hola Potro, estoy creando un nuevo blog, y me gustaría saber si puedo modificar la plantilla Combine, en el otro tengo una mínima black y es fácil, pero en esta no sé si puedo. Me gustaría quitar la barra de navegación y ponerle la típica de blogger, cambiar los títulos de páginas que trae incorporados y poner los míos, y cambiar el ancho del blog y de las columnas, te dejo la dirección para que le eches un vistazo: www.galijeando.blogspot.com Muchas gracias.

    ResponderEliminar
  67. gracias loco, ahora lo pruebo, luego te comento si me funciono :)

    ResponderEliminar
  68. ADMIN, que se vean en la edición de Blogger no significa que no te hayan bloqueado los anuncios en el blog, ¿porque? pues porque cuando sí los ves en la edición de Blogger la dirección no es de tu blog, sino de Blogger.com, por eso ahí sí puedes verlos. Es decir; en el supuesto caso de que sí hayan bloqueado tu blog para mostrar los anuncios entonces desde AltamiraMusic.net no podrás verlos, pero cuando estás en la edición del blog no estás en AltamiraMusic.net sino en Blogger.com y esa dirección no está bloqueada.

    ResponderEliminar
  69. La pluma del comentario, edita el botón, verás que la altura no la especificaste, dice height:px y debe ser algo como:
    height:30px;

    Por eso se genera ese espacio.

    ResponderEliminar
  70. Hola Andrea,

    Sí deseas eliminar el menú superior que trae esa plantilla busca esta parte y agrega lo que está en negrita:
    .menu-primary-wrap{display:none; padding:0;position:relative;height:40px;z-index:400;margin:4px 0 0 0}

    Si quieres que aparezca de nuevo la navbar de Blogger elimina esta línea:
    #navbar-iframe{height:0;visibility:hidden;display:none;}

    Para poner tus títulos en el otro menú sólo tienes que buscar esas palabras y ahí poner las tuyas y tus enlaces.

    El ancho de las columnas lo cambiarías igual que como en cualquier otra plantilla. Modifica el ancho de #rsidebar-wrapper, #main-wrapper y #outer-wrapper, ahí no te doy indicaciones específicas porque no has aclarado si quieres hacerlas más chicas o más grandes, pero si ya lo has hecho con la plantilla Mínima seguro sabrás a qué me refiero.

    Saludos.

    ResponderEliminar
  71. Hola amigo potro necesito tu ayuda!!

    necesito que me digas si no hay algo parecido a lo que yo tengo en mi Blog de "Dale me gusta" del face pero que sea de Twitter?

    Y mi otra pregunta es como hago para subir vídeos a mi Blog que los usuarios de mi Blog lo puedan ver Online y que también los puedan descargar.

    Este es mi Blog -> http://nsbleach.blogspot.com/

    Espero que me puedas ayudar :D

    "¡SALUDOS!"

    ResponderEliminar
  72. ¿Qué es lo que tienes de 'Dale me gusta'? porque no lo he encontrado :/
    Que los puedan ver u descargar con la misma opción no sé, pero ver online lo puedes subir al mismo Blogger, a YouTube, Vimeo, etc. hay varios sitios para subir videos.

    ResponderEliminar
  73. buenisisimo potro eres un mago en esto gracias pasale a mi blog sonacero360.blospot.com xfas

    ResponderEliminar
  74. hola, EL POTRO, intenté ponerlo en mi blog pero nunca salió =( necesito tu ayuda...

    http://empiresandallies-grupolatinoamericano.blogspot.com/

    ResponderEliminar
  75. Hola Empires And Allies,

    Veo que tienes el primer y segundo código, pero no el tercero. Necesitaría que lo pongas de nuevo para poder revisar qué pudo haber pasado.

    ResponderEliminar
  76. No sé porqué no funciona en mi nueva plantilla.... www.mycalidad.blogspot.com

    ResponderEliminar
  77. No veo que hayas puesto todos los códigos.

    ResponderEliminar
  78. EL POTRO, SI ESTÁN LOS 3 CÓDIGOS! =( AYUDAME PORFA

    http://empiresandallies-grupolatinoamericano.blogspot.com/

    ResponderEliminar
  79. Sigo sin ver los últimos. Revisa que en tu plantilla no tengas más de una etiqueta <div class='post-footer'>
    Si tuvieras más de una entonces prueba poner los códigos antes de las otras etiquetas repetidas para ver en cuál de ellas funciona.

    ResponderEliminar
  80. hola disculpa que te moleste como le hago para mostrar solo el rectangulo que tiene el contenido, sin que se deslize, no se si podrias ayudarme mi blog es http://gryzoroncezero.blogspot.com

    ResponderEliminar
  81. ENTONCE PROTRO QUE TENGO QUE HACER PARA PODER ARREGLAR ESO DE NEW

    ResponderEliminar
  82. gryzor110, mira el comentario #16, ahí dice qué se debe hacer para se muestre siempre y no se deslice.

    ADMIN, si te bloquearon el blog no puedes hacer nada, quizá puedas dirigirte al Foro de Ayuda de AdSense por si a alguien se le ocurre una mejor idea :/

    ResponderEliminar
  83. Hola Potro, esta genial esto, ya lo implemente en mi blog. Muchas gracias por el código y la explicación =)

    ResponderEliminar
  84. Y para compartir todo el blog, cómo se hace?

    Saludos.

    ResponderEliminar
  85. Potro, te molesto, por que tengo un problemon con mi Blog; http://tuxpannoticias.blogspot.com/ hace una semana cambie de URL y para mejora le estoy haciendo unos ajustes, cheque los botones que pusiste y los quise agregar pero el problema es que me aparece solo el rectángulo, no son flotantes.
    ¿se puede corregir o hacer algo?

    otra; veo que aparece mi nombre en la publicacion "tinogl" por seguridad quisiera quitarlo, no se si se pueda.

    otra, mi plantilla tienen flash y eso probablemente me este alentando la pagina a la hora de ingresar, no se que me puedas recomendar,no se hasta donde se manipula la plantilla HTML, pero de ser posible quisiera quitarle el movimiento y me encantaria dejarle un color de fondo similar a el de esta pagina (solo el color) http://trucosblogger.net/

    por ultimo, ya para terminar, necesito botones, algo que se vea elegante, (los codigos HTML) no como los que tengo para que me sigan en face, twitter y google+ que en mi esfuerzo por que me sigan siento que no se ven bien.

    te agradecería mi estimado, ya no quiero hacer tantas modificaciones, cada dia, me gustaría que tu como conocedor de paginas web si tienes alguna recomendacion para una mejora de mi blog la tomare a bien, te agradezco, espero respuesta

    ResponderEliminar
  86. POTRO, disculpa que te moleste otra vez... pero me he borrado todo en mi blog para poner los códigos y están bien puestos pero sigue sin aparecer... Me he revisado otros blogs y la última parte del código no aparece... =( Entonces no sé como hacerlo y ojala haya una forma en que pueda solucionar este problema... te lo agradecería...

    http://empiresandallies-grupolatinoamericano.blogspot.com/

    ResponderEliminar
  87. Pepée Pilato, hay otros con esa finalidad, aunque son flotantes:
    http://ciudadblogger.com/2011/07/botones-flotantes-para-compartir-de.html

    ResponderEliminar
  88. tinogl, entré a tu blog y veo los botones perfectamente bien debajo de la entrada, supongo que era un problema que ya has podido resolver.
    Para quitar el autor de la publicación entra en Elementos de la página (o Plantilla en la nueva interfaz) y da click en Editar sobre Entradas del blog, ahí desmarca las casillas que no quieras que aparezcan.

    De flash no encontré nada, y el fondo lo puedes cambiar desde el mismo Diseñador de plantillas.

    De los botones parece que ya encontraste unos, en realidad creo que sólo esos son los que tengo en el blog, pero igual visita la sección Facebook que está en el Menú para ver otras opciones en cuanto a botones de Facebook.

    Saludos.

    ResponderEliminar
  89. Empires And Allies,

    Descargué la plantilla que usas para revisar los códigos y veo que está muy modificada la plantilla. Pon el último código arriba de:
    <p class='tags'>

    Ahí sí deberá aparecer.
    Saludos.

    ResponderEliminar
  90. Gracias Potro! Funciona perfectamente!!!! =) Se te agradece!!!!

    ResponderEliminar
  91. hola potro lo que me pasa es que cuando entro al face debajo del titulo me aparece esto:

    var timestamp = "lunes, octubre 10, 2011"; if (timestamp != '') { var timesplit = timestamp.split(","); var date_yyyy = timesplit[2]; var timesplit = timesplit[1].split(" "); var date_dd = timesplit[2]; var date_mmm = timesplit[1].substring(0, 3); } document.write(date_dd); d...

    ResponderEliminar
  92. Sì, he estado buscando ese, lo probaré haber que tal.

    Gracias por tus respuestas.

    ResponderEliminar
  93. anibal gutierrez, quizá tienes un script de fecha o algo parecido. Tendrías que quitarlo para que el lector de Facebook no lo detecte.

    ResponderEliminar
  94. Hola potro;

    tengo un problema es que comparte entrada se va abajo..

    aquí te dejo una imagen; http://dl.dropbox.com/u/23889866/ayuda.png

    mi blog de prueba es; www.plantilladepequemundossims.blogspot.com

    ResponderEliminar
  95. potro gracias por checar mi blog, el fin de semana me puse a buscar en muchas de tus publicaciones y encontre cosas que me fueron muy utiles. lo que hasta ahora no puedo encontrar es como hacer que funciones el trislider que quisiera poner al final de mi blog, el problema fueron los codigos, no se si me podrias ayudar pasandome el codigo desbloqueado para poder usar dos funciones de slider a la vez, es que quiero que funcionen las dos y con el bloqueo no aparecian ni una de las dos, te agradeceria, creo que ese seria un buen elemento para la parte inferior de mi blog. http://ciudadblogger.com/2011/03/trislider-otro-slider-con-jquery.html

    http://tuxpannoticias.blogspot.com/

    otra cosa que me hace falta para casi cerrar los ajustes,son las entradas antiguas, me urge un gadget de publicaciones recientes, ya tengo una pero es muy sencilla, quiero algo que se vea bien, y otra de entradas populares tambien porfa.

    de los alabos creo que esta de mas decirlo, cheque infinidad de agradecimientos y muchos elogios, por mi parte solo agrego que es bueno que existan este tipo de espacios en los que ustedes comparten sus conocimientos y nuevas actualizaciones, siendo sinceros "estas muy cabron"... saludos

    ResponderEliminar
  96. Hola Antonio,

    Poniendo el código de los botones arriba de esta línea debería hacer que se muestren primero que otro gadget:
    <div class='compartir-post'>

    Saludos.

    ResponderEliminar
  97. Hola Tuxpan Noticias,

    ¿A cuál código desbloqueado te refieres? Si es sobre ese slider vamos a verlo allá en esa entrada para no desviarnos del tema de este post. Sirve que ahí me explicas bien lo del código desbloqueado ;)

    De últimas entradas tengo sólo estos posts:
    http://ciudadblogger.com/2009/03/poner-ultimas-entradas.html
    http://ciudadblogger.com/2009/04/mostrar-ultimos-articulos-transitorio.html
    http://ciudadblogger.com/2011/05/ultimas-entradas-por-categorias-con.html

    Y uno con flash pero falla mucho:
    http://ciudadblogger.com/2009/06/ultimas-entradas-con-gadget-en-flash.html

    Gracias por el elogio, muy mexicano :)
    Saludos!

    ResponderEliminar
  98. Hola potro de nuevo pues me ha funcionado ahora el problema es que esta un poco junto adonde dice "comparte esta entrada" esta junta con la imagen de Taringa...

    Te dejo una imagen... http://dl.dropbox.com/u/23889866/No.png

    La imagen de arriba es mia y la de abajo es la tuya como puedo poner la de abajo un poco separado?

    te dejo la pagina; www.pequemundossims.blogspot.com

    ResponderEliminar
  99. Hola Antonio,

    En el código busca esta parte:
    padding:10px;
    margin:1em 0 3em;

    Y cámbiala por esta:
    padding:10px !important;
    margin:1em 0 3em !important;

    ResponderEliminar
  100. Gracias! Me ha Funcionado!! :D

    Esto ya no viene con esta entrada..

    Estoy buscando un codigo que es < b : includable id= 'comment-form' var='post '>
    pero no lo encuentro en html que hago?

    ResponderEliminar
  101. Debes expandir los artilugios de la plantilla.

    ResponderEliminar
  102. Hola!! Primero decirte que es el unico que me a servido, gracias!

    Lo puse en uno de mis blogs, y quedo perfecto, pero ahora lo he puesto en otro y se ven los botones muy pegados, como puedo separarlos?

    Saludos!

    ResponderEliminar
  103. ¿En cuál blog tienes ese problema?

    ResponderEliminar
  104. Grande Potro. Funciona perfectamente.

    Gracias.

    ResponderEliminar
  105. Hola de nuevo!
    Con el de los fondos de pantalla

    ResponderEliminar
  106. Lo que pasa es que esa plantilla tiene estilos predeterminados para las tablas, y como este gadget usa una tabla entonces la plantilla "impone" sus estilos.
    Para arreglarlo elimina de esta parte lo que está en negrita:

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

    ResponderEliminar
  107. Oh muchisimas gracias de verdad, eres un makina!!

    Una cosita, porque ahora no se ve el boton de taringa? Pense que solo me pasaba a mi por lo de mi plantilla, pero en tu post tampoco se ve.

    De nuevo mil gracias, saludos!

    ResponderEliminar
  108. Perdon, al cargar de nuevo tu pagina, ahora si se ve el boton de taringa, sin embargo a mi no.
    Se podria quitar ese boton?

    ResponderEliminar
  109. Falla a veces ese botón, por ejemplo ahora que entro a la página lo veo bien, pero si hago un comentario y espero a que cargue otra vez, carga pero a medias y todo descuadrado, supongo que son las fallas "normales" de todo botón nuevo que sin duda necesita ser mejorado.

    Sí puedes quitarlo, sólo elimina esta parte del código:

    <td><script type='text/javascript'>(function(){var x=document.createElement(&#39;script&#39;), s=document.getElementsByTagName(&#39;script&#39;)[0];x.async=true;x.src=&#39;http://widgets.itaringa.net/share.js&#39;;s.parentNode.insertBefore(x,s)})()</script>
    <t:sharer data-layout='big'/></td>

    ResponderEliminar
  110. Oks! muchas gracias por tu ayuda, buen fiende!

    ResponderEliminar
  111. yo agregue le mio y solo aparece el rectangulos que dice "comparte esta entrada" , las letras verdes tambiense tenian que colocar? o no

    ResponderEliminar
  112. Gracias Potro, pero slo se me ve el Rectangulo que dice "Comparte esta Entrada"

    Podrias verificar si hice algo mal o no.

    Muchas Gracias

    MI WEB: www.zonadvdlatino.net

    ResponderEliminar
  113. Yo lo veo perfectamente bien, si ingresas a una entrada podrás verlo al final del post.

    ResponderEliminar
  114. ola potro colo ago para que los botones aparescan abajo del titulo del blogs y que no tenga el efencto deslisante

    ResponderEliminar
  115. Hola dnis,

    Para que no se deslice mira el comentario #16.
    Para que estén debajo del título de las entradas pon el código arriba de esta línea:
    <div class='post-header'>

    Recuerda marcar la casilla Expandir plantillas de artilugios para encontrarla.

    ResponderEliminar
  116. hola que tal potro

    como le quito el scrito al boton +1 de google

    esto: You and 29 others +1'd this

    como se le quita?


    saludos!

    ResponderEliminar
  117. es urgente man es que mueve todo el blog

    míralo por fabor

    http://griffinskato.blogspot.com/

    ResponderEliminar
  118. Desde hace dos días Blogger lo ha cambiado, el problema es que en la plantilla no tiene el atributo que hace que aparezca así y se pueda modificar sino que es una etiqueta controlada directo desde Blogger.
    Ayer estuve haciendo varias pruebas pero aún sin resultados, hoy continuaré para ver si puede dejarse como estaba antes.

    ResponderEliminar
  119. oye no me aparecen mira que tiene porfa

    http://trucoplus.blogspot.com/

    ResponderEliminar
  120. No veo que tengas puestos los códigos ahí.

    ResponderEliminar
  121. man aun nada??

    tal ves activando los artilugios o algo..

    :(

    ResponderEliminar
  122. que pasa si tengo el codigo en mi blogs

    ResponderEliminar
  123. quiero que se vean arriba del titulooo sin lo deslisante pero no me da

    ResponderEliminar
  124. Potro me podrias Ayuda xq mi plantilla tal parece ser q no lo agarra.

    Con todo respeto, Mi blog es:
    tvgamex.blogspot.com

    ResponderEliminar
  125. dnis villeda, como te dije en el comentario anterior es como se hace, de esa forma es como los demás lo han hecho.

    ResponderEliminar
  126. ๖ۣۜÇΣZΛЯۣ™ (CESAR JERICHO) , entonces ponlo arriba de esto:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='post-meta clearfix'>
    <div class='details share'>

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

    ResponderEliminar
  128. man y si ponemos el scrip de boton +1 en español??


    http://www.google.com/webmasters/+1/button/

    ResponderEliminar
  129. Pues si lo crees necesario ponlo, aunque en realidad no hay demasiado texto por traducir en el botón.

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

    ResponderEliminar
  131. sabes me salen los botones pere no sale el boton deslizantes que puedo hacer para que se vea?

    ResponderEliminar
  132. No veo que tengas puestos estos botones en tu blog.

    ResponderEliminar
  133. Buen Dia Potro.

    Tengo un problemita con estos botonos, lo que sucede es que me decidi por cambiar la burbura por una imagen para que se vea bien en los navegadores viejos. y segui los pasos que indica en el comentario # 33 y este fue mi resultado: http://dl.dropbox.com/u/44273906/burbuj.PNG

    A la imagen solo se le ve un bordito y se ve el texto de la anterior burbuja. intente borrando el texto de la anterior burbuja pero cuando lo borro tambien desaparece lo que se alcanza a ver de la imagen.

    Como se puede ver lo que se ve de la imagen es proporcional al texto de la burbuja anterior. Esto se ve en el blog con titulo "Pruebas".

    ResponderEliminar
  134. Intenta establecerle una altura:

    height:30px;

    ResponderEliminar
  135. ya lo habia intentado con eso height:100px y no me funcionaba al parecer lo copie sin los (;) que estan al final, ya copie lo que me dejo y solo le modifique el 30 por un 80 y quedo muy bien, la burbuja tambien se ve en IE que es el patico feo de los navegadores.

    Muchas Gracias Potro.

    ResponderEliminar
  136. gracias potro me sirvió de maravilla como todos tus aportes

    ResponderEliminar
  137. chamo no se que paso pero no me sale la plantilla y mi blogger se ve orrible respondeme http://phalasia.blogspot.com/

    ResponderEliminar
  138. se puede poner solo la barra con esos botones en el blog en general?

    ResponderEliminar
  139. e_guagua, si tenías entradas y ya no se ven sólo quita el código que pusiste e intenta ponerlo nuevamente cerciorándote que los códigos estén justo en el lugar que deben estar sin eliminar nada más.

    ResponderEliminar
  140. Julio Medrano, para que se muestre en todas las entradas en la portada no, pero hay otro sistema de botones que puedes usar en la portada, aunque servirán para recomendar todo el blog:
    http://ciudadblogger.com/2011/07/botones-flotantes-para-compartir-de.html

    ResponderEliminar
  141. Buenas noches Potro.

    Como puedo poner una imagen para que se muestre en el facebook de la persona que presione el me gusta. Es que cuando damos click en el me gusta de cualquiera de sus entradas, en el facebook aparece el titulo de la entrada, el del blog y una imagen (La lata de gaseosa de Ciudad Blogger)y siempre se muestra esa imagen sin importar la entrada y sin que esa imagen aparezca en la entrada.

    Lo que necesito es saber donde poner la imagen representativa del blog (como en su caso la lata de gaseosa) para que siempre sea esa imagen la que aaparezca en los me gusta de facebook. ya que a mi me aparecen imagenes como los avatar de los comentarios o el lapiz de editar.

    ResponderEliminar
  142. Buen día zzz,

    Para poner una imagen predeterminada para Facebook, coloca después de <head> esta meta-etiqueta:

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

    ResponderEliminar
  143. Funciono perfectamente, muchas gracias Potro.

    ResponderEliminar
  144. hay manera que salga sin necesidar de hacer clik ??

    ResponderEliminar
  145. ¿Que siempre estén visibles los botones? Sí, entonces no pongas el script y elimina esta parte en negrita:

    .btns-compartir {
    display: none;

    ResponderEliminar
  146. Gracias Potro, quedan muy elegantes.
    Un abrazo

    ResponderEliminar
  147. Qué bueno que te han gustado PC, un abrazo!

    ResponderEliminar
  148. Buenas noches Potro.

    Potro necesito ingresar estos botones pero manualmente, ya que quiero que aparezca solo en algunas entradas no en todas, ya intente copiando el ultimo codigo (el de los botones sin el condicional) en una entrada pero solo me aparecen dos botones como se ve en la imagen, http://dl.dropbox.com/u/44273906/botones.png.

    Como puedo organizar el codigo para que cuando los ponga en una entrada se vean todos y organizados en la tabla (solo los botones sin la burbuja).

    ResponderEliminar
  149. Hola Potro, habria posibilidad de habrirlo al pasar el mouse sobre el. Ya sabes con onmouse.
    Un abrazo

    ResponderEliminar
  150. Buenos días zzz,

    Tendrías que usar este código:
    <center>
    <div class='btns-compartir' id='btns-compartir'>
    <table border='0' cellpadding='7'>
    <tr> <td><iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=URL de la entrada&layout=box_count&show_faces=false&width=73&height=63&action=like&font=tahoma&colorscheme=light' style='border:none; overflow:hidden; width:73px; height:63px'></iframe></td> <td><a class='twitter-share-button' data-count='vertical' data-lang='es' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'></script></td> <td><script type="text/javascript">(function(){var x=document.createElement('script'), s=document.getElementsByTagName('script')[0];x.async=true;x.src='http://widgets.itaringa.net/share.js';s.parentNode.insertBefore(x,s)})()</script>
    <t:sharer data-layout="big_new"></t:sharer></td> <td><script src='http://apis.google.com/js/plusone.js' type='text/javascript'></script><g:plusone expr:href='data:post.url' size='tall'/></td> <td><a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' src='http://widgets.bitacoras.com/votar/normal/URL de la entrada' style='vertical-align:middle;border:0;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a></td> </tr>
    </table>
    </div>
    </center>

    Pero, algunos botones no tomarían el dato automático de la entrada así que tendrías que escribir donde se indica la URL de la entrada donde lo has puesto ( antecedido por http:// )

    ResponderEliminar
  151. Muchas Gracias Potro justo lo que necesito.

    ResponderEliminar
  152. Hola PC ,

    Sí se puede, pero el problema es que la función para pasar el cursor haría que los botones sólo se muestren mientras se pasa el cursor sobre el enlace (la burbuja amarilla), así que cuando bajes a darle click a un botón se subirían de nuevo y no podrías usarlos.

    ResponderEliminar
  153. Entendido, lo dejaremos como esta. Un abrazo

    ResponderEliminar
  154. solo quiero que estén los botones sin la cosa amarilla que dice compartir

    ResponderEliminar
  155. Entonces sólo pon el último código.

    ResponderEliminar
  156. Protro ke tal, te vengo a preguntar una duda, no tiene ke ver con este post en concreto, pero si con los de twitter y facebok, mira yo agregue unos botones en mi web, de twitter, facebook y google, el punto eske cuando entras al link directo de mi web, en la pagina principal, en las entradas ke aparecen, en el boton del twitter de compartir, me sale 166, pero cuando te vas para la segunda pagina, te sale en 0, como debe de ser, pero eso del 166 twitts, parace siempre solo en la pagina principal, mira http://www.lirikfull.com/ , pero si entras a este link: http://www.lirikfull.com/search , aparece pa pagina principal pero con el boton de compatir en 0, no entiendo ke pasa, kiero ke en toas las entradas salga 0 , espero tu ayuda

    ResponderEliminar
  157. Hola Andresiyo Ready,

    Los botones de compartir siempre deben mostrarse sólo en las entradas para evitar esos problemas, pues cuando se muestran en la portada no sólo muestran número erróneos sino que cuando se comparte algo desde ahí no siempre se comparte el contenido que debería.
    Lo mejor es encerrar el código de los botones en una condicional para que sólo sean visibles en las entradas:
    http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

    ResponderEliminar
  158. gracia me guto tu entrada y me funciono

    ResponderEliminar
  159. Una idea de diseño muy interesante para integrar :)
    Yo tengo uan duda más o menos ontoppic... Al respecto de compartir una entrada de un blog, en facebook. ¿qué requisitos debe tener el diseño te las entradas de un blog personal, para facilitar su publicación en facebook, y que al enlazarlo, muestre la información deseada?-> foto principal, titulo, texto, o campos personalizados...?

    No se ve 'nada' por los blogs de diseño al respecto, y creo que es muy interesante!

    ResponderEliminar
  160. Hola Javi,

    Mira esta entrada de Vagabundia donde habla sobre ese tema con mayor detenimiento:
    http://vagabundia.blogspot.com/2011/08/meta-description-en-blogger-si-o-no.html

    Saludos!

    ResponderEliminar
  161. Hola! he hecho todos los pasos y no me aparece. No sé qué he hecho mal. www.risasyletras.blogspot.com

    ResponderEliminar
  162. Veo en tu blog los dos primeros códigos pero no el tercero. Mira si lo has puesto, si es así revisa que no tengas repetida la línea que hay que buscar, si así fuera agrega el código arriba de la otra línea donde no lo has puesto.

    ResponderEliminar
  163. Muchas gracias, me sirvió enormemente.

    ResponderEliminar
  164. HOLA POTRO QUISIERA SABER SI HAY UNOS BOTONES PARA COMPARTIR LAS ENTRADAS EN FACEBOOK Y TWITTER, PERO PARA COLOCARLO EN PLANTILLAS CON LEER MAS Y QUE EL BOTON APARESCA SIN NECESIDAD DE DARLE LEER MAS Y LA GENTE PUEDA COMPARTIRLO HAY MISMO, ME HE ENCOTRADO CON UN BOTON QUE DICE SHARE PERO PUES LA GENTE SE CONFUNDIRIA Y PENSARIA QUE ES ALGO QUE ESTA MAL PARA SU FACEBOOK COMO MUCHAS APLICACIONES BASURAS QUE HAY EN FACEBOOK QUIESIERA SABER SI HAY UN BOTON EN ESPAÑOL QUE PUEDA SER COLOCADO EN PLANTILLAS CON LEER MAS. GRACIAS ESPERO SU RESPUESTA

    ResponderEliminar
  165. Si los botones los pegas después de:
    <div class='post-header'>

    Se deben ver aun cuando tengas el Leer más automático.

    ResponderEliminar
  166. muy bueno :) yo ya lo he puesto en mi blog (www.lawebdetecnologic.blogspot.com)

    ResponderEliminar
  167. potro como le hago para poner los botones como estan en esta pag.
    http://www.somosestrenos.com/ (abajo a la derecha y la leyenda ayudanos acrecer)

    gracias

    ResponderEliminar
  168. hola potro no tengo en mi plantilla /*div class='post-footer'> */ que puiedo hacer, como puedo colocar esa clase en mi plantilla

    ResponderEliminar
  169. soto, es más o menos como el que tengo yo, en unos días publicaré esa entrada.

    Ronald-L337, sí está, pero tienes que expandir los artilugios para encontrarla.

    ResponderEliminar
  170. Excelente! lo e implementado en mi blog personal, ahora hay que ver si da resultados positivos

    ResponderEliminar
  171. potro desde hace tiempo que dejo de funcionar el botón de google+, no se a que se deba, si solo sea mi blog o el gadget sufrio modificaciones, acá el link de una entrada del blog: http://tuxpannoticias.blogspot.com/2011/12/feliz-navidad-les-desea-tuxpan-noticias.html Feliz Navidad, gracias por ayudarnos tu blog es el mejor regalo que nos pudo regalar Santa

    ResponderEliminar
  172. Tal vez porque también se muestra en los botones flotantes.
    Prueba eliminar todos los scripts del botón, es decir, todos estos que encuentres:
    <script src="http://apis.google.com/js/plusone.js" type="text/javascript"

    En su lugar pon antes de </body> este script, que se supone es el más actualizado:

    <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>

    Saludos y gracias por tu comentario, fue lindo lo de Santa :D

    ResponderEliminar
  173. Hola potro gracias x el post pero tengo un problema al visualizar el globo donde dice "COMPARTE ESTA ENTRADA", el globo aparece detras de mi marco,como que se descentra mira lo puedes chequear en mi blog en la parte inferior izquierda puedes ver el globito apenas saliendo,espero tu ayuda amigo
    gracias

    http://comunidadteleinformatica.blogspot.com/

    ResponderEliminar
  174. Hola EDER,

    El comentario de "Fin Paginación" no debe ir ahí, mira esta entrada:
    http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

    ResponderEliminar
  175. Hola, probé esto en mi nuevo blog y como tengo la barra abajo con el +1 no aparece ese ícono....y tampoco me aparecen los botones para compartir si los marco cuando voy a "elementos de página" - "entradas del blog - editar". Los marco y no aparecen. Prefiero los botones arriba, como aparecían antes de instalar la nueva plantilla, pero ahora no sé cómo ponerlos, en vez de estos que se deslizan. Cómo hago para que me aparezcan abajo del título de la entrada, como antes? gracias.

    ResponderEliminar
  176. una duda, sabes como poner todo eso de compartir, sin el globito?

    ResponderEliminar
  177. María de las Mercedes, cuando se ponen varios botones +1 en una misma página suelen no funcionar bien.
    Si ya no usarás los demás quita todos los códigos que hayas puesto, con eso deberá ser suficiente para que aparezcan los tradicionales de Blogger. Si no aparecieran revisa que tengas los códigos de los botones en tu blog:
    http://ciudadblogger.com/2010/06/botones-para-compartir-de-blogger.html

    ResponderEliminar
  178. jonathan, sí, sólo no pongas el script y elimina esta parte en negrita:
    .btns-compartir {
    display: none;

    ResponderEliminar
  179. hola potro!! ya saqué los botones que tenía deslizantes abajo de las entradas, pero agregué el botón que hiciste en la entrada más reciente, el que te pregunté en otra oportunidad, que está acá abajo, chiquito y dice "¿te gusta ciudad blogger?"...y todavía no me salen los botones para compartir en las entradas...pero igualmente, antes de instalar este botón abajo, como el que tenés vos, tampoco me aparecían...será que en esta plantilla que me bajé no aparecen? gracias.

    ResponderEliminar
  180. Ya me fijé en la entrada que me decís, instalé eso, pero seguimos igual....no aparecen los botones para compartir en las entradas.

    ResponderEliminar
  181. Mira el comentario #149 de esa entrada que te mencioné, ahí está la solución a tu problema.
    Saludos.

    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.

 
Ir Arriba Ir Abajo
I Ciudad Blogger