Añadir dos columnas de gadgets arriba y/o debajo de las entradas

10 de enero de 2012 311 comentarios ,
Para agregar un gadget arriba o debajo de las entradas basta con arrastrar el gadget hasta esa posición y tendremos colocado el gadget en ese lugar. Pero qué tal si quieres agregar dos gadgets y que ambos estén en columnas, pues en ese caso habremos de añadir una sección de gadgets en esa área de modo que se creen dos columnas de gadgets arriba o debajo de las entradas.


Puedes tener sólo las columnas de arriba, o sólo las de abajo, o ambas, eso dependerá del gusto y necesidades de cada uno.

Para agregar estas columnas de gadgets entra en la Edición HTML de la plantilla, y SIN los artilugios expandidos busca esta parte:
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Entradas del blog' type='Blog'/>
</b:section>

Si quieres las columnas de gadgets arriba de las entradas, entonces agrega arriba de lo anterior esto:
<div id='BlogGadget1' style='width: 48%; float: left; margin:0; padding: 5px;'>
<b:section class='sidebar' id='gadget-1' preferred='yes' style='float:left;'/>
</div>
<div id='BlogGadget2' style='width: 48%; float: right; margin:0; padding: 5px;'>
<b:section class='sidebar' id='gadget-2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>

Si también quieres dos columnas de gadgets debajo de las entradas, entonces agrega debajo del primer código esto:
<div id='BlogGadget3' style='width: 48%; float: left; margin:0; padding: 5px;'>
<b:section class='sidebar' id='gadget-3' preferred='yes' style='float:left;'/>
</div>
<div id='BlogGadget4' style='width: 48%; float: right; margin:0; padding: 5px;'>
<b:section class='sidebar' id='gadget-4' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
Los valores en color azul es el ancho de cada uno de los contenedores, si por alguna razón los gadgets de la segunda columna se bajaran entonces reduce esos valores hasta que los gadgets se acomoden en su lugar.

Así se sencillo tendrás dos columnas de gadgets en esa área del blog.
Vaya, qué rápida se me ha hecho esta entrada


311 comentarios en:

" Añadir dos columnas de gadgets arriba y/o debajo de las entradas "

  1. ¡Gracias, Potro!
    Esta me viene de perlas, hace mucho tiempo que soñé con poder disponer así, me pregunto, ¿si en vez de dos quiero tres o los que sean, siempre que calcule la medida del ancho, ¿bastará con repetir donde aparece lo del 48 por ciento?...es la última linea la que me despista, por ese "both" que parece aludir a dos tan sólo.

    ResponderEliminar
  2. Buenos días!! desde Las Canarias, gracias Potro

    ResponderEliminar
  3. muchisimas graciassssssssssssssssssssss

    ResponderEliminar
  4. Ostras! llevo más de cinco años bloggeando por ahí y no había visto tu web, que por lo que veo me hubiera solucionado más de un problema que he tenido... en fin gracias a los premios 20blogs te he descubierto y ahora no te me escaparas, te guardo en mis favoritos porque tienes tutoriales muy pero que muy interesantes para los que bloggeamos con la herramienta de google... Fantástico...

    Ya te haré alguna pregunta específica... Mi blog es de tiras comicas y a veces tengo unos problemones... Pásate y dime que te parece!

    http://lablogoteca.20minutos.es/cargols-25668/0/

    ResponderEliminar
  5. Potro;

    Gracias por esta enseñanza, es muy saber de todo esto y explicarnos a todos nosotros que somos un poco inexpertos en este tema de blogger...! ;)

    Gracias! Saludos....

    ResponderEliminar
  6. Como siempre Potro, como si conocieramos lo que queremos. Gracias Maestro.

    Bendiciones abundantes en este Nuevo Año.

    Iglesia Cristiana Evangelica

    ResponderEliminar
  7. Potro, no se si me puedas ayudar, al parecer mi plantilla no tiene esa section que tu hablas para colocar el codigo.

    Gracias de antemano,

    Iglesia Cristiana Evangelica

    ResponderEliminar
  8. Un poco corta la entrada? bueno q mas da, ya sabemos q mas de uno son perezosos y prefieren ver entradas con lo minimo... XD

    ResponderEliminar
  9. hola potro lo del leer mas me ha funcionado super, muchisimas gracias una pregunta: me gustaria subir el menu a la parte superior de la pagina y que tambien ocupara todo el ancho de la pagina algo asi como la barra de los creditos que tu tienes en la parte de abajo de tu blog, te dejo una imagen y la pagina

    www.xevero.com

    http://www.hostmypicture.com/images/ashampnon.jpg

    ResponderEliminar
  10. Hola potro q buen tutorial gracias! me sirve mucho....potro una pregunta... sabes si se puede administrar el blog con dreamweaver o otro editor?

    ResponderEliminar
    Respuestas
    1. Hola MaryiNova,

      Con Dreamweaver no, de hecho administrarlo como tal sólo puedes hacerlo desde Blogger, sin embargo puedes publicar entradas con otros editores. En la sección Descargas puedes encontrar algunos editores que sirven para Blogger.

      Saludos.

      Eliminar
  11. Hola, te hago una pregunta que no tiene nada que ver con la entrada.
    Bueno, cada vez que subo una imagen de fondo en mi blog, abajo de todo queda con mas espacio. Osea la plantilla se termina & la imagen de fondo sigue, nose si me entendes. Como lo arreglo? :/

    ResponderEliminar
  12. Hola Potro,

    Muchas gracias por toda la ayuda que nos estás dando, la verdad que cuando tengo un problema con el blog siempre me acuerdo de ti, no sabes lo mucho que significas para los que tenemos un blog.

    Por favor, ¿ te puedo hacer una consulta ?, en la cabecera del blog www.elmundoatuspiesvg.blogspot.com tengo una foto, pero me gustaría que apareciera más pequeña, cuando la gente entra en el blog, ¿ qué tengo que hacer ?

    Muchas gracias !!

    Un abrazo.

    ResponderEliminar
  13. Hola Sofía,

    En efecto, sólo habría que agregar otra sección con IDs distintos, y reducir el ancho de los contenedores. El último con clear:both es sólo para limpiar los estilos.

    Dicho de otra manera, si quieres que en lugar de 2 columnas, sean 3 entonces el código que hay que añadir sería este:

    <div id='BlogGadget1' style='width: 33%; float: left; margin:0; padding: 5px;'>
    <b:section class='sidebar' id='gadget-1' preferred='yes' style='float:left;'/>
    </div>
    <div id='BlogGadget2' style='width: 33%; float: left; margin:0; padding: 5px;'>
    <b:section class='sidebar' id='gadget-2' preferred='yes' style='float:left;'/>
    </div>
    <div id='BlogGadget3' style='width: 33%; float: right; margin:0; padding: 5px;'>
    <b:section class='sidebar' id='gadget-3' preferred='yes' style='float:right;'/>
    </div>
    <div style='clear:both;'/>

    ¡Besos!

    ResponderEliminar
  14. MaGoS RaDioMuSiC, qué cosas, cuando tú estás despertando yo apenas estoy por ir a la cama. Algún día que me desvele concordaremos :)

    Montserrat, gracias a ti por tu visita, buen día!

    ResponderEliminar
  15. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  16. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  17. GRAX MEN BORRA MI COMENT DE ARRIVA PORFA...

    ResponderEliminar
  18. Gracias potro sin duda un gran truco con blogger.

    Ahora mi pregunta es la siguiente, si quiero tener esos mismos 2 gadgets pero que no aparezcan en el inicio. ¿como lo hago?

    Saludos.

    ResponderEliminar
  19. PD: he implementado tantos trucos de tu web que ya deberia llamarse ciudad-black xD!! Saludos desde chile.

    ResponderEliminar
  20. Francesc Llopis Surrallés, hombre pues ¡bienvenido a Ciudad Blogger!
    Ojalá encuentres por aquí información que pueda serte útil para tu blog de alguna u otra manera; y en cualquier cosa que pueda ayudarte estaré encantado de poder hacerlo, así que puedes preguntar con confianza ;)

    Ya el otro día me he encontrado con tu blog (también por la Blogoteca) y he visto que tienes bastante talento, enhorabuena por tu blog :)

    ¡Saludos!

    ResponderEliminar
  21. HOLA POTRO:
    Que pasaría si optamos por ambas cosas es decir arriba y abajo opciones de dos o tres. Ya coloque dos.
    Saludos

    ResponderEliminar
  22. Jhonnysan, por nada :)

    ricardogot2010, pues espero que te sea útil, sino ahora algún día que lo necesites :)
    Gracias por pasar y estar al pendiente de las publicaciones. Saludos!

    ResponderEliminar
  23. Buenas noches potro, he seguido tus instrucciones pero a mi no me quedan bien alineados como en la imagen que tu muestras, me quedan uno al lado del otro pero uno mas arriba que el otro ¿como hago para ponerlos al mismo nivel?
    un beso

    ResponderEliminar
  24. mil infinitas gracias, potro..lo mismo ahora que tengo cerrados los comentarios puedo dedicarme a arreglar un poco el blog, y esta idea me viene genial.
    Y gracias por aclarar lo de esa linea, encima enseñas más allá de lo que ya de por sí nos das, tienes un corazón de oro.

    ResponderEliminar
  25. Hola pasando a saludar y buen aporte ^^

    ResponderEliminar
  26. Gilberto Hernandez, todos los blogs de Blogger lo tienen, guíate por la segunda línea, así podrás encontrarlo.
    Saludos y bendiciones para ti también.

    ResponderEliminar
  27. CampamentoWeb, y eso que después de publicarla la edité, porque era aun más corta :P

    ResponderEliminar
  28. Neomontoya, tendrías que poner el menú después de <body> y establecer el ancho del menú al 100%, aunque no en todas las plantillas queda bien.

    ResponderEliminar
  29. Hastamiultimorespirar †, ¿cómo estás subiendo la imagen de fondo? ¿antes de que tu sucediera eso hiciste algún otro cambio?

    ResponderEliminar
  30. victor, muchas gracias por tu comentario :)
    Lo ideal, para que no te compliques, es que edites la foto en un editor de imágenes y la subas de nuevo, pues en esas plantillas ya no es tan sencillo manipular el tamaño de la imagen de la cabecera como sucedía con las otras plantillas de Blogger.

    Abrazos.

    ResponderEliminar
  31. Black, jajaja, te tendré que cobrar regalías si cambias de nombre :P
    Si quieres que aparezcan sólo en las entradas entonces tendrás que condicionarlos:
    http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

    ResponderEliminar
  32. Potro, en el nuevo editor de Blogger, que para ir a la edición de HTML hay que ir a "Plantilla", voy a esa sección y se me aparece una pantalla gris con el logo de Blogger en el medio...
    Cómo se puede arreglar esto? O volver al editor de Blogger anterior si es que no se puede solucionar...
    Saludos

    ResponderEliminar
  33. Me refiero en el comentario anterior a la interfaz actualizada de Blogger, ya pude volver a la vieja interfaz de Blogger, la consulta es como solucionar lo de la edición de HTML en la nueva interfaz.

    ResponderEliminar
  34. La pongo en diseñador de plantillas, donde dice fondo, subir una imagen & no... No cambie nada.

    ResponderEliminar
  35. FRANCISCO, no pasa nada, es totalmente aceptable. Lo único que hay que revisar es que si abajo también pones tres columnas entonces cada sección debe tener un ID distinto para evitar que te dé error.
    Pero puedes tener tanto arriba como abajo de las entradas sin ningún problema ;)

    ResponderEliminar
  36. teofermi, prueba con lo que dice la entrada, reducir el ancho de uno de los contenedores hasta que se acomode en su lugar.
    Gracias por el beso :)

    ResponderEliminar
  37. Sofía, me parece excelente idea que le dediques un tiempo al diseño del blog, sirve que te distrae un poco ;)
    Cualquier cosa que surja por aquí estamos.
    Besos.

    ResponderEliminar
  38. Lo sé, :), Potro, gracias, eres muy amable.
    Un beso

    ResponderEliminar
  39. Hola, a mí me gustaría saber algo referente a las fotos, pues al ponerlas en tamaño extragrande (que es como mejor quedan), en formato horizontal se me cortan y, a veces, en vertical también, como puedo hacer para que no me pase esto o subsanar este problema, si es que tiene solución?
    muchas gracias.
    Un saludo.
    Tu ayuda me resulta de gran utilidad.

    ResponderEliminar
  40. Hola potro! como estas tanto tiempo? Muy bueno me ha servido, y eso que siempre me rpeguntaba como carajo agregar widgets en esos espacios.

    Gracias compa

    ResponderEliminar
  41. Jonathan Chavez, saludines :)

    TutosLady Pink, gracias por pasar a saludar, que estés muy bien :)

    ResponderEliminar
  42. Coloush +16, tal vez tengas que limpiar la caché del navegador para poder ver la Edición de HTML.
    De todas formas, en el Escritorio, arriba, del lado derecho, hay un ícono de un engrane, ahí puedes regresar a la antigua interfaz.
    Saludos.

    ResponderEliminar
  43. Hastamiultimorespirar †, no es por la imagen de fondo, es por el script de los destellos del cursor, si lo quitas verás que desaparece ese espacio.

    ResponderEliminar
  44. Hola Maite, ¿me puedes mostrar una entrada donde tengas una foto con esas dimensiones y que te aparezca cortada?

    ResponderEliminar
    Respuestas
    1. Hola Potro, pues no te puedo poner ningún enlace, porque cuando hago el post, antes de publicarlo lo veo en vista previa y si se me cortan le pngo el tamaño más pequeño, pero como quedan y lucen mejor las fotos son en extragrande. Puedes ver mi blog en www.modaenprovincias.blogspot.com
      Entonces, he optado hacer todas las fotos en verticar y no en horizontal, pero me limita mucho!!!
      Gracias. Un saludo

      Eliminar
    2. Aunque se corten, publica la entrada, así puedo ver si puede arreglarse con unos pequeños ajustes en la plantilla.
      Saludos :)

      Eliminar
    3. bueno, pues a ver si esta tarde publico el próximo y ya me vuelvo a poner en contacto contigo.
      Muchas gracias de nuevo.

      Eliminar
    4. Aquí te dejo un pos con las fotos un poco cortada, aún siendo en formato vertical (fíjate en la fina linea blanca del borde, verás como la parte de la derecha está cortada, sobre todo en la de los zapatos).
      Gracias.
      Un saludo.
      http://www.modaenprovincias.blogspot.com/2012/01/recibiendo-el-nuevo-ano.html

      Eliminar
    5. Lo que pasa es que el ancho del contenedor de tus entradas es bastante angosto. Quizá la mejor solución es que especifiques un ancho máximo para las imágenes, de esa forma todas las imágenes de las entradas no podrán excederse al ancho de las entradas y no se cortarán, sino que se ajustarán.

      Si deseas hacerlo busca esta línea:
      .post img, table.tr-caption-container {

      Debajo de ella agrega esto:
      max-width: 387px;
      height: auto;

      Saludos.

      Eliminar
    6. OK, voy a ver. Muchísimas gracias.
      Un saludo.

      Eliminar
    7. Hola Potro! He estado viendo, varios días el resultado de los cambios que me recomendaste y, efectivamente, ya no se cortan las fotos, lo único que ocurre es que se ven un poco alargadas ahora, según me comentó una seguidora del blog y las horizontales salen pequeñas. Te voy a dejar otra dirección de un blog que sigo, que es blogspot y mira como le salen a ella las fotos de grandes. A mí me gustaría ponerlas así, más o menos.
      Muchas gracias por todo. Espero tu respuesta.
      El enlace es éste: http://thecollagelife.blogspot.com/2012/01/featherbelt.html

      Eliminar
    8. Hola Maite,
      Las fotos de ese blog se ven más grandes porque el ancho de sus entradas es más grande, por lo tanto caben elementos de mayor tamaño. Si lo deseas puedes hacer el blog más ancho (en la red hay varios tutoriales sobre ello).
      Lo que dices que te ha dicho tu seguidora, habría que ver qué navegador y versión usa, porque al menos en Chrome, Firefox, Opera, y Safari (todos en su última versión) se ven bien las imágenes de tu blog. En Internet Explorer no he podido verlo porque no tengo ahora un equipo con Windows a la mano, pero supongo que al menos en la versión 8 y 9 tampoco debe haber problema.

      Saludos.

      Eliminar
    9. Ah, o sea que es porque tengo que hacer el blog más ancho. Bueno, voy a ver si busco esos tutoriales y me ayudan un poco. Te estoy muy agradecida por tus explicaciones. Son muy instructivas y de gran ayuda, de verdad.
      Muchas gracias.
      Un saludo.

      Eliminar
    10. Gracias por tu comentario Maite, ¡saludos!

      Eliminar
  45. PelicuLand.com, todo bien, gracias por preguntar :)
    Saludos.

    ResponderEliminar
  46. Hola Potro !!

    Como siempre funcionó !! Muchas gracias por tu ayuda, no sé que sería de mi blog sin ti, de verdad.

    Un abrazo y muy agradecido.

    ResponderEliminar
  47. Hola potro, mi problema es algo similar a este pero es con mi cabecera, mi cabecera esta muy pequeña en el blog en este caso como la puedo expandir en la plantilla, porque al ser una plantilla antigua llamada Arthemia v2 no contiene #header
    mire asi es como se me muestra el gadget de la cabecera
    http://i219.photobucket.com/albums/cc317/n-p-25/potro.jpg
    lo que quiero es que en la linea completa solo se muestre la cabecera sin otro gadget al lado para que se vea mas grande asi como usted lo muestra en su imagen arriba
    http://1.bp.blogspot.com/-JEdXsq4XdU8/Tw0fwKoRBQI/AAAAAAAAGtI/8f2qqmVCzbQ/s000/Diseno-Blogger.png
    gracias anticipadamente señor potro si pudiera ayudarme con esta plantilla me ayudaria diria yo inimaginablemente ya que me gusta mucho la plantilla y me podria ayudar mucho en mi pagina web o blog

    ResponderEliminar
    Respuestas
    1. ¿Y cuál es el blog donde tienes el problema? Porque sin ese dato me es imposible saber cómo ayudarte.

      Eliminar
    2. mira potro este es el blogger donde tengo dicho problema
      http://desingguardado01.blogspot.com/
      gracias

      Eliminar
    3. Busca donde dice:
      #logo {
      width:350px;
      }

      Cambia ese valor por uno más grande.
      Luego busca esta parte y agrega lo que está en negrita:
      #hbanner {
      display:none;

      Saludos.

      Eliminar
    4. muchas gracias de verdad sin tu ayuda nose que aria de verdad por gente como tu es por la que blogger aun sigue vivo jajajajaja de verdad, te seguire siempre en tus actualizaciones y le dire a mucho de mis amigos que hagan lo mismo

      Eliminar
    5. Muchas gracias por tu comentario AlexMusic, saludos :)

      Eliminar
  48. Que onda Potro.! recuerdas que alguna vez te comente que tenia algunas semanas de que mi Blog no queria guardar los cambios que hacia en la seccion de Diseño - Elementos de la página - ? la vez anterior te comentaba que de repente me di cuenta que si seguia agregando gadgets o imagenes en las sidebar o en las secciones que dividi pues yo agregue al blog divisiones de estas formas: -Dividir el footer del blog-, -dividir el crosscol- y agregue muchos elementos en dichas secciones y de repente me dio ese poblema que ya no pude guardar mas los cambios en Diseño - Elementos de la página -, anteriormente tu me comentaste que no habia limite para agregar elementos al blog pero sucede que si Yo mismo elimino elementos de esas secciones vuelve a funcionar bien el blog y Si me guarda los cambios, solo cuando vuelvo a poner de nuevo todos los elementos que quite vuelve a fallar al guardar, es como si en realidad si tubiera un limite, y tu me comentaste que quiza se devia a un problema propio de Blogger que devia esperar a ver si blogger lo solucionaba pero ya casi pasaron 3 meses desde que comenzo mi problema, habra alguna manera de intentar que vuelva a guardar los cambios? quiza modificar algo en la platilla para darles mas espacio a las secciones que dividi del Footer y del Crosscol? te agradezco mucho tu tiempo....!!

    ResponderEliminar
    Respuestas
    1. Pues es que no había escuchado antes que alguien tuviera un problema con un límite. Supongo que de haberlo debe ser para proteger la velocidad de la carga del blog, algo así como sucede con la autopaginación que no permite mostrar tantas entradas en la portada cuando el blog se ha vuelto lento en cargar. Sólo así explicaría el hecho que ya no te permita agregar más gadgtes.
      ¿Son muchos?

      Eliminar
    2. A que tal Potro ! ...me habia perdido un poco con la nueva forma de comentar y responder jeje pero mu gusta esta bien, gracias por responder y mira, si me permite agregar mas gadgets lo que no me permite es cambiarlos de lugar pues obvio no guardara los cambios pero cuando agrego algun gatget o elemento solo me permite ponerlo al inicio de cada seccion o al inicio de las sidebar, pero quiza si se deba a que ahora si ya hay limite para que no agreguemos demaciados elementos por que se vuelven pesados los blogs, asi que pienso que tienes razon al mencionar lo de la autopaginacion pues supongo que quieren evitar que hagamos blogs demaciado extensos o pesados. Y respondiendo a la pregunta de si Son muchos los gadgets que tengo que eliminar para que vuelva a guardarme correctamente los cambios pues Si son muchos jejeje, supongo que no tendre mas remedio que resignarme a quitarlos verdad ? para poder seguir cambiando de lugar elementos y que me permita guardar cambios.

      Eliminar
    3. Ahhh, yo igual me pierdo, estaba acostumbrado a ir hasta abajo para ver el último comentario. Supongo que ya nos iremos acostumbrando ;)
      ¿Has probado cambiarlos de lugar desde la Edición de HTML? Sólo tienes que localizar la línea del gadget (Sin expandir los artilugios), cortarla y pegarla donde quieras.
      Saludos.

      Eliminar
    4. Esta bien, muy buena sugerencia, vere que tal me va hacerlo de esa forma. Gracias...!

      Eliminar
  49. Hola potro jeje yo de nuevo, mira para que logres quizas ponerla un poco mas rapido esta es la web que tiene dicha plantilla y tiene una cabecera en flash
    http://www.barriomusical.net/

    esta es la mia en la cual quiero poner la cabecera de ese mismo tamaño pero en base a imagenes no a flash, pero no logro hacerlo en la plantilla ya que no tiene header...
    http://desingguardado01.blogspot.com/

    waoo estaria muy agradecido si lograras decirme como hacerlo

    ResponderEliminar
  50. victor, ni yo sé qué haría con ustedes :)

    ResponderEliminar
  51. mira potro este es el blogger donde tengo dicho problema
    http://desingguardado01.blogspot.com/
    gracias

    ResponderEliminar
  52. potro no e logrado http://www.cinewow.tv/ resumir las entradas :S nose ke mal hago

    ResponderEliminar
    Respuestas
    1. No entiendo, las entradas sólo muestran la carátula en la portada, eso es igual una entrada resumida.

      Eliminar
  53. potro amigo mio
    te cuento ya coloque esos gadget debajo de mi entradas ahora dos pregunta
    1 quiero colocar un anuncio en flash pero debado de los creditos
    2 quiero colocar los botones de redes sociales tambien debajo de los creditos

    solo esas dos pregunticas por ahora jejejejejeje espero no molestar mucho saludos desde vzla y otra cosa no puedo votar en tu concurso dice que tengo que tener un blog mio inscrito

    ResponderEliminar
    Respuestas
    1. Pues sólo sería cuestión de ubicar dónde terminan los créditos y ahí colocar lo que quieres. ¿Me recuerdas cuál es tu blog?
      Saludos!

      Eliminar
  54. dude for my blog it's not working for me please help me i want this please
    http://softechnogeek.blogspot.com/
    when i am try to add this thing it showing error

    ResponderEliminar
  55. Hola Potro.

    No sé si es el lugar apropiado para esta pregunta. Obvia la respuesta si no es así.

    Desde hace días no se ven en mis blogs el enmarcado de los comentarios que hice gracias a tus tutoriales.
    Es extraño porque no se ve el enmarcado pero si se mantienen otras modificaciones que iban en el mismo paquete como por ejemplo el ocultar el mensaje que viene por defecto sobre el casillero de comentarios.
    ¿Sabes que puede haber pasado? ¿Quizá google ha realizado cambios en las plantillas HTML?

    Estos son los blogs que gestiono:
    http://centroreikisevilla.blogspot.com/
    http://www.espaciosutil.net/
    http://isabellopezzambrano.blogspot.com/

    Lo he comprobado en Firefox y en Explorer.

    Gracias como siempre por tu esfuerzo y tu amabilidad.

    ResponderEliminar
    Respuestas
    1. Hola,

      Es que desde hace unos días Blogger implementó los comentarios anidados, eso ha hecho que muchos de los truquillos que teníamos para los comentarios hayan dejado de funcionar:
      http://ciudadblogger.com/2012/01/los-comentarios-anidados-en-blogger.html

      Ingresa de nuevo a la entrada de los comentarios enmarcados, ahí hay una actualización por lo de este mismo tema.
      Saludos.

      Eliminar
  56. Muchas Gracias Potro. :D
    Tan amable como siempre.

    ResponderEliminar
  57. Hola, Potro, vengo a molestarte otra vez, espero que me disculpes.
    Me pregunto si hay forma de poner un gadget tipo "ancho", o sea, que ocupe el ancho de la página a la vez que éstos, bien debajo o arriba de ellos, o en ambos lugares. Me gustaría colocar una especie de banda con un texto y en otro probablemente el gadget de "seguidores". Lo tenía antes uno ancho con texto) pero tuve que quitarlo porque se me quedaba arriba de estos "compartimentados", y hacía muy feo, y ya no me aparece en la ventana de diseño la oportunidad de agregar ahí un gadget ancho
    Si es mucho jaleo, no te preocupes, que no quiero molestarte demasiado (sólo lo preciso, :).
    Un beso y muchas gracias de antemano

    ResponderEliminar
    Respuestas
    1. No es ninguna molestia Sofía.
      ¿En dónde quieres poner el gadget? ¿debajo de la cabecera? ¿o encima de estos tres ocupando el ancho de las entradas?

      Porque si es debajo de la cabecera ocupará todo el ancho del blog. En esta entrada puedes ver cómo colocar gadgets debajo de esa área:
      [Añadir gadgets debajo de la cabecera]

      Besos

      Eliminar
  58. Eso es...Siento no haber dado con esa entrada antes de preguntarte, Potro, ya con ella tengo la solución para un gadget "grande" arriba.
    La verdad es que también me interesaría poder poner otro abajo, al menos, tener habilitada la posibilidad..
    ¡como haya otra entrada diciendo cómo hacerlo me muero de la vergüenza!.....:/..tú me disculpas, por favor... ¡besos!

    ResponderEliminar
    Respuestas
    1. Jajaja, no te preocupes, que me parece que no hay una entrada sobre ello.
      Veo que tienes dividido el crosscol, así que lo que puedes hacer es añadir arriba de esos tres uno largo.
      Para ello sin expandir los artilugios busca esta línea:
      <div id='crosscol-wrapper' style='text-align:center'>

      Y justo debajo de ella agrega esto:
      <div id='crosscol0' style='text-align: center; padding: 5px;'>
      <b:section class='tabs' id='crosscol-superior' preferred='yes'/>
      </div>

      Con eso deberás tener un área para poner más gadgets a todo lo ancho.
      ¡Besos!

      Eliminar
  59. jeje, si tú dices que tengo dividido el crosscol, me lo creo, Potro, porque para mí es como si me hablaras en chino, jajaja..¡mil gracias!, esto es justo lo que necesitaba.
    Ya ves que sigo dándote la lata en el otro post, espero parar algún día, ;)
    Un beso

    ResponderEliminar
  60. ¡ya en funcionamiento, potro!, jaja, he puesto dos, un arriba y otro abajo, sólo he tenido que sustituir en el que quiero abajo la palabra superior por inferior y situar todo lo que me decías también debajo del código de los gadgets divididos, y voilá!, jaja...
    al final, hasta aprendo...hombre es que con maestros como tú, es muyyy fácil, :)
    ¡besos!

    ResponderEliminar
    Respuestas
    1. Pues vaya que aprendes rápido, se me hace que al rato tendré que hacerte autora del blog ;)
      ¡Besos!

      Eliminar
  61. Potro como estas tengo un pequeñimo dile seé que tu me ayudaras, Mita como hago pa enumerar mis label de mis paginas
    mira esta pagian de ejemplo sale todas las etiquetas sabes quiero que salga solo 4.
    Porfa ayudame,te dejo la pagina de ejemplo. Mil gracias por todo.

    http://www.tvgoles.com/search/label/Barcelona

    ResponderEliminar
    Respuestas
    1. No entiendo, ¿a qué te refieres con enumerar los labels de las páginas?

      Eliminar
    2. En la configuración del blog puedes elegir cuántas entradas mostrar en la portada, esa configuración es la misma que se aplica para las páginas de etiquetas.

      Eliminar
  62. Soy nuevo en esto, te doi las gracias por este trabajo que deserrollas,
    me salvó la vida como se suele dicir, estay haciendo un blog a mi mujer que es profesora en un colegio y me esta saliendo bastante bien gracias a tus detalladas explicaciones, no solo te lo agradezco yo, sinó todos sus alumnos que están encantados.
    Potro muchimas gracias.

    ResponderEliminar
    Respuestas
    1. Pues muchas gracias por tan amable comentario y tomarte la molestia de escribir para agradecer.
      Es un gusto saber que estos tutoriales pueden servir de ayuda a alguien.

      Saludos :)

      Eliminar
  63. hermano muchas gracias esto me sirvio muchisimo ya que en mi pagina tenia k poner videos y queria que se vieran primero los videos aunque no es muy visitada jeje pero de todos modos muchas gracias espero te sigas tomando la molestia de seguirnos enseñando.
    habia buscado por todos lados y era mucho mover al codigo y con esto que publicaste fue lo mas rapido y sencillo gracias.

    http://rednogales.blogspot.com

    ResponderEliminar
    Respuestas
    1. Me alegro que te haya servido, y que no te hayas complicado tanto en su implementación :)

      Eliminar
  64. Potro Consulta agrege los dos espacios arriba, pero quiero que tenga el mismo fondo que la sidebar de la derecha.. es posible esto?.. Te dejo enlace para que puedas ver el fondo que tiene la sidebar de la derecha http://pruebayeror.blogspot.com

    Desde ya muchisimas gracias.

    ResponderEliminar
    Respuestas
    1. Será más fácil si estableces estilos para esos gadgets, porque si bien, puedes cambiar el class='sidebar' por class='column-right-inner' lo más seguro es que no se vea bien. Así que mejor agrega en los estilos los que quieras para estos gadgets.
      .sidebar {
      ...Aquí los estilos que quieras...
      }

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar
  65. Potro coloque debajo de /* Widgets esto:

    .sidebar {

    background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;

    -moz-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
    -goog-ms-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
    box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);

    -moz-border-radius: $(widget.border.radius);
    -webkit-border-radius: $(widget.border.radius);
    -goog-ms-border-radius: $(widget.border.radius);
    border-radius: $(widget.border.radius);
    }

    Con eso logre que tenga el fondo igual ke el resto de las Sidebar restantes ya que copie el codigo ese de las propiedades de las otras. Hasta ahora todo bien... pero el tema es ke el fondo es mas chico ke el gadget 2 y en el gadget 1 el fondo es mas grande... Nose como controlar el fondo para grandarlo o achicarlo. Intente con los distintos margin y no funciono.

    Desde ya muchas gracias.

    ResponderEliminar
    Respuestas
    1. Prueba agregarle:
      padding: 27px;

      Pero a ver si eso no afecta a la sidebar, si así fuera entonces cambia .sidebar { por #BlogGadget1, #BlogGadget2 {

      Eliminar
    2. Excelente potro! Tube que usar la segunda opcion ya que el padding no hacia efecto alguno.

      MUchas Gracias :D

      Eliminar
  66. Potro otras consultas, se puede modificar el espacio que hay entre la barra de las paginas y los sidebar? estan bastante separados.
    Tambien me gustaria bajar o subir la entrada, esta muy pegado al sidebar nuevo el cual se interpone el dato del dia.

    Muchas Gracias por la pasiencia Potro

    http://pruebayeror.blogspot.com

    ResponderEliminar
    Respuestas
    1. Mira esta entrada sobre los espacios entra las entradas y la sidebar:
      http://ciudadblogger.com/2011/11/eliminar-el-espacio-entre-las-entradas.html

      Saludos.

      Eliminar
    2. Gracias Potro! Un Genio del Blogger :D pocos tienen tal conocimiento y saben enseñarlos. Felicitaciones por ser quien sos.

      Saludos.

      Eliminar
  67. Hola de nuevo Potro, este truco lo aplique con exito, ahora, hay forma de subir la sidebar mas arriba o sea que quede menos espacio entre la cabecera y la columna. Desde ya muchas gracias.

    http://fdtenradio.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Christian, agrega estos estilos para subir el fondo de la sidebar:
      .fauxcolumn-right-outer {
      margin-top: -20px;
      }

      Eliminar
    2. Gracias Potro, pero donde exactamente?

      Eliminar
    3. Antes de ]]></b:skin>, todos los estilos CSS van antes de esa etiqueta ;)

      Eliminar
    4. Genio!!!! Ahora si! Gracias Potro, hace tiempo que queria hacer esto. Agradecido total!!

      Eliminar
  68. Buenos dias Potro.
    Yo en vez de dos columnas quiero añadir una debajo de la cabecera que engloge las dos sidebars, es decir encima de las sidebars right y left un widget que englobe las dos, pero me es imposible hacerlo ya que lo parte por la mitad.
    mi blog es aliziajimenez@blogspot.com
    parece una tontería pero me está costando lo mío.

    Un saludo

    ResponderEliminar
    Respuestas
    1. Hola Alizia, sólo arrastra el gadget debajo de la cabecera desde la sección de Diseño, de esa forma se colocará debajo de la cabecera.
      Saludos.

      Eliminar
  69. Hola Potro de nuevo, si fuera ese el problema pero no me deja mover el widget, verás que tengo dos sidebars la primera no hay inconveniente en ponerla, pero la segunda la plantilla no me deja, verás que arriba he puesto la imagen de bisuteria pero no me deja poner abajo otra igual con diferente texto y seguir haciendo lo mismo.
    Gracias y perdona

    ResponderEliminar
  70. hola de nuevo
    te he puesto el ejemplo la primera imagen me sale perfecta pero si tiras para abajo veras que la otra sale muy pequeña porque las corta las dos sidebars y quiero que si es posible quede como la primera
    graciasssssssss

    ResponderEliminar
    Respuestas
    1. Hola de nuevo Alizia, arriba de ese gadget que has puesto, en la Edición HTML de la plantilla, mira si ves que diga esto:
      maxwidgets='1'

      Si alguna línea de arriba lo tiene entonces elimínaselo, eso es una restricción para que ciertas áreas sólo puedan tener un gadget.
      Saludos.

      Eliminar
  71. Hola Potro
    Gracias de nuevo ya he quitado el Maxwidgets y sigue igual la página, la verdad es que es un auténtico poltergeist, si miras sale el widget pero en pequeño.
    Gracias por todo eres un encanto ¡¡¡

    ResponderEliminar
    Respuestas
    1. Sale en pequeño porque la plantilla tiene dividida esa área. Pero ya me he perdido, ¿tu problema es que no te deja poner más gadgets, o que el gadget sale pequeño? Porque la indicación anterior era únicamente para que pudieras poner más gadgets en caso de que esa sección tuviera alguna restricción.

      Buen inicio de semana :)

      Eliminar
  72. Hola Potro
    Efectivamente hay dos sidebars, no me deja poner el gadget de imagen que engloble las dos sidebars por así decirlo por eso sale pequeño porque la parte justo. Yo quiero poner un gadget como el de arriba que engloble las dos sidebars pero me es totalmente imposible. No hay manera. Buen inicio de semana bueno... ya me sale humo de la cabecita...

    ResponderEliminar
    Respuestas
    1. Ok, creo que ya entendí. Arriba de las sidebars no puedes poner un gadget que tenga ese ancho porque no hay una sección de gadgets ahí, es decir, que para que puedas poner un gadget debes tener otra sidebar encima de las dos que ya tienes.
      Pero además, agregar otra sidebar ahí es muy complicado en el caso de tu plantilla ya que una sidebar está dentro del contenedor que tiene las entradas, y la otra sidebar está en un contenedor aparte, situación que complica las cosas :(

      Eliminar
  73. Gracias Potro, es que a veces me explico fatal. Lo tengo complicado ya lo veo llevo días con ello, pero si algo soy es un pelín cabezona...
    Un beso ¡¡¡¡¡

    ResponderEliminar
  74. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  75. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Disculpa que haya eliminado el comentario pero como puedes ver más abajo no se puede dejar la dirección del blog si este contiene material protegido por derechos de autor.
      Aun así, gracias por tu comentario :)

      Eliminar
  76. Y si quiero agregar tres columnas en el footer
    Como lo puedo realizar estimado amigo, agradezco mucho su cooperación.

    ResponderEliminar
    Respuestas
    1. Mira esta entrada José, ahí se explica ese tema:
      http://ciudadblogger.com/2011/05/dividir-el-footer-del-blog.html

      Eliminar
  77. Hola muchas gracias por tus consejos, me sirven muchísimo.
    Quisiera saber si se puede disminuir el espacio que queda entre las dos columnas que hay arriba y abajo de las entradas. Gracias!

    ResponderEliminar
    Respuestas
    1. Si en la parte superior lo explica anoche le aplique este post a un blog que estoy haciendo como pagina, y mira como quedo, tinta.com.do

      Si lo puedes solo lee bien el post

      Eliminar
    2. Habría que ver en cuál blog lo has puesto Darío, para así ver si es por los estilos de tu plantilla y cómo reducirlo.

      Eliminar
  78. Gracias por tu atención!! este es mi blog: http://coronas-reales.blogspot.com

    ResponderEliminar
    Respuestas
    1. ¿Exactamente cuál espacio Darío? ¿El que está arriba del video?

      Eliminar
  79. Lamento ser tan cargosa hoy, Potro, pero bueno, esta vez mi plantilla me tiene algo desorientada con poner dos columnas arriba o abajo de las entradas o un sidebar doble bajo el sidebar. Con las dos columnas, creo que tengo un pequeño problemita con el código final (b:section) no me aparece inmediatamente al final del código de 'Entradas del blog', sino bastante después de otros widget (mira la estructura de mi blog. Cuando hago los cambios para las dos columnas abajo de las entradas, la plantilla falla.
    En cuanto al sidebar doble, el problema es medio parecido. El sitio del truco es este: http://www.quierocrearunblog.com/2009/08/anadir-una-sidebar-doble-debajo-de-la.html Aunque no tengo el #sidebar-wrapper propiamente dicho (tengo #sidebar) me las ingenié para seguir los pasos del truco, pero el problema comienza en div id='sidebar-wrapper, a este sí lo encuentro, pero nuevamente tengo problemas con b:section y el div porque estos no aparecen después de div id='sidebar-wrapper. Realmente es una planilla un tanto extraña... pero la amo XD
    Plantilla "Serenity_05" http://blogsmadeinspain.blogspot.com/2010/10/plantillas-disenadas-por-mi-51.html
    Seguro que debe ser difícil encontrarle alguna solución, así que no te rompas la cabeza buscándole una solución, ¿eh? Si no se puede, no se puede qué se le va a hacer ;)

    ResponderEliminar
    Respuestas
    1. Podría ser que tienes los artilugios expandidos, por eso encuentras el cierre del b:section mucho después.

      Eliminar
    2. Intenté con los artilugios sin expander y expandidos... Dime, si me hago una plantilla con del Diseñador Blogger, ¿ya no tendré tantos problemas? ¿Podré editar esa plantilla diseñada por mí a mi gusto cada vez que yo quiera?

      Eliminar
    3. Pues no sé qué tantos problemas puedas tener con otra plantilla, pero al menos casi todo lo que hay en red de trucos para Blogger funcionan en las plantillas que son originales de Blogger, así que supongo que tendrás menos lío en cuanto a eso.

      Eliminar
    4. Gracias, ya veré qué hago al final... La verdad es que amo mi vieja plantilla, pero a veces me da unos dolores de cabeza cuando quiero modificarle algo... X( ¡Pero la adoro igual! Je XD

      Eliminar
  80. Hola potro! Hice esto en mi blog buscandolabuenasuerte (que lo renové un poco) y en el linkbar, abajo, agregué un gadget a lo largo, pero no tiene el mismo diseño que los gadgets de la plantilla, cómo puedo hacer para que adquiera el mismo diseño que el resto?? Dónde busco eso para aplicarlo ahí??? Se comprende?? Por ejemplo, el título que puse "Blogs Amigos, Agregá el tuyo" no tiene el mismo estilo que el de "followers" o el resto de los demás, ves la diferencia?? Sé qué es una cuestión de estilo, y lo agregué en un div Footer-wrapper pero no sé cómo relacionar ese gadget con el estilo que tiene el resto. Gracias!

    ResponderEliminar
    Respuestas
    1. Hola María de las Mercedes, busca esa sección que agregaste, y cambia el class='sidebar' por class='lowerbar'

      Eliminar
    2. Caramba....ahora en vez de estar todo a lo largo, me aparece una columna...lo ves?? Un horror!!!! Porqué están puestos verticalmente??? No deberían estar como antes, uno al lado del otro???

      Eliminar
    3. Otra cosa, he visto en algunos blog que tienen como un slider donde van pasando las imágenes automáticamente en miniatura y lo quiero aplicar a lo de "Blogs Amigos". Se entiende? aprovechar que está horizontalmente a lo amplio, y poner ahí un slider donde pasen esos banners y al hacer click en la imagen, se redireccione a la página, pero que vayan pasando y se repitan todo el tiempo...no sé donde encontrar eso, gracias.

      Eliminar
    4. ¿Te refieres a los minibanners de tu gadget? Eso es porque el código de las imágenes los tienes que poner uno seguido del otro.
      Lo otro que preguntas lo puedes hacer con el atributo MARQUEE:
      http://ciudadblogger.com/2009/05/links-y-banners-en-movimiento.html

      Eliminar
    5. Hola potro, gracias por tu respuesta, pero no me entendiste...jaja lo que quiero hacer con los banner de los blogs amigos, es lo que hay en este blog: http://tecnoservicearg.blogspot.com.ar al final de todo, ves que van pasando los blogs amigos y se repiten, en ese tipo slider, que tiene la página?? otra cosa, ya intenté poner uno al lado del otro, y me sigue saliendo uno arriba del otro....y por último, la plantilla que instalé ahí tiene un menú arriba y un menú a la altura del Search, no sé porqué no me sale!!! te dejo el link de la plantilla para que veas que en la original está!!! http://www.reinventaweb.com/templates/preview/?id=529 Gracias!!!

      Eliminar
    6. Hola de nuevo. Te he entendido bien, y de hecho, si miras el código fuente de ese blog verás que usan exactamente el mismo método que hablo en el enlace que te he dado, el mismo ;)

      De lo otro, pues no tiene caso que te diga porque ya has cambiado la plantilla.
      Saludos.

      Eliminar
  81. buenisimo, esto es lo que quería para mi blog..
    te pasaste Potro, gracias

    ResponderEliminar
  82. hice esto arriba de mis entradas, en la plantilla nueva de buscandolabuenasuerte y no puedo agregar el gadgets...qué habrá pasado???

    ResponderEliminar
    Respuestas
    1. ¿Pero sí te aparecen los contenedores, o por qué dices que no puedes agregar gadgets?

      Eliminar
  83. hola potro,
    ultimamente mi blog esta descontrolado. ocurren cosas muy raras, y la verdad es que creo que yo no he hecho nada.
    lo ultimo que me ha pasado aparte de que cambia el estado de las entradas y su formato, es que de repente, los gadget han dejado las columnas laterales y aparecen debajo de la ultima entrada. pero esto solo ocurre en la pagina principal.
    mi blog es: dequijotesyrugby.blogspot.com.

    alguna solucion?

    muchas gracias por tu trabajo.
    un saludo!

    ResponderEliminar
    Respuestas
    1. Hola incauto pertinaz, usualmente eso sucede cuando hay un DIV mal cerrado o mal colocado en las entradas. Trata de recordar a partir de cuál entrada que publicaste sucedió eso, de esa forma podrías revisar esa entrada (o todas las entradas de la portada en caso que no recuerdes) y verificar que todos los DIV, imágenes y cualquier otro código estén bien cerrados y ordenados.

      Saludos.

      Eliminar
  84. hola,

    esto ha ocurrido hace dos o tres entradas.
    justo en ese momento peque un format al hd.
    y como puedo localizar y verificar que los codigos esten bien cerrado? siempre que creo una entrada la creo con el editor "para tontos". osea que no toco el editor html porque no lo controlo...
    se me ocurre ahora, que una de las entradas la publique desde la app blogger para android, ¿quizas este relacionado?
    muchas gracias!!!

    ResponderEliminar
  85. hola de nuevo, y perdona que vuelva. despues de leer tu respuesta y responder, entre en las entradas una por una en version html.
    exactamente, como tu decias, una de ellas me dice:Su HTML no es aceptable: La etiqueta no está cerrada.: DIV Omitir advertencia
    como puedo subsanar el error?

    gracias de nuevo!

    ResponderEliminar
  86. hola,
    parece que se soluciono simplemente con darle a edicion html y poniendo un espacio.

    muchas gracuas!

    ResponderEliminar
    Respuestas
    1. Excelente :)
      Qué bueno que ya se ha resuelto.

      Eliminar
  87. Hola potro, tengo una pregunta sobre como mover las entradas populares dentro de un div:
    puse un tipo slider, aqui el codigo resumido:

    < div id='panel_slider'>

    < div class='panel_slider' id='1'> -----------------panel 1
    < div class='post-body entry-content'> .................. -----------------entrada
    < div id='Comentar'> .................. -----------------boton comentar
    < span class='post-labels'> ............ -----------------etiquetas


    < div class='panel_slider' id='2'> -----------------panel 2
    < div class='linkwithin_div'> ......... -----------------entradas similares


    < div class='panel_slider' id='3'> -----------------panel 3

    Como pongo aqui el wigdet de entradas populares ??





    Gracias !!!!!!!!

    ResponderEliminar
    Respuestas
    1. No se puede Alмιpυco™ , la estructura de los gadgets de Blogger no son de ese estilo y estrcutura, son manejados directamente desde Blogger.

      Eliminar
    2. Gracias Potro , despues de varias pruebas creo que tienes razon , no se puede =(

      Eliminar
  88. Hola potro!!! Me estoy volviendo loca tratando de agregar una nueva sidebar en la plantilla que tengo en buscandolabuenasuerte.blogspot.com.ar y no sé dónde poner el código para incorporarla!!! esta plantilla es rara, no tiene lo de content-wrapper, es distinta, y probé varias combinaciones y no logro poner una nueva columna a la izquierda. Sé que tengo que ajustar el ancho de las entradas del blog como de la columna que está a la derecha, pero está todo en porcentajes y se me complica...por favor, podrías ayudarme!!!! Gracias!!!!

    ResponderEliminar
    Respuestas
    1. No tengo una entrada sobre ese tema María de las Mercedes, pero puedes preguntar en algún sitio donde ya lo hayan hecho, seguro conocen más que yo sobre ese tema.

      Eliminar
  89. Como se puede triplicar solo el gadget de debajo de las entradas y dejar el de encima solo uno.
    Gracias

    ResponderEliminar
    Respuestas
    1. No se puede MGCruz, yo lo he intentado varias veces y al guardar anula los cambios.

      Eliminar
  90. Estimado amigo he insertado tres gadgets en mi pagina con tus codigos propuestos, pero me quedan muy separado entre si. mi pregunta es como unirlos mas,o acercarlo mas para que no me quede ese espacio de cada sidebar. este es el codigo usado, pero use 32% cada uno porque con el 33% se bajan. Gracias y felicidades por tu blog, de maravilla

    ResponderEliminar
    Respuestas
    1. Hola Grupo Sandoval®, ¿en cuál blog lo has puesto?

      Eliminar
  91. Hola, primero quiero agradecerte toooodos los trucos y aclaraciones brindadas, estoy montando una plantilla desde las de blogger para cambiar el diseño actual de mi blog, y me preguntaba si se podría agregar styles solo a los gadgets que quiero tener en las 3 columnas de abajo, por ejemplo otro color de letra para los títulos y color de fondo. Algo como los gadgets About Me en esta plantilla http://brat-princess-demo.blogspot.com/

    De ser posible, qué tendría que trastear en la plantilla ethereal que
    ofrece blogger?

    =O)

    ResponderEliminar
    Respuestas
    1. Hola Cupcake, puedes poner estilos de forma independiente a cada gadget, sólo es cuestión de consigas el ID del gadget y le pongas los estilos que quieras, por ejemplo:

      #HTML3 {
      background:#FF0000;
      color:#000;
      }

      Eliminar
    2. Me suena medio a chino, pero, si busco por ejemplo el nombre del gadget "Seguidores", el ID sería algo que contenga la palabra "follow"?? o el ID sería el nombre que le puse, por ejm: "nos leen"?

      Eliminar
    3. Busca el título del gadget, ahí verás el ID. Mira esta entrada, en la primera parte dice cómo identificar el ID de un gadget:
      http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

      Eliminar
    4. Encontré el ID, y aprovechando lo de ocultar los gadgets, coloco antes de <*/head>
      <*b:if cond='data:blog.url != data:blog.homepageUrl'>
      <*style type='text/css'>
      #HTML4 {
      background:#5E4E4E;
      color:#A615A4;
      }
      <*/style>
      <*/b:if>

      Y no se cambia el estilo, creo que es cosa de mi plantilla :C

      Porque en Variable Definitions aparece:
      <*Group description="Gadget Title" selector="h2"*>

      Seguramente por usar una plantilla que se puede editar desde el editor de blogger.

      u.u

      Eliminar
    5. No hagas caso a mi anterior comentario, no sé porque no salía, pero entré a Personalizar y en Avanzado agregar Css, coloqué lo de
      #HTML4 {
      background:#5E4E4E;
      color:#000;
      }
      Y si salió...

      Ahora solo me tocará trastear.

      ^^

      Eliminar
    6. Debe ser que cuando lo colocaste eliminaste una llave de cierre, por eso no surgió efecto, es muy común ;)

      Eliminar
  92. Hola, como puedo poner 2 columnas debajo de la cabecera?. Gracias por tu ayuda.

    ResponderEliminar
    Respuestas
    1. Mira esta entrada Linda Int:
      http://ciudadblogger.com/2011/05/dividir-el-crosscoll-del-blog.html

      Eliminar
  93. muchas graciassssss potro otraves solucionaste miss problemas hehehhehe solo quisiera saver como ago para que mis anuncios de adsense floten como en esta pagina http://planetared.com/

    te lo agradecerias si me explicaras Byee

    ResponderEliminar
    Respuestas
    1. No he visto nada flotante en ese sitio o.O?

      Eliminar
  94. hola yo tengo un blog con plantilla vieja lo quiero cambiar por alguna nueva pero cada vez que pruevo la cambio y no me aparese en diceño el gadger de arriba y vuelvo a poner la vieja es decir me aparese la opcion de los gadger laterales pero no el de arriba de las entradas es decir el de abajo del titulo del blog

    ResponderEliminar
    Respuestas
    1. Hola Ilusiondepescar, supongo que eso depende de la plantilla que estés instalando, ¿has probado con alguna otra para cerciorarte si es o no la plantilla nueva?

      Eliminar
  95. Consulta Potro: me encanto esta opcion, ya la agregue a mi blog pero queria saber si se puede hacer lo mismo pero en la sidebar para dividirla en 2 o 3, saludos y la del facebook de mi pagina no andubo asi que la voy a sacar y buscar alguna alternativa... Abrazo...

    ResponderEliminar
    Respuestas
    1. En el caso de la sidebar más que dividirla tendrías que agregar más sidebars, no tengo un tutorial sobre ello pero en la red hay varios.
      Saludos.

      Eliminar
  96. hola potro una cosa cuando pongo el codigo de los dagets para que aparescan debajo de las entradas los dagets de la sidebiar se desplazan hacia abajo y no se pueden volver a acomodar denuevo en su lugar yo utilizo plantillas nativas de blogger se podria colocar el codigo en algun otro lado y muchas gracias

    ResponderEliminar
    Respuestas
    1. El código tiene que ser donde se indica, quizá algo anda faltando, yo lo he probado varias veces en plantillas originales de Blogger y todo sin ningún problema.

      Eliminar
  97. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Hola animeshentai. Parece que Blogger está teniendo un problema con la Navbar, cuando ésta se oculta también desaparecen los íconos de edición rápida, justamente hoy alguien más reportó el mismo problema, yo también he podido constatarlo. Esperemos que sea temporal y Blogger lo resuelva pronto.

      Pd. Recueda dejar únicamente el nombre del blog para que no tenga que eliminar el comentario, por ejemplo: animeshentai-sd

      Saludos.

      Eliminar
    2. Gracias por la imformacion porque ya me estaba desesperando con ese problema pensando que era el unico que tenia ese problema gracias...saludos.

      Eliminar
  98. Hola Potro! Slds
    Una duda y si las columnas las quiero alado de las entradas del blog tal como se muestra en la imagen de la vista previa, como le hago?

    ResponderEliminar
    Respuestas
    1. Ahí serían sidebars, casi todos los blogs tienen al menos una sidebar. Si quieres añadir otra busca algún tutorial en la red (hay varios), si usas plantilla del Diseñador entonces desde ahí mismo puedes elegir la estructura de las sidebar.

      Eliminar
  99. Hola, mi problema es otro, yo tengo un blog en blogger desde hace dos años, y ahora le cambié la plantilla, mas actual, y no me sale la etiqueta debajo de cada entrada, tengo todo activado, pero nada, y no sé donde meter mano en el HTML ¿me ayudais?

    ResponderEliminar
    Respuestas
    1. Hola Elena, ¿el primer código que hay que buscar es el que no encuentras? ¿en cuál blog?

      Eliminar
  100. Hola potro como estas??
    tengo una duda. yo quisiera solamente poner una sola columna pero hasta abajo de mi blog, en el siguiente apartado que le sigue a mis entradas hacia abajo, ya que tengo 3 columnas abajo, pero quiero poner una imagen que sea en una columna y ya debajo de esta pues las 3 columnas como estan, pero como puedo hacerlo?
    te lo agradeceria mucho

    ResponderEliminar
  101. Hola potro como estas??
    tengo una duda. yo quisiera solamente poner una sola columna pero hasta abajo de un blog, en el siguiente apartado que le sigue a mis entradas hacia abajo, ya que tiene 3 columnas abajo, pero quiero poner una imagen que sea en una columna y ya debajo de esta pues las 3 columnas como estan, pero como puedo hacerlo?
    te lo agradeceria mucho

    ResponderEliminar
    Respuestas
    1. Hola sara, ¿en cuál blog deseas hacerlo? ¿deseas que esté justo debajo de las entradas o justo arriba de los tres gadgets de tu footer?

      Eliminar
  102. Lo logre!!!!
    :)
    hice pruebas una y otra vez y me quedo, una columna arriba, tres le siguen y otra sola columna debajo asi tal y como tienes arriba!!
    pues entre a esta otra pagina tuya http://ciudadblogger.com/2011/05/dividir-el-footer-del-blog.html#comment-form

    me tuve que ir a plantillas antiguas quite una parte, puse la otra me dije bueno a lo mejor y sale tal y como tenias en la copia de impresion asi como lo queria en esa misma pagina, y si!! funciono!!!
    :D
    Gracias Potro!!
    me haces la vida más fácil en blogger..
    aprovechando aqui que ya escribo, tngo una duda, puse boton ir arriba http://ciudadblogger.com/2012/03/boton-ir-arriba-con-jquery-que-aparece.html y me quedo muy bien, edite la imagen que tenias la subi a photobucket y de ahi saco la url, pero cada vez que pongo una foto nueva en esa carpeta desaparece el boton y queda una imagen un blanco.. porque potro?

    ResponderEliminar
    Respuestas
    1. No sé decirte sara, pero mejor sube tus imágenes a Picasaweb, quizá desde ahí no tengas ese problema. Cualquier otra duda sobre esa entrada deja la pregunta en ese post para no desviarnos del tema de este ;)
      Saludos.

      Eliminar
  103. potro me ayudarias en mi nueva plantilla mira aqui estoy probandola http://ldu-liga-de-quito-ecuador.blogspot.com/ pero pues la caja de sidebar esta montada encima del cuadrito de señales, aunque tambien parece que el cuadro de señales y xat estan el el lugar donde es la sidebar, no he podido lograr hacer que no se vea montado haber si me ayudas we, no estoy seguro cual de las dos cosas estan masl ubicadas o las señales o la caja de sidebar espero tu respuesta

    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