Botones flotantes para recomendar el blog (Facebook, Twitter, PlusOne)

1 de enero de 2012 579 comentarios ,
Una de las primeras cosas que me preguntaron cuando cambié de plantilla fue cómo poner el botón que aparece al final y que al presionarlo aparecen los botones para compartir el blog.
Ya saben que no me guardo nada y todo se los comparto, así que en esta entrada vamos a ver cómo poner esos botones para promocionar el blog.

Se trata de un botón flotante que al presionarlo aparecerá un contenedor con un efecto de desvanecimiento y en él, los botones de Facebook, Twitter y +1.
Con ellos podremos compartir la portada del blog, pues no sólo hay que promocionar las entradas sino también el blog en general.


El efecto de desvanecimiento lo lograremos con Scriptaculous y Prototype, así que quien use jQuery tendrá que hacer unos cambios para que ambas librerías puedan funcionar al mismo tiempo.

La instalación de estos botones es bastante sencilla, primero entra en la Edición HTML de la plantilla y antes de ]]></b:skin> agrega estos estilos:
#botones-like {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 4px #696969;
-moz-box-shadow: 0px 0px 4px #696969;
box-shadow: 0px 0px 4px #696969;
background-color: #eee; /* Color de fondo del botón */
padding: 5px;
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
font-size: 10pt; /* Tamaño del texto */
color: #999999; /* Color del texto */
text-align: center;
position:fixed;
bottom:5px;
right:30px;
}
#expandirBotones{
background:#eee; /* Color de fondo del contenedor */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 6px #696969;
-moz-box-shadow: 0px 0px 6px #696969;
box-shadow: 0px 0px 6px #696969;
position:fixed;
bottom:40px;
right:30px;
}
Ahora antes de </head> pega este código; si ya lo tuvieras no hace falta ponerlo otra vez:
<script src='http://www.google.com/jsapi'></script>
<script>
google.load("prototype","1.7.0.0");
google.load("scriptaculous", "1.9.0");
</script>
Luego pega antes de </body> lo siguiente:
<a href='javascript:Void(0)' onclick='Effect.toggle(&apos;expandirBotones&apos;,&apos;appear&apos;); return false' style='text-decoration:none;'><div id='botones-like'>&#161;Recomienda este blog!</div></a>
<table border='0' id='expandirBotones' style='display:none'>
<tr>
<td>&lt;iframe allowTransparency=&#39;true&#39; frameborder=&#39;0&#39; scrolling=&#39;no&#39; src=&#39;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=72&amp;height=63&amp;action=like&amp;font=tahoma&amp;colorscheme=light&#39; style=&#39;border:none; overflow:hidden; width:72px; height:63px&#39;&gt;&lt;/iframe&gt;</td>
<td><g:plusone href='http://nombre-de-mi-blog.blogspot.com' size='tall'/><script type='text/javascript'>
window.___gcfg = {lang: &#39;es&#39;};
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script></td>
<td><a class='twitter-share-button' data-count='vertical' data-lang='es' data-text='Me ha gustado este blog, seguro a ti también te gustará:' 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>
</table>
Cambia la dirección de tu blog donde se indica, así como el mensaje que aparecerá en Twitter y listo.
En color verde puedes cambiar algunos aspectos del diseño, básicamente será el color de fondo y de texto.

El botón para compartir el blog aparecerá en todas las entradas, si deseas que aparezca sólo en la portada tendrás que encerrar el último código con la condicional que le corresponde.
Recuerda que no compartirá las entradas del blog, sino el blog en general. Si buscas botones para compartir las entradas puedes ver algunas opciones en la sección de Facebook.

Si ya estuvieras usando el botón +1 de Google entonces no hará falta repetir el código del script, así que busca esta línea todas las veces que la tengas y elimínala:
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
Sólo dejaremos el script que hemos puesto en este código, excepto si has decido poner los botones sólo en la portada, si así fuera entonces no hará falta quitar esa línea salvo algunas excepciones.

ACTUALIZACIÓN: En Internet Explorer el botón de Facebook no se ve bien cuando se agrega de esta forma.


579 comentarios en:

" Botones flotantes para recomendar el blog (Facebook, Twitter, PlusOne) "

  1. soy el primero o yheaaa.!!xD buen post potro saludos ;)

    ResponderEliminar
  2. buenisimo potro estan de lujos ...saludos hermano :)

    ResponderEliminar
  3. y como lo puedo hacer en wordpress?? de servidor personal?? :D y muchas gracias por el aporte

    ResponderEliminar
  4. Gracias por compartirlo Potro, feliz 2012 para tí y tus familiares, así como para toda la familia de Ciudad Blogger

    ResponderEliminar
  5. potro funciona bien.. pero al hacer click para expandir el que contiene los botones like me ocupa todo el ancho del blog ¿que puedo hacer?.. y otra consulta como le puedo cambiar el texto ¡recomienda mi blog! por otro...

    ResponderEliminar
  6. Muy buen POST :), Potro deverias hacer un post de como crear una radio Online con Winamp, ya eh visto varios tutoriales en Taringa pero no son actuales por lo tanto no funciona la radio, porfa me urge Man, Saludos y Feliz Año 2012!

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

    ResponderEliminar
  8. http://amscbleon.blogspot.com/

    hola amigo, sigo paso por paso lo que dices y al querer guardar la plantilla me pone esto : Declaración de variable no válida en máscara de página: No es un valor de color válido. Información: jQuery(body.text.color)
    aqui ya no se como seguir , cambie las s por jQuery y pegue los codigos como me decias pero no me deja guardar la plantilla.Espero tu respuesta , gracias.

    ResponderEliminar
  9. Hola Potro! Gracias nuevamente por este post. Te comento que en mi plantilla el boton "Recomienda este blog" no se forma, sólo aparece en texto y en otro lugar, y por supuesto no es flotante.

    Pero si hacés click sobre ese texto, si se despliega el contenedor con todo lo demás, es flotante, y todo bien.

    El problema es con el primer boton. Te dejo mi blog, donde podrás ver lo que te comento:
    http://turfyapuestas.blogspot.com/

    Será problema de mi plantilla?
    Saludos.

    ResponderEliminar
  10. TuMultitec, y yo el onceavo, jojojo.

    Vendetta, qué bueno que te han gustado :) saludos!

    ResponderEliminar
  11. Oscar Gonzalez, nunca he trabajado en esa plataforma, pero supongo que de la misma forma, los estilos dentro del CSS de tu plantilla y lo demás donde se indica.

    ResponderEliminar
  12. Gracias MaGoS RaDioMuSiC, que este 2012 sea un excelente año para todos :)

    ResponderEliminar
  13. Vendetta, busca ese texto y cámbialo por el que quieras.
    Lo del ancho quizá añadiendo un ancho al contenedor:
    #expandirBotones{
    width:215px;

    ResponderEliminar
  14. pixeltuxpan.com, nunca he montado una radio así que también ando perdido en ese tema :(

    ResponderEliminar
  15. COFRADIA, sólo veo que tengas en tu blog un elemento que usa jQuery y es el menú horizontal que publiqué hace poco. A ese no hace falta hacerle nada pues ya tiene listo el código para ser usado con Scriptaculous.
    ¡Saludos!

    ResponderEliminar
  16. Me gusta que se vea tan ordenado!
    Siempre lo consigues Potro ^^!
    De seguro lo utilizaré :3
    Besos. Rizel

    ResponderEliminar
  17. Turfan Turfyapuestas, no es problema de la plantilla sino de los estilos que tienes más arriba. Si te fijas en esta parte verás que le hace falta lo que está en negrita:

    .msg-compartir::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 67px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #F1F1F1 transparent; /* Color de fondo del triángulo de la burbuja */
    display: block;
    width: 0;
    }
    .btns-compartir {
    margin-top:-10px;
    background:#F2F2F2; /* Color de fondo del contenedor de los botones */
    border:1px solid #000;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    margin-bottom:20px;
    }

    Eso es lo que hace que los estilos de estos botones no se apliquen.

    ResponderEliminar
  18. No se que hice mal, pero no me funciona. Si puedes ayudarme, de antemano mu;chisimas gracias Potro.

    Iglesia Cristiana Evangelica

    ResponderEliminar
  19. Rizel, a mí también me gusta que esté todo ordenadito :)
    Gracias por el beso!

    ResponderEliminar
  20. Oye Amigo serias tan amable si tal vez me podrias explicar como hago para poner esto en jimdo ya q en mi pagina no sale para poner el codigo antes de ]]> gracias.

    esta es mi pagina: http://trolleovenezolano.jimdo.com/

    ResponderEliminar
  21. Hola Potro! Esto está de maravillas como todo lo de Ciudad Blogger.. Solo que algo no me funciona, ya lo he aplicado a http://avril-paraguay.blogspot.com y todo funcionaba bien hasta que de repente se desapareció el boton de +1, y ahora solo se muestran los botones de Facebook y Twitter.. como lo soluciono??

    ResponderEliminar
  22. Excelente Potro...!

    Me quedo muy bueno...! Eres lo mejor!

    SALUDOS! :)

    ResponderEliminar
  23. Gracias potro mira que ya lo puse en mi blog
    http://www.janecri.com/

    ResponderEliminar
  24. Potro, tienes algun post de como colocar banners, me gusta como te ha quedado lo de Patrocinadores y quiero saber como hacerlo.

    ResponderEliminar
  25. Gracias Potro por tu respuesta! Agregué eso como dijiste y quedó perfecto. Saludos!

    ResponderEliminar
  26. ¡Muchas gracias! de verdad muy buen truco, pero me preguntaba... ¿Tu sabes como hacer que aparezca el botón de Google+? en mi blog aparece y desaparece como si nada.

    ResponderEliminar
  27. buenisimo potro ahora si ya esta listo y funcionando esta de lujo mil gracias ¡te pasaste! :)

    ResponderEliminar
  28. Siempre con nuevos trucos

    saludos
    feliz año 2012 :D

    ResponderEliminar
  29. Gilberto Hernandez, recuerda que Scriptaculous no se lleva con jQuery, así que tienes que aplicar el hack para que los dos sean compatibles. En la entrada está el enlace que te llevará al post donde se indica cómo hacerlo.
    Saludos.

    ResponderEliminar
  30. Aoshi, no conozco esa plataforma, pero si el sitio te permite modificar el HTML y CSS de la plantilla entonces agrega el primer código en los estilos CSS, el resto lo agregarías igual donde se indica.
    Si haciendo eso no se despliegan los botones entonces cambia todos los &quot; que están tanto en el segundo como en el tercer código, por comillas dobles "

    ResponderEliminar
  31. Y como puedo hacer para que aparezca en otra posicion??

    ResponderEliminar
  32. .::DIEGO::., yo veo los tres botones en el blog, pero si de repente te desaparece es "normal", a todos nos pasa que por ratos no se muestra el botón +1 y después regresa otra vez. Son de esas fallas que da ese botón de por sí.

    ResponderEliminar
  33. ricardogot2010, qué bueno que te ha gustado :) saludos!

    Chris, te ha quedado muy bien :)

    ResponderEliminar
  34. Muy bueno Potro, al poco de vertelo en el blog estube a punto de preguntarte como se hacia, y como ¡¡siempre estas en todas!!.
    Feliz Año Nuevo y que este en el que estamos nos siga manteniendo como el anterior, vamos con salud y buen hacer.

    ResponderEliminar
  35. Claro Andersj, aquí está la entrada que explica cómo hacerlo:
    [Agregar banners de 125 x 125 en la sidebar]

    ResponderEliminar
  36. Potro, se que no tiene nada que ver, pero te lo pregunto:

    He puesto AsSense en mi blog, pero no se ven, entonzes he ido a monetizar y me dice:

    AdSense para contenido
    Es necesaria la verificación de tu cuenta de AdSense. Consulta el correo electrónico para ver si tienes el mensaje de verificación de Google AdSense.
    Reenviar correo electrónico de verificación

    Clico en reenviar... y me dice:

    El editor no está pendiente de asociación con el sitio del programador.

    Que significa eso?

    ResponderEliminar
  37. Turfan Turfyapuestas, me alegro que así haya sido :)

    RDSmart, a todos nos aparece y desaparece de la noche a la mañana. Es un mal colectivo.

    ResponderEliminar
  38. Vendetta, qué bien que ya quedó :)

    Omoshiroi Tv, feliz 2012!

    ResponderEliminar
  39. Hola Potro, Muchas Gracias por esta entrada. Estaba viendo que cada vez que entro a tu blog veo el botón +1, en cambio en el mio es muy raro que aparezca. ¿Tendremos algo diferente? o será normal como dices mas arriba? Me pasa tanto con Chrome como con Firefox. Con Explorer 9 directamente no veo el botón de recomendación, no funciona el script, pero veo que si entro a tu blog con explorer si lo veo, supongo que también ahí tendremos algo diferente por lo que se comporta distinto. Mi blog es www.tomandofotos.com Gracias, Saludos

    ResponderEliminar
  40. FINEM, gracias a ti por tu visita!

    ResponderEliminar
  41. Jan morales, en los estilos encontrarás dos veces los valores de bottom y right
    Cambiando sus valores puedes hacer que se mueva de lugar; bottom es la distancia desde abajo, y right la distancia desde la derecha.
    Si quieres que estén del lado izquierdo entonces cambia los dos right por left

    ResponderEliminar
  42. Potro, estoy haciendo un blog de pruebas del diseño del blog, y creo que ya lo he hecho bien, pero en vez de salir "leer mas" sale "read more". como puedo cambiarlo de idioma?

    ResponderEliminar
  43. Potro, de que pais eres, que me he dado cuenta qu ela hora de tu blog y la de mi ordenador no coinciden, se llevan bastantes horas xD

    ResponderEliminar
  44. muy bueno gracias por ponerlo
    ahora mismo voy a agregarlo a mi blog
    tenun bonito inicio d año
    y felicidades por tu excelent blog!!!
    saludos

    ResponderEliminar
  45. Hola bro, ahora lo que me interesa saber es como poner estos botones pero encima de cada entrada para q mis lectores hagan +1 en mis entrdas y las compartan en facebook twitter etc?

    Ah por cierto bro cambie el nombre del blog por si andas buscando mas guias para derrotar a hades jajaja, hay te lo dejo recuerda q es de videojuegos y consolas

    www.blogvidadoble.blogspot.com

    ResponderEliminar
  46. Hola bro, ahora lo que me interesa saber es como poner estos botones pero encima de cada entrada para q mis lectores hagan +1 en mis entrdas y las compartan en facebook twitter etc?

    Ah por cierto bro cambie el nombre del blog por si andas buscando mas guias para derrotar a hades jajaja, hay te lo dejo recuerda q es de videojuegos y consolas

    www.blogvidadoble.blogspot.com

    ResponderEliminar
  47. Cuando pruebo el "hack" para que funcione, me desaparece toda la pagina...

    ResponderEliminar
  48. holaaaa felizzz año gracias por tus aportes para el blog spero q t la hayas pasado super en estas fiestas y que este año sea increíble para ti y todos tus seres queridos buen año.:)

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

    ResponderEliminar
  50. Hola El Potro! :)
    tengo un problema con los "me gusta" de Facebook no se si sepas algo al respecto o ya te haya pasado... lo que pasa es que desde hace como 2 semanas tengo "53 me gusta" y antes de eso tenia "608 me gusta" no se cual sea el problema de hecho me di cuenta cuando paso ese cambio, estaba publicando unas entradas y las estaba revisando y de un momento a otro ya tenia 53 (en Ningun momento toque el HTML)

    Ahorita me intrigo mas por Agregue Estos Botones Flotantes y cuando los agregue de nuevo me aparecieron mis "608 Me Gusta" (pero solo en este boton y en los que ya tenia seguian estando 53)
    unos momentos despues entre de nuevo al blog y en Este Boton Flotante ya tenia "53 Me Gusta" (momentaneamente lo desinstale)

    mi blog es http://rammsteinlinks.blogspot.com
    Espero me puedas ayudar a descubrir q es lo q pasa...


    Saludos y Feliz 2012!

    ResponderEliminar
  51. Hi, tiempo sin pasarme por aquí, me he hecho a la tarea de crear un blog desde cero, y todo va bien, pero ha llegado el momento de poner el área de los post y comentarios, cómo hago eso, es algún código especial de blogger? cuál es? espero y me puedas ayudar con eso :) por cierto, Feliz Año Nuevo

    ResponderEliminar
  52. Andersj, de México, con zona horaria del Pacífico (tenemos 3 husos horarios).
    De lo de AdSense no sabría decirte, nunca tuve ese error, pero te sugiero que preguntes en el Foro de Ayuda de AdSense, quizá ahí puedan darte más información.
    En cuanto al Leer más, ¿qué método has usado?
    Saludos.

    ResponderEliminar
  53. Marcos Carballo, a mí también me desaparecen de vez en cuando y sin hacer nada regresan de nuevo. Falla mucho el botón de por sí, pero de todas formas mira esta entrada de Pizcos por si fuera la solución a tu caso:
    http://www.pizcos.net/2011/12/como-colocar-mas-de-un-boton-1-de.html

    Saludos.

    ResponderEliminar
  54. *M.J*, muchas gracias, que tú también tengas un buen inicio de año. Ojalá que el resultado con los botones sea de tu agrado :)

    ResponderEliminar
  55. Excelente aporte Potro Muchas gracias!

    Ya tenia rato sin pasar por tu blog jeje. Pero aun asi Feliz año Nuevo! Que este 2012 sea aun mejor que el anterior!

    Animo!

    ResponderEliminar
  56. El Potro .. Muchas Gracias Amigo Por Responder Excelente Pagina. Éxitos & Bendiciones Siempre ;)

    ResponderEliminar
  57. Potro, he instalado la plantilla y de porsi ha salido "read more"

    Si te interesa verlo es este:

    http://andersj-dineroonline.blogspot.com/

    ResponderEliminar
  58. Bro responde mi comentario porfa xd

    ResponderEliminar
  59. Hola El Potro! Muchas Gracias por compartir lo que tienes en tu Blog y mas!

    No se donde escribirte este comentario, no he encontrado nada relacionado..

    La pregunta es, como hacer un Anclaje en Blogger? Tengo intension de hacer un sub menu en las entradas y que el menu este echo de anclás..

    El caso es que cuando hago una ancla, en HTML, y pongo redactar, me salta una direccion de Blogger en automatico, hay alguna manera de desactivar eso? :S El auto completado de las href=""..

    Aqui te dejo un video que hice, para que sea mas claro..

    http://www.youtube.com/watch?v=yFQ-s0fP7QI

    Muchisimas Gracias el Potro :) (Si es molestia no te etrentengas con eso ) :)

    ResponderEliminar
  60. Hola Potro!
    Me gustaría que me ayudaras porque el botón se ve
    pero al hacer clic en el no sale los botones ??
    que abre echo mal

    ResponderEliminar
  61. Niko, una recomendación. Cuando estés haciendo el menú no cambies a la pestaña redactar, dado que blogger aplica una corrección a lo que cree que son errores. Trabaja sólo en la pestaña Edición de HTML, guarda cambios y seguro funciona :)

    ResponderEliminar
  62. Hola Potro, a mi me aparece el cuadro que dice ¡Recomienda este blog! pero no lo puedo apretar, no pasa nada ¿Que puedo hacer?
    Feliz Comienzo de año!!

    ResponderEliminar
  63. Maestro, maestro, maestro, esto para mi como novato es un terrible problema, porque lei el articulo que me das para hackear, pero ahora no se en donde pegar ese atributo.

    Es en el codigo que tu nos das o es dentro de toda la plantilla, o sea que tengo que cambiar todos los scripts que tengo y colocar estos atributos que tu nos das de jQuery.noConflict(); y jQuery por $.

    Gracias nuevamente por su paciencia.

    Iglesia Cristiana Evangelica

    ResponderEliminar
  64. Muchisimas Gracias Eddy, pero la verdad es un fastidio no poder trabajar con "redactar", sabes si es algun codigo que esta dentro la plantilla que hace esa funcion ? Estaria genian eliminarlo!

    Gracias :)

    ResponderEliminar
  65. Hola Potro, disculpa pero tengo una pregunta urgente y no trata del tema, busque en el blog pero no se si es q no consigo o formulo mal la búsqueda, estoy creando un sitio, se llama http://maryinova.blogspot.com/ el sitio trata de una boutique de ropa y otras cosas, quiero configurar las paginas como se ve arriba, Principal,Accesorios,Ropa, Zapatos, pero no se como publicar para q aparezcan las cosas allí, pero que no se vean como entradas, sino estáticas... nose si me di a enteder, pero quiero crear esta pagina, mas q como un blog... y las facilidades en dominio de google me gustan mucho mas... por eso lo hago aqui, gracias por la atencion, espero me pueda ayudar...

    ResponderEliminar
  66. Dexmax, en ese caso te conviene usar estos:
    http://ciudadblogger.com/2011/09/botones-para-compartir-deslizantes.html

    Sino los quieres debajo de las entradas puedes ponerlos arriba de ellas, incluso sin el efecto deslizante, de hecho me parece que en el último comentario de esa entrada se explica eso último.

    ResponderEliminar
  67. 3-M-i-L-i-0, entonces no se está aplicando bien.

    ResponderEliminar
  68. TutosLady Pink, me la pasé muy bien y espero que tú igual lo hayas hecho :)
    Gracias por la visita!

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

    ResponderEliminar
  70. RammsteinLinks, pues no me ha pasado ni tampoco he sabido de alguien más que le pase.
    Ahora mismo he entrado y veo 53 likes, incluso si entro desde la página de Facebook para crear el botón dando la dirección de tu blog me sigue arrojando 53 likes, así que desconozco porqué antes te había dado una cifra mucho mayor. Podría ser que el botón ande fallando, no lo sé :/

    ResponderEliminar
  71. Eddy, si estás haciendo la plantilla para Blogger abre un blog de pruebas con la plantilla Mínima, ahí verás cuál es el área de las entradas que debes agregar, ese mismo gadget (Blog1) incluye los comentarios.

    ResponderEliminar
  72. Oscarbroa, gracias, que también sea un buen año para ti.
    Gracias por pasarte por el blog :)

    ResponderEliminar
  73. Andersj, entonces marca la casilla "Expandir plantillas de artilugios" y busca el texto Read more, cuando lo encuentres cámbialo por el que quieras.
    Saludos.

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

    ResponderEliminar
  75. Amigos porque no postean su plantilla que usaban de apariencia anterior?

    ResponderEliminar
  76. Ponowx, yo no me arriesgo a hacer eso, es horroroso

    ResponderEliminar
  77. hola potro:
    estaba modificando mi theme y ps le modifike la forma en sesumir las entradas y me quedo en escalera las imagenes mira http://asistenciablogger.blogspot.com/ me gustaria saber como puedo arreglar este problema para que me quede alineadas de forma horizontal
    saludos!

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

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

    ResponderEliminar
  80. Niko, como te han dicho, es necesario que siempre estés en la pestaña Edición HTML. No se puede modificar pues es parte de la interfaz y ahí no podemos modificar nada que no esté en las opciones del editor.
    Saludos.

    ResponderEliminar
  81. Anthony Manrique, el segundo código va antes de </head> y no antes de <head>
    Quizá por eso es que no funciona bien.
    Saludos.

    ResponderEliminar
  82. Potro, gracias por el aporte hermano.
    Oye, pero saliendo un poco del tema, tienes alguna idea para poner una sala de chat en el blog?
    Espero tu respuesta.

    ResponderEliminar
  83. Muchas Gracias el potro! Se agradece :)

    ResponderEliminar
  84. Dante Mogni, de momento veo que tienes dos scripts de jQuery y no sé si el otro también lo estés usando, si ya no lo usas elimínalo de la plantilla.
    También tienes 2 veces el script de Scriptaculous, no hace falta tenerlos 2 veces, elimina el primero.

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

    ResponderEliminar
  86. Gracias Potro, ya sale el leer mas.

    Pues ver mi blog y decirme que te parece? Es este:

    http://milesdeeuros.blogspot.com/


    Podrias recomendarme poner alguna otra cosa? Todavia no estoy escribiendo muchas entradas por que el diseño no está acabado

    PD: Yo soy de españa, asi que ya ves que lios me hago con vuestro horario, cuanta diferencia horaria entre españa y donde tu vives?

    ResponderEliminar
  87. Gilberto Hernandez, tienes que cambiar todos los $ que sean de jQuery por jQuery y además agregar donde se indica el jQuery.noConflict();
    Saludos!

    ResponderEliminar
  88. Hola MaryiNova,

    En la página estática crea todo el contenido que quieras, es como una entrada, pero no aparecerá en la portada, sólo toma en cuenta que no puedes poner varias entradas ahí, sólo se permite el de la página estática y nada más.
    Si es mucho el contenido que irás subiendo entonces conviene más que le pongas etiquetas a tus entradas y luego enlaces esas etiquetas a tu menú para que de esa forma tengas un menú de categorías:
    http://ciudadblogger.com/2010/06/menu-de-categorias.html

    Saludos.

    ResponderEliminar
  89. Gracias Potro, lo acabo de hacer pero sigue sin funcionar, de todas formas muchísimas gracias y seguiré revisando hasta que me funcione.

    Felicidades

    ResponderEliminar
  90. Ponowx, porque esa no fue diseñada para descargar. A ver si después retomo el diseño de plantillas para descargar y hago alguna similar.
    Saludos.

    ResponderEliminar
  91. Ero-k'rlox, ¿cuál es el método que has seguido y cuál es la plantilla original?

    ResponderEliminar
  92. Potro, un script de jQuery es del menú deslizante, y el otro...(Creo que no tengo o no me doy cuenta) ¿me podes decir cual es? Gracias

    ResponderEliminar
  93. Hola, Potro yo estoy hace ya más de 1 año con los blogs y recien ahora empece a buscar cosas para agregarle y encontré Ciudad Blogger y ahora mi blog se ve muchooo mejor.
    Y... si soy un principiante pero gracias a vos voy aprendiendo.
    Ya se que no tiene nada que ver con el tema pero me gustaria mucho que hagas una sección o algo para los principiantes (como yo) en el mundo de blogger.
    Este es mi blog, zerooficial.blogspot.com tal vez no te interese pero quiero que veas como quedo, gracias a vos. Recién ayer les hice los cambios, de la cabecera, las entradas y los botones para compartir.
    Me encantaría que hagas lo que te pedí, por que yo se que hay muchos como yo que no saben absolutamente nada y necesitan ayuda.
    Muchas Gracias sos genial:)

    ResponderEliminar
  94. Si de hecho se me hace muy raro... Antes (hace como unos 3 meses) habia tenido el mismo problema pero entraba a https://developers.facebook.com/tools/debug colocaba la direccion de mi blog y me regresaba los 550 que tenia en ese entonces

    El error es el de 53 ya que el de 608 me costo trabajo llegar a ese numero promocionandolo por muchos lados e incluso aparecian las caras de mis amigos y en este no aparece ninguna, es algo que he estado checando y no le encuentro solucion... sabes si hay alguna forma de contactar a las personas que dan mantenimiento a esas aplicaciones y ver si me pueden ayudar a saber que pasa?

    Saludos y Gracias!

    ResponderEliminar
  95. Potro, puedes responderme al comentario 91 ahora, es que en españa son las 1:30 AM por que entre españa y mexico hay 9 horas de diferencia (creo)

    ResponderEliminar
  96. Gracias por el link de Pizcos, entre esa página y otra pude solucionar lo del botón +1, ahora lo veo siempre. Saludos!

    ResponderEliminar
  97. Ya lo arregle El Potro, estaba interfiriendo la meta og:url
    se la quite y ya me aparecen de nuevo los 608 me gusta

    Gracias! :)

    ResponderEliminar
  98. vaya Potro excelente truco y muy util truco.
    Saludos

    ResponderEliminar
  99. Potro ayudame please mira el problemas tan raro, En este blog de Prueva http://templatebloggergreen.blogspot.com/2008/07/lorem-ipsum.html se puede compartir las entradas de facebook y se comparte de forma completa, titulo,Enlace y resumen de la noticia, pero instale la misma plantilla y igual no funciona solo sale en enlace de la nota y la mini-imagen, ya estoy desesperado con eso y no se xq ocurre, este es el blog con el que no me funciona, wrestlex.net Espero tu mas pronta ayuda para acabar con esto de una vez y por todas.. Gracias!...

    ResponderEliminar
  100. Hola Potro, cómo estas?
    Te hablaba porque estoy en busca de alguna plantilla exclusiva para una galería de fotos por si es que hay, como hay algunas para los vídeos, me imagino que tal vez hay para galerías de fotos, si hay te agradecería que des el link de alguna.
    Un saludo grande!

    ResponderEliminar
  101. VictorIvan, pues no he usado ninguna pero hay varias gratuitas, en la red puedes encontrar algunas como cbox y xchat.

    ResponderEliminar
  102. Andersj, voy respondiendo los comentarios conforme van llegando pero no sólo los de esta entrada sino los de todo el blog ;)
    Te está quedando muy bien, ahora hay que trabajar en el contenido de las entradas :)

    ResponderEliminar
  103. Gilberto Hernandez, intenta una vez más, sólo hay que tener paciencia para encontrar todos los $
    Saludos!

    ResponderEliminar
  104. Dante Mogni, es el gadget de últimas entradas, ahí tienes otro script de jQuery.

    ResponderEliminar
  105. Zero, muchas gracias, me da mucho gusto leer ese tipo de comentarios y saber que hemos podido ayudar de alguna manera a que los lectores tenga un blog tal como lo imaginaron, de verdad gracias :)
    De hecho sí tengo pensado hacer una sección de ese estilo, ya para las próximas semanas deben salir los primeros tutoriales, sólo que ahora ando con muchas entradas pendientes y mucho trabajo, pero lo sigo teniendo en cuenta y en cuanto pueda irán saliendo esas entradas :)

    ¡Saludos!

    ResponderEliminar
  106. Potro, gracias por el truco. Gracias también por decirme (sin querer queriendo en los comentarios) como cambiar de lugar el icono de derecha a izquierda.

    Claro, sería genial que cada usuario pudiese dar más de una vez like en el enlace. Por ejemplo, yo lo hice en el tuyo hace un mes, y no puede recomendarte otra vez, mañana porque ya lo hice una vez :(

    ResponderEliminar
  107. Marcos Carballo, excelente, gracias por avisar que te ha funcionado :)

    ResponderEliminar
  108. RammsteinLinks, vaya pues quién lo hubiera pensado. Pero qué bueno que ya lo has resuelto y están de vuelta tus likes :)

    ResponderEliminar
  109. Wmasterconsultores, qué bueno que te ha gustado :)
    Saludos!

    ResponderEliminar
  110. ๖ۣۜÇΣZΛЯۣ™ (CESAR JERICHO), no es un problema sólo tuyo sino de muchos.
    Mira esta entrada de Vagabundia, ahí hay información sobre ese tema:
    http://vagabundia.blogspot.com/2010/05/el-include-all-head-content.html

    ResponderEliminar
  111. Holas... jeje muchas consultas? Perdon pero tengo que tomar algo de tu tiempo...
    ¿Como puedo hacer para que en la portada del blog mantenga el alto y ancho la imagen de cada entrada, pero cuando entren en la entrada se vea como deveria? Pregunto porque me pasa con las imagenes que tienen doble ancho, en la portada se ven toda apretadas (por el ancho corto que tienen) pero quiero que se vean como deveria cuando se entra en la entrada...
    http://h-elite-no-fansub.blogspot.com/

    Espero me entiendas, a veces ni yo lo hago XD
    Saludos! y gracias por este truco, ya lo tengo en mi pagina jeje ;)

    ResponderEliminar
  112. Perdona las molestias potro pero eres el único en que tengo confianza de molestar para pedirle ayuda y del único que he podido aprender mas sobre esto de blogger. Te escribo para que me eches una mano con uno de mis blog, resulta que me encontré con un blog y le saqué algo que me gusta (es lo que está debajo del LinkWithin), lo que me interesa en realidad es poder el linkwithin abajo y lo que te comenté arriba. No se cual código mover. Ya intenté varias veces pero no quiero estropear el blog.

    El blog es Tu-MusicaCristiana.Com, espero potro que me ayudes a colocar el LinkWithin abajo y lo otro donde aparece una información de quien escribe en el blog arriba.

    Saludos mi hermano y muchas gracias por todo se le agradece muchísimo. Dios le bendiga.

    ResponderEliminar
  113. Porcierto Potro, como se hace para poner las flechas de ir arriba e ir abajo?

    ResponderEliminar
  114. Coloush +16, me parece que alguna vez vi una en btemplates que parecía muy sofisticada aunque se complicaba para algunos entender cómo debían redactar las entradas.
    Ya no recuerdo el nombre de ella, pero ahí en ese sitio puedes buscarla, quizá ya hasta haya más de una.
    Saludos.

    ResponderEliminar
  115. hola potro.
    la theme original es http://cinewow.tv/

    ResponderEliminar
  116. Principito, en parte está bien, porque sino tus seguidores pensarían que estás haciendo SPAM y al poco tiempo nadie le daría importancia.
    Qué bueno que te ha gustado el gadget y que también leíste los comentarios para saber cómo resolverlo lo otro :)
    Abrazos!

    ResponderEliminar
  117. oie potro feliz año nuevo :)

    te quiero preguntar algo que no tiene que ver con esta entrada
    oye fijate de este blog que el logo no sale donde debe de ir centrado y he jugado con el ancho del blog y no se pone bien :s me puedes ayudar

    saludos

    ResponderEliminar
  118. Otra duda, que significa el Lorem Ipsus i todas esas cosas que ones en los blogs de pruevas?

    Es por curiosidad

    ResponderEliminar
  119. Yo he logrado que "funcione" a medias en un Blog wordpress con hosting propio. He logrado que aparezca el botón, y que al presionarlo aparezca el cuadro PERO no me aparecen los botones sino el tripero del código:

    http://www.vivadelujo.com

    Alguna sugerencia?

    ResponderEliminar
  120. Potro, no me funciona pero gracias (lo volví a instalar)

    ResponderEliminar
  121. hola potro, mira le doy recomienda este blog, y salen los botones reeeeseparados D: alguna ayuda?? gracias por tu post

    ResponderEliminar
  122. Javi Anubis, pues no sé si entendi bien, pero si te sucede que en la portada tienes imágenes que se ajustan y pierden su proporción entonces necesitas aplicar otro Leer más que permita respetar la proporción de las imágenes en los resúmenes:
    http://ciudadblogger.com/2011/01/leer-mas-con-imagenes-en-miniatura.html

    Saludos!

    ResponderEliminar
  123. Jordan, en el blog de MTV mundial hay una entrada subre AwSurveys, te aviso que no paga, lee mi comentario en esa entrada.

    ResponderEliminar
  124. Últimamente me estoy volviendo adicto a esto, y todo gracias a ti! :)

    Dudillas; el gadget sale al final de la página y también en las entradas, pero en las entradas publicita el blog en si... pero si yo quiero una cosa igual (en imagen osea todos los gadgets de fb twitter... juntitos) pero que me publicite cada entrada?

    Osea una cosa así:

    http://www.comoconociavuestramadre.org/2012/01/directo-7x13-tailgate.html

    Ves que salen todos los gadgets de twitter, fb, +1... (con esos tres ya me vale) pues igual, pero todos juntos; que se vean bien, no como en el mío que son 3 cuadraditos muy pequeños que nadie ve al final de todo de la entrada (ademas, en los que tu pones o en los de la página que te he puesto, clicas y te sale me gusta o lo twitteas, pero en el mío hay que comentar y es mas largo...)

    Gracias! :)

    ResponderEliminar
  125. Oscar Alcantara, el LinkWithin siempre se coloca de forma automática justo al terminar la entrada. Los códigos que antes daba LinkWithin sí permitían colocarlo más abajo, pero con los de ahora yo lo he intentado muchas veces y siempre se coloca justo al terminar la entrada :/

    ResponderEliminar
  126. Andersj, aquí están los botones y lo del Lorem ipsum :)
    http://ciudadblogger.com/2010/01/boton-de-ir-arriba-e-ir-abajo.html
    http://www.respondones.com/2009/09/que-significa-lorem-ipsum.html

    ResponderEliminar
  127. Ero-k'rlox, no muestres el post-footer en la portada, ponlo oculto:
    .post-footer {
    display: none;
    }

    ResponderEliminar
  128. jangel, ¿en cuál blog? parece que lo ibas a poner el comentario pero se te olvidó :P

    ResponderEliminar
  129. Potro, lo he hecho todo, pero no funcionan, mira:

    http://milesdeeuros.blogspot.com/

    ResponderEliminar
  130. Bueno, decir que ya logré sacarlo en un blog de wordpress: http://www.vivadelujo.com

    Aunque ahora es cuestión de jugar con el css para mover los espacios :D

    ResponderEliminar
  131. Andersj, deja la pregunta en la entrada que corresponde para no desviarnos del tema de este post ;)

    ResponderEliminar
  132. Harry, los códigos de los botones aquí están un poco modificados para que puedan funcionar en Blogger. Si lo usarás en otra plataforma toma el código de cada uno de los botones desde las páginas de Facebook, Twitter y +1, ahí encontrarás el código normal, sólo reemplaza el código que tomes de esos sitios por el código que le corresponde a cada botón de los que se muestran acá.

    ResponderEliminar
  133. Si potro, solo tuve que cambiar los códigos de las librerias Prot y Spart y unparsear el código :P

    Por cierto, el único problema es que los botones me aparecen pegados... cómo podría separarlos un poco el uno del otro?

    ResponderEliminar
  134. Dante Mogni, pues alguno de esos dos no deja trabajar Scriptaculous, porque si te fijas tampoco las flechas de Ir Arriba e Ir abajo tienen el efecto deslizante que deberían tener.

    ResponderEliminar
  135. Jordan Records, quizá es por los estilos de tu plantilla. ¿En cuál blog lo has puesto?

    ResponderEliminar
  136. domive, espero que sea una adicción buena ;)
    Hay unos botones que quizá te interesen más, esos sirven para las entradas y no para la portada del blog:
    http://ciudadblogger.com/2011/09/botones-para-compartir-deslizantes.html

    Hay otras opciones en el enlace que está al final de esta misma entrada.
    Saludos.

    ResponderEliminar
  137. potro tengo el mismo problema que al principio: el boton se forma pero al darle click no se expande con los botones de las redes me das una mano?

    http://cineazo.com.ar

    ResponderEliminar
  138. Potro yo estoy usando jquery pero donde tendria que poner el codigo este jQuery.noConflict(); ? eso es lo que no entiendo si en el codigo que me das vos ahora o en todos los scripts de mi blog

    ResponderEliminar
  139. gracias potro eres un tesoo! para esto solo que mira como quedo http://www.cinewow.tv/ como hago para mostrar mas entradas ya ledi en Opciones de la página principal
    Número de entradas en la página principal: y le coloque 30 pero nada mas me muestra 6
    saludos gracias por la ayuda. ya va haciendo como hora de darte otra donacion XD

    ResponderEliminar
  140. Gracias maestro por su palabras de aliento, al fin lo logre!

    Bendiciones

    ResponderEliminar
  141. Muchas Gracias por responder, por eso sos genial, porque respondes los comentarios de tus lectores. Y si te entiendo hay que tener tiempo. Igual vale la pena esperar:) GENIOOO!!!

    ResponderEliminar
  142. Harry, agrega en esta parte de la tabla lo que está en negrita:
    <table cellpadding="5" border='0' id='expandirBotones' style='display:none'>

    Luego busca en los estilos CSS de tu plantilla y elimina lo que está en cursiva:

    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, 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
  143. Turismo Boanerense, mira la entrada donde se explica eso, ahí verás incluso un ejemplo de cómo quedarían los scripts.

    ResponderEliminar
  144. Ya lo puesto en mis 2 blogs.. a kedado mu xulo

    www.granhermano-gratis.blogspot.com
    www.realmadridgratis.blogspot.com

    ResponderEliminar
  145. Ero-k'rlox, te ha quedado muy bien :)
    Lo de el número de entradas depende de la velocidad de carga del blog:
    http://ciudadblogger.com/2011/06/cuando-en-el-blog-aparecen-menos.html

    ResponderEliminar
  146. No puedo realizar el hack, no encuentro ningún signo $

    ResponderEliminar
  147. Gilberto Hernandez, qué gusto que así haya sido :)
    Bendiciones para ti también.

    ResponderEliminar
  148. hola, potro nuevamente solicitando tu ayuda....

    Conoces alguna forma de que mis entras se publiquen en google +.

    Hoy en dia funciona mis entradas se publican en twitter y Facebook de manera automatica, es decir cada entrada que hago casi al instante aparecen en esas cuentas, pero quisiera saber si conoces alguna forma para que se pueda hacer con google +

    de ante mano gracias.

    http://www.ex-entretenimiento.com/

    ResponderEliminar
  149. Dante Mogni, supongo que donde habría que aplicarse sería en este archivo que funciona con jQuery:
    http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js

    ResponderEliminar
  150. ola potro he tratado la forma de que me aparesca abajo del contenido de mi blogs, pero solo me aparese "recomendar este blogs" pero al darle clic los botones me aparesen a un lado no arriba de " reconmendar este blogs" que puedo hacer

    ResponderEliminar
  151. Hola zetsu187,

    Si ya tienes vinculado tu perfil de Google+ con Blogger, entonces en Configuración > Entradas y comentarios, puedes seleccionar la opción "Compartir en Google+".
    Ya que lo tengas habilitado entonces en Entradas podrás ver el enlace de "Compartir".
    Eso es lo más cercano, porque de forma automática me parece que todavía no la hay.

    Saludos.

    ResponderEliminar
  152. dnis villeda, supongo que tienes que modificar la distancia de los botones. ¿En cuál blog lo has puesto?

    ResponderEliminar
  153. Potro me podiras ayudar es que puse en mi blog este truco pero no me no me salen los botones solo lo de (recomienda este blog) me puedes decir que estoy haciendo mal? saludos bro este es el blog

    http://filmseriestv.blogspot.com/

    ResponderEliminar
  154. pzzz en el mio pero los quite dime como aque distancia los puedo poner


    y otra pregunta que programa usastes para mhacer tu planilla de ciudadblogger o que programa me recomiendas que use

    ResponderEliminar
  155. Hola Potro, quería saber como puedo poner esto pero en la esquina inferior izquierda en vez de en la derecha, ¿se puede? Un abrazo.

    PD: Funcionar, me funciona a la primera solo que en ese lado tengo el gadget de "Deja tu comentario" y lo medio tapa. Por eso quiero ponerlo en la izquierda.

    ResponderEliminar
  156. Ya nada Potro, gracias de todas formas. He conseguido poner el gadget de "Deja tu comentario en el lado izquierdo así que ya se ven ambos. Esto se ha quedado en la derecha y el gadget en la izquierda. Un abrazo http://escritorsentimientos.blogspot.com/

    ResponderEliminar
  157. Hola y buen dia amigo !!! Quiero cambiar los botones que tengo actualmente, pero mi problema es que el codigo no esta guardando bien, no se pasa, mi pregunta es si se puede hacer como gadget flotante, pues asi es que tengo los anteriores, mira http://mi-martinez.blogspot.com/ te agradezco enormemente si me puedes colaborar Saludos !!!!

    ResponderEliminar
  158. Onyss, no vi los botones puestos en ese blog, pero sí vi que tienes jQuery, recuerda que esos scrips no son compatibles y que se deben aplicar unos cambios en caso de que se quieran usar juntos.
    Saludos.

    ResponderEliminar
  159. potro.... no consigo que se habra el botón cuando aprieto encima de él. y no he encontrado incompatibilidad en la plantilla. no entiendo mucho la verdad, pero si me puedes ayudar indicándome un poco te lo agradecería....

    coreaspain.blogspot.com

    ResponderEliminar
  160. dnis villeda, pues sin verlos puesto no puedo decirte la distancia exacta, pero igual no es necesario que yo te las diga, tú puedes probar con varios valores:
    bottom:40px;
    right:30px;

    Esos son los predeterminados, el primero es la distancia desde abajo y el segundo la distancia desde la derecha, prueba con varios valores hasta que quede como quieres.
    Para Blogger no hay programas para hacer plantillas (excepto Aristeer), yo las hago desde Blogger, modificando y agregando códigos.

    ResponderEliminar
  161. Dante Mogni, en el gadget de las últimas entradas verás que ahí usas jQuery, en ese mismo código verás la URL del script que te digo, quizá ese script es el que se tiene que modificar.
    Igual puedes quitar ese gadget, hay otras maneras de mostrar las últimas entradas sin necesidad de usar jQuery.

    ResponderEliminar
  162. Hola ! una pregunta no tiene que ver con el tema es algo personal, pero no se donde ponerlo y en contacto no se puede

    Queria saber como cambiar el fondo transparente que se pone devajo de los comentarios en mi blog
    http://mardelmovie.blogspot.com/

    En esta entrada se ve:
    http://mardelmovie.blogspot.com/2011/12/house.html

    Sucede tanto con disqus como comentarios de blogger o de facebook

    ResponderEliminar
  163. Abel, qué bueno que ya lo has resuelto :)
    Abrazos!

    ResponderEliminar
  164. Michael Giovanny Martinez Guzman, ¿qué error te aparece al tratar de poner estos botones?

    ResponderEliminar
  165. Hola Alberto Vil,

    Como te mencioné en otra entrada, tienes al menos 2 versiones de jQuery, una de ellas es muy antigua; no sé si tú agregaste todos estos scripts de jQuery al final de la plantilla porque son muchos. Al menos el slider que tienes en el blog funciona con jQuery, no sé si haya algún otro gadget que tengas en el blog que funcione con esa librería.
    Prueba eliminar desde:
    <script type='text/javascript'>
    //<![CDATA[
    /*!
    * jQuery JavaScript Library v1.3.2

    Hasta:
    // Set the width or height on the element (default to pixels if value is unitless)
    this.css( type, typeof size === "string" ? size : size + "px" );
    };

    });
    })();
    //]]>
    </script>

    Con eso ya habrás quitado la versión antigua. Ahora asegúrate de aplicar los cambios que se deben hacer para que jQuery y Scriptaculous sea compatible (ver enlace de la entrada)

    Saludos.

    ResponderEliminar
  166. Muchas gracias el potro, pero he probado y la plantilla deja de funcionar correctamente, ya que no se verían las imágenes de cada entrada en la página principal. :S y aún así al apretar el botón sigue sin desplegarse.

    Disculpa la molestia

    ResponderEliminar
  167. Mi problema es algo común por lo que leo pero no lo he conseguido solucionar con las respuestas que das a los demás...
    A mi me aparece el botón, pero al clickear sobre él no pasa nada, y ya quite todos los $ y añadi los jQuery.noConflict();

    ResponderEliminar
  168. Dante Mogni, sino es ninguna molestia ;)

    ResponderEliminar
  169. Gonzademarpla, si quieres que el área de los comentarios tenga un color de fondo agrega arriba de esta línea:
    #comments h4 {

    esto:
    #comments {
    background:#fff;
    }

    ResponderEliminar
  170. Muchas gracias...
    ...Si algun día enseñas a hacer straming de videos en servidores como megaunpload, wunpload ,etc como lo hace cuevana.tv o moviezet.com te lo agradeceria! por que no encuentro la forma!

    PD: cuando termine miblog te enlazo al mio por todas las cosas que saque!

    ResponderEliminar
  171. Ya solucioné el problema amigo! Lo hice actualizando Jquery de versión ya que tenía una algo antigua...

    Gracias de igual modo, ya solo tengo una duda, y te la dejé en tu post de http://ciudadblogger.com/2011/11/fecha-tipo-calendario-en-las-entradas.html?commentPage=2

    ResponderEliminar
  172. Si me suponia que no me entenderias, perdon jeje...

    En la portada quiero la imagen de la entrada tengan esos valores que estan ahora (width:189px y height:280px), cuando haya una img mas ancha la juntara o estrechara a esos valores y quedara mal, no me molesta eso justamente. Pero quiero que cuando se entra en la entrada si se muestre como deveria, es decir, con su ancho correspondiente.
    http://h-elite-no-fansub.blogspot.com/

    PS: No tuve tiempo para responder antes T.T
    Saludos..!!

    ResponderEliminar
  173. oie potro feliz año nuevo :)

    te quiero preguntar algo que no tiene que ver con esta entrada
    oye fijate de este blog que el logo no sale donde debe de ir centrado y he jugado con el ancho del blog y no se pone bien :s me puedes ayudar

    saludos

    en este blog

    www.flownesio.blogspot.com

    ResponderEliminar
  174. Alberto Vil, pues habrá que prescindir de este truquillo entonces, lamentablemente no siempre se tiene éxito cuando se combinan dos scripts que no son compatibles. A ver si después encuentro la forma de hacer lo mismo pero con jQuery.
    Saludos.

    ResponderEliminar
  175. Gonzademarpla, gracias por el futuro enlace :)

    ResponderEliminar
  176. Javi Anubis, no te preocupes, yo tampoco he podido responder antes ;)
    Para que las imágenes no tengan una medida predeterminada en las entradas individuales busca esta parte y elimina lo que está en negrita:

    .post-body img{width:189px;height:280px; padding:6px;border:1px solid #555454;border-radius:5px;background:#343434;}

    Saludos.

    ResponderEliminar
  177. jangel, tienes que colocar una imagen que cubra el ancho total dea cabecera, de esa forma se verá centrado.
    Saludos.

    ResponderEliminar
  178. Mmm.. perdon no era eso justamente :P
    Esas medidas fui yo quien se las puso para que en la portada se vieran asi de pequeñas, lo que queria saber es como puedo hacer para que tengan esas medidas para la portada pero para las entradas individuales sean con su tamaño original..??

    Saludos...

    PD: igual me parece que nose podra, pero primero acabar todas las opciones ya que yo mismo no pude.. jeje

    ResponderEliminar
  179. No, sí se podrá, despreocupate por eso ;)
    Entonces, agrega esos estilos sólo para la portada, así en las entradas individuales esos estilos no existirán.
    Elimínalos, luego antes de </head> pega esto:
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <style>
    .post-body img{width:189px;height:280px;}
    </style>
    </b:if>

    Eso hará que las medidas de esas imágenes no se apliquen en las entradas individuales.
    Saludos.

    ResponderEliminar
  180. ohhh~~ genial~ pense que no saldria jeje...
    Ahora pero, me parece raro y pregunto entonces (jaja) sacando el primer codigo como me decis (y ahora esta bien con las entradas), pero no deveria poder verse tambien asi (en su tamaño original) en las paginas..??

    Saludos y gracias..!!

    ResponderEliminar
  181. Hola potro, habría alguna manera de poner algo más dentro del deslizante, como un chat o algo así???

    ResponderEliminar
  182. Javi Anubis, no entendí :(
    Quizá aun sigo dormido :P

    ResponderEliminar
  183. Mario FB, pues sí, el último código, que es el que contiene los botones, es una tabla HTML, le puedes agregar otra celda para añadir ahí algún otro elemento.

    ResponderEliminar
  184. jaja... pues yo tampoco soy de explicarme bien XD
    Bueno el problema con las entradas con la ayuda que me diste ahora quedo bien ;) ... Lo que si, todavia no aparecen bien (las imagenes... con sus verdaderas dimensiones) en las paginas estaticas.
    Bueno preguntaba el porque de eso..??

    Saludos y gracias por la ayuda ;)

    ResponderEliminar
  185. Ok, ok, ok :)
    Ese código que te di, enciérralo en una condicional, la que es para que se muestre o ejecute en todas partes MENOS en las páginas estáticas:
    http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

    ResponderEliminar
  186. wohh~~ veo la luz Potro la sigo? jaja... Salio..!! XD

    Saludos y gracias ;)

    ResponderEliminar
  187. Hola, primero que nada gracias... en los 2 años que llevo como WEBMASTER de un blog CIUDAD BLOGGER me a ayudado mucho...

    potro queria preguntarte como podria agregar el boton de compartir en TARINGA ...

    ResponderEliminar
  188. disculpa pero ya lo puse.... era tan facil como agregar el codigo del boton de taringa.... pense que debia modificar algo mas xd... perdon.... y bueno gracias de igual forma

    ResponderEliminar
  189. Javi Anubis, jajajaja, ¡no! ¡no sigas la luz!

    ResponderEliminar
  190. Hola. desgraciadamente al tratar de aplicarlo a mi blog de marketing deportivo (os lo recomiendo: http://marketingdeportivomd.blogspot.com) me sale el botón de Recomienda este block pero al hacer click en él no pasa absolutamente nada. a qué es debido? es decir, no salen los botones para recomendar. y he seguido paso a paso lo que expones en el post.

    ResponderEliminar
  191. 199! Al límite! Oye, que lo he puesto y me sale y tal, pero entonces el slider no se abre! He pegado algo mal?

    www.elrincondedomive.blogspot.com

    ResponderEliminar
  192. Master19xD, eso significa que sí has aprendido bastante :)

    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