Alinear elementos y gadgets

17 de diciembre de 2009 437 comentarios ,
Una pregunta muy común es cómo alinear elementos o gadgets del blog, ya sea centrarlos o alinearlos hacia un lado específico.
En la mayoría de las plantillas tanto los textos como los elementos se alinean automáticamente hacia la izquierda, pero esto no significa que no podamos cambiar su posición.

Para alinear los elementos (imágenes, videos, contenedores, etc) vamos a encerrar el código de cada uno entre un contenedor div y ahí usaremos la propiedad align para alinearlos hacia el lugar deseado.


Centrar
ojo

<div align="center">
Aquí va lo que se quiere centrar
</div>


A la izquierda
ojo

<div align="left">
Aquí va lo que se quiere a la izquierda
</div>


A la derecha
ojo
<div align="right">
Aquí va lo que se quiere a la derecha
</div>


Sólo se agrega donde se indica, el código del elemento que queremos alinear, ya sea algo que esté dentro de una entrada o un gadget de la sidebar.


437 comentarios en:

" Alinear elementos y gadgets "

  1. Heeeee potro muy bueno este post.
    Saludos!

    ResponderEliminar
  2. Graciaas!! me sera muy util ;)
    Saludos!

    ResponderEliminar
  3. Gracia a ustedes, ojalá les pueda servir al momento de personalizar la plantilla.

    Saludos.

    ResponderEliminar
  4. Muy bueno.

    Respecto a lo de las imagenes que se arrastran.
    No se si asi se entienda:
    Recuerdas que en Office 2003 aparecia un muñeco en el lado superior izquierdo, que te decia si querias guardar el documento, es mas o menos asi, pero que este diga que hay un nuevo post en mi blog, como un feed.

    Saludos.

    ResponderEliminar
  5. Uhhhhhh...como habré renegado con esto!! Excelente aporte bro!

    Un abrazo!!!!

    ResponderEliminar
  6. Esto es una de las opciones que más usamos al crear un post con alguna imagen, pero muchos no nos damos cuenta de la codificación que esto tiene ya que usamos los simples botones, pero no siempre tenemos botones, por ejemplo, en los gadget html. Un saludo

    ResponderEliminar
  7. El Venado, ummm, pues no sé si usando el feed y una imagen se pueda, habría que hacer las pruebas para ver qué tal. Saludos.

    brother, no eres el único, es muy común que a varios no haya dado dolores de cabeza. Un abrazo!

    Ascesino96, cierto, en la sidebar o cualquier otro gadget tendremos que recurrir a escribir el código tal cual. Saludos.

    ResponderEliminar
  8. Muy bien potro
    hasta que lo colocas
    por que fastidia de vez en cuando el estar buscando gracias
    POTRO

    ResponderEliminar
  9. Ahora podrás memorizarlo, en sí está muy sencillo el código.
    Saludos.

    ResponderEliminar
  10. Perfecto.
    ¿Es posible alinear por pixeles modificando este código?

    Mil gracias.
    Tu ayuda es de verdad invaluable.

    ResponderEliminar
  11. Claro ABRIL, puedes usar la propiedad margin para mover el elemento hacia la derecha o hacia la izquierda:

    <div style="margin-left:30px;">
    Aquí lo que se quiere alinear
    </div>

    Sólo modifica los pixeles del margin-left, a mayor número que pongas, más hacia la derecha se acomodará.

    Saludos.

    ResponderEliminar
  12. Hola Potro
    Hoy no voy a preguntar nada.
    Sólo quiero agradecerte por tu buena disposición y tu gran amabilidad.
    Que la pases rebien este resto de año y mucho mejor en el 2010.
    Ya te seguiré molestando de a poco el próximo año.
    Mil gracias por todo!!!

    ResponderEliminar
  13. Muchísimas gracias ABRIL, que también tengas un excelente año este que viene y todos los próximos.
    Será un placer leerte por aquí.

    Saludos!

    ResponderEliminar
  14. Como siempre utilísimo el tutorial. Gracias.
    Que tengas unas Felices Navidades y que se cumplan todos tus deseos para el 2010.
    Un abrazo, Asun y Ricardo

    ResponderEliminar
  15. Muchas gracias Ricardo, mis mejores deseos para ustedes en esta Navidad y que el próximo año esté lleno de bendiciones para ustedes y los suyos.

    Abrazos!

    ResponderEliminar
  16. Hola. Solo una consulta: Con el editor anterior de entradas de blogger podía alinear fácilmente las imágenes(dentro del modo redactar) de manera que quedaran una al lado de la otra (principalmente presentándolas en "tamaño pequeño"). Solo había que seleccionar "ninguna", en cuanto al tipo de alineación de la imagen al subirla. Pero el "Editor actualizado" solo permite las opciones izq., derecha y centrada.
    Tengo muchos problemas con el nuevo editor para alinear una imagen al lado de otra(como una tira, en una misma línea)en las entradas; y cuando paso del editor nuevo al antiguo, se me desconfiguran y desalinean las imágenes que ya tengo posteadas en mi entrada, sin nisiquiera haber empezado a trabajarlas. Qué me recomiendas?

    ResponderEliminar
  17. Hola Vicky,

    No entiendo bien. Si las imágenes ya están publicadas no deberían alterarse al cambiar el editor, es decir, ya tienen un código HTML definido y a menos que lo edites no debería modificarse.
    Por otra parte, para poner una imagen en línea (una de tras de otra) se puede seguir haciendo con ese editor, sólo usas "centrar" y sin usar saltos de línea (es decir, sin presionar ENTER) subes una y luego otra. De este modo deberán quedar una seguida de otra (en línea).

    Saludos.

    ResponderEliminar
  18. hola, mi duda es si se puede centrar el titulo del gadget porque solo puedo hacerlo en el elemento de imagen

    ResponderEliminar
  19. Hola Antonio F. Lara,

    Para centrar los títulos de los gadgets busca esta parte:
    .sidebar h2 {

    Abajo de eso agrega esto:
    text-align: center;

    Saludos.

    ResponderEliminar
  20. Hola, El Potro. No sabía que así como tú dices (con alineación centrada, sin salto de línea) las imágenes se podían alinear una tras otra, en una misma línea, en una tira. Ya lo probé y sí me resultó. Algo tan simple y yo no lo sabía (¡qué cosas de la vida!). Como dicen, cada día se aprende algo nuevo. Muchas gracias y saludos.

    ResponderEliminar
  21. Holaaa,
    y se puede aliear solo el titulo de los Gadgets o de algunos gadgets? eso... Saludos y espero respuesta ;)

    ResponderEliminar
  22. Hay una parte en la plantilla que dice:

    #sidebar h2 {

    Ahí en esos atributos se puede cambiar la alineación de los títulos de los gadgets.

    Saludos.

    ResponderEliminar
  23. hola Potro! tengo una pregunta! habra un truco para poder ir leyendo las entradas del blog ir bajando y que las colunmas laterales no se muevan y se queden fijas para que cuando vayan bajando x ejemplo si el post es algo largo se pueda apreciar a los costados las barras y no se oculten cuando bajen... espero dejame entender! me avisas! gracias

    Saluos

    ResponderEliminar
  24. Puedes poner la sidebar de forma "flotante" para que no se mueva cuando se baje la página.

    Para hacerlo busca esta parte:

    #colRight {
    width:240px;
    float:left;
    padding-left:3px;
    position:relative;

    Cambia lo que está en negrita por fixed luego agrega debajo esto:
    left:40px;

    Si queda muy separado o pegado cambia el valor de left por otro hasta que se ajuste.

    Saludos.

    ResponderEliminar
  25. Hola ; muy buenas:

    he insertado varias imagenes en una entrada, quedan todas perfectamente alineadas en vertical, pero separadas por una franja blanca, hay alguna forma de eliminar esta franja y que las imagenes queden seguidas completamente.

    de nuevo te felicito por tu ayuda. Un saludo.

    ResponderEliminar
  26. Hola Santi Amaro,

    Después del div agrega esto:
    style="padding:0px;margin:0px;"

    Saludos.

    ResponderEliminar
  27. Hola Potro!

    no sé muy bien donde pegarlo, en la edición de entradas o en edición de htlm? podrías indicarmelo con más precisión?
    no sé lo que es el div.

    Gracias y un saludo.

    ResponderEliminar
  28. Eso depende, si lo que quieres alinear está dentro de la entrada pues entonces se pone ahí, si quieres alinear el contenido de un elemento HTML/Javascript entonces se pone en el gadget.

    Saludos.

    ResponderEliminar
  29. saludos potro
    me gustaria saber como puedes poner 4 imagenes en la sidebar y cada una con enlaces independientes, por ejemplo en el tuyo, el primero recuadro hay 4 imagenes formando un cuadrado
    gracias de antemano.

    ResponderEliminar
  30. Mira esta entrada, ahí está la explicación.
    Saludos.

    ResponderEliminar
  31. muchas gracias por el dato potro
    saludos

    http://todoespoker.blogspot.com

    ResponderEliminar
  32. Potro como podria alinear al centro el buscador de google que se encuentra en mi blog, no hago moverlo de donde esta :\

    ResponderEliminar
  33. Debería alinearse del mismo modo, ¿en cuál blog y dónde está el buscador?

    ResponderEliminar
  34. en mi blog http://myestilodeyo.blogspot.com y el buscador entrando se ve :D pero como lo personalize a mi manera no parece de google.

    ResponderEliminar
  35. Podrías poner antes de ]]></b:skin> esto:

    #CustomSearch1 {
    float:right;
    }

    ResponderEliminar
  36. Potro en el comentario 28, me explicabas como poner un sidebar flotante, pero si yo deseo poner el que elijo como por ejemplo Seguidores deseo que se quede flotando cada vez q baje leyendo el post! como lo hago? gracias

    ResponderEliminar
  37. No sé si funcione, pero puedes tratar poniendo antes de ]]></b:skin> esto:

    #Followers1 {position:fixed; bottom:0; right:0;}

    ResponderEliminar
  38. pucha Potro no me funcionó, gracias"""

    ResponderEliminar
  39. Hola ElPotro. ¿Me podrias ayudar a ver en dónde tengo que poner los códigos?
    Mi blog es http://elcafse.blogspot.com, y el gadget que quiero alinear es el de la descripción que está debajo de la cabecera.

    ResponderEliminar
  40. Pues yo lo veo centrado, no sé cómo quieres alinearlo o.O

    ResponderEliminar
  41. Hola Potro!!
    los códigos que mencionas también sirven para alinear las fotos de Flickr (gadget)
    por defecto aparecen alineados al centro, me gustaría que estuviera alineado a la izquierda

    gracias!!!!

    ResponderEliminar
  42. Hola tengo una pregunta para ver si por favor me la puedes responder, yo tengo este blogger http://luchaanime.tk/ y quisiera saber como acomodar el gadget de paginas para que no se salga de las lineas zapotes de los lados, gracias.

    ResponderEliminar
  43. Hola Genio! Me decís cómo hago para alinear los otones de Twitter y Facebook? Fijate en mi blog, luego borra el link, solo lo dejo para que veas el ejemplo:
    http://amelioluna.blogspot.com/2010/09/acuerdo-elisa-carrio-patricia-bullrich.html

    ¿Ves? Me quedan uno al lado del otro pero desalineados. ¿Cómo lo corrijo? Desde ya muy agradecido.

    ResponderEliminar
  44. Paulina Teresona, claro, también debe servir para cualquier foto sin importar dónde esté alojada.


    Sirius, te la voy a deber, sobre las plantillas nuevas no sé prácticamente nada :S

    ResponderEliminar
  45. Hola Todos Garcas,

    Cuando se trata de scripts es poco lo que se puede hacer. Ahí lo que podrías hacer es encerrar uno de esos códigos, por ejemplo el de Facebook quedaría así:

    <div style="margin-top:-15px;">
    ...aquí el código del gadget...
    </div>

    Con eso estás determinando que tendrá un margen superior de -15px y podría subirse un poco.
    Prueba con eso, con suerte funciona.

    ResponderEliminar
  46. Como se podría centrar el titulo del blog

    Gracias

    ResponderEliminar
  47. Debajo de .Header h1 { se agrega:
    text-align: center;

    ResponderEliminar
  48. hola una consulta como divido un gadget en tres o mas gadget y que estos esten arriba de las entradas y abajo de la cabecera?

    ResponderEliminar
  49. Sin expandir artilugios, antes del </div> del header pega esto:

    <div id='col-1' style='width: 33%; float: left; margin:0; text-align: left;'>
    <b:section class='cols' id='col1' preferred='yes' style='float:left;'/>
    </div>

    <div id='col-2' style='width: 33%; float: left; margin:0; text-align: left;'>
    <b:section class='cols' id='col2' preferred='yes' style='float:left;'/>
    </div>

    <div id='col-3' style='width: 33%; float: right; margin:0; text-align: left;'>
    <b:section class='cols' id='col3' preferred='yes' style='float:right;'/>
    </div>

    <div style='clear:both;'/>

    ResponderEliminar
  50. HOLA POTRIÑO:D ESTUVE LEYENDO LOS COMENTARIOS E INTENTE hacer lo que le respondiste a TODOS GARCAS con el gadget del FACEBOOK y no lo toma .. div style="margin-top:-15px;"
    ...aquí el código del gadget...
    </div en margin lo borre todo y le puse rigt sin el -15
    que sera???

    ResponderEliminar
  51. Muchas veces los scripts no responden a las especificaciones de CSS, este podría ser también el caso :/

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

    ResponderEliminar
  53. Solucionado! La respuesta la diste en este mismo hilo pero al revés, haciendo un margen de -15px. Siempre de gran ayuda tus posts y tus comentarios!

    Saludos!

    ResponderEliminar
  54. potro nuevamente con una duda: inserte el "el gadget de seguidores" pero aquel que se genera insertando el codigo en un elemento html, (es aquel que tiene por defecto un fondo del iphone) lo puse de lado derecho del blog.
    MI PROBLEMA ES QUE CUANDO CARGA LA PAGINA CARGA PRIMERO EL SIDEBAR Y LUEGO EL CUERPO DE LA ENTRADA... ESE NO ES EL PROBLEMA EL PROBLEMA ES QUE AL CARGASE EL BLOG EL SILDEBAR APARECE ALINEADO A LA IZQUIERDA, y ya cuando carga el cuerpo de la entra regresa el sildebar a el lado derecho. esto se nota cuando la carga del blog es lento.. como hacer para que no ocurra? este es mi blog: NuclearComic.com

    ResponderEliminar
  55. Pues lo he cargado 6 veces y las 6 veces cargó rápido por lo que no pude ver el problema. La mejor opción es que pongas el gadget de seguidores al final, al ser un gadget de carga lenta se recomienda que cargue al final para que no afecte a los demás elementos.

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

    ResponderEliminar
  57. Hola de nuevo, Potro:
    Sobre alineación es que quería consultarte, pero no tiene nada que ver con lo posteado o que te hayan consultado otros bloggers. Me explico.
    Tuve que volver a instalar la imagen de la cabecera del blog pues la tenía alojada en el antiguo googlepages, que como ya sabrás, dejó de funcionar hace tiempo pero a mi se me olvidó trasladar a otro sitio y claro, recien me dí cuenta que la imagen ya dejó de aparecer. Todo ha ido bien, excepto que al volverla a colocar, ahora hay mucha separación entre ésta y las entradas publicadas, incluidas las sidebars, con lo que la estética no me gusta mucho. ¿ Tiene arreglo? ¿Cómo podria solucionarlo?
    Te agradezco de antemano la ayuda que me brindes.

    P.D: Perdona, eliminé la pregunta que te hice anteriormente sin querer.

    ResponderEliminar
  58. Potro, lo conseguí!
    Ya conseguí colocar la imagen de la cabecera en su sitio. Sólo era cuestión de copiar dos líneas de código!!!
    Aaaaahhh, qué aliviada me siento, jajajajaj.
    Perdona la molestia.

    ResponderEliminar
  59. Hola

    Como centro el titulo del gadget?

    No encuento #sidebar h2{ en la plantilla
    es en "expandir artilugios" ?
    Dime en donde es please????

    Si es posible has un post sobre esto

    Saludos

    ResponderEliminar
  60. ESNAPRI, que bueno que ya lo has resuelto, y no es ninguna molestia ;)

    Emypedia, pues yo los veo centrados, supongo que ya lo has resuelto.

    ResponderEliminar
  61. Hola
    He incorporado algunos anuncios de Adsense en mi blog sin embargo, los
    anuncios no quedan "centrados" en el gadget disponible para aquello.
    Esto tanto para el gadget de Adsense como el de código HTML. ¿Es
    posible centrar los anuncios sin que esto afecte el código?.

    ResponderEliminar
  62. hoalq eu tal amigo he leido y ceo que eres un experto en esto bueno yo estoy iniciandome pero pues algunas cosas son complicadas pero hay voy te agradeceria toda la ayuda que me puedas brindar mi blog es http://importccdv.blogspot.com/ quisiera acomodarlo para hacerlo mas de negocio, quisiera saber si estos gadgets de publicidad si me generan dinero soy de venezuelagracias de verdad

    ResponderEliminar
  63. muchas de las cosas que tengo en mi blog las saque de este espacio gracias por lo compartido, no es muy bueno mi blog pero estoy aprendiendo de echo quisiera aventurarme por una pagina web.

    ResponderEliminar
  64. Hola cevv22,

    Si el código del anuncio está dentro de un elemento HTML/Javascript puedes centrar el anuncio como se indica en la entrada.
    Con Adsense sí puedes generar dinero pero mucho está en función de cuántas visitas tengas, de qué tan optimizado esté tu blog, de las palabras claves que uses en tus entradas, etc.

    Saludos.

    ResponderEliminar
  65. hola potro!
    y si quiero alinear a la izquierda y otro elemento a la derecha en el mismo gadget como lo hago?

    ResponderEliminar
  66. Si es dentro de un elemento HTML/Javascript entonces sólo el primer elemento enciérralo con el código para alinearlo a la izquierda, y luego el otro lo encierras con otro código para alinearlo a la derecha.

    ResponderEliminar
  67. si eso lo he hecho pero tienen que estar los dos elementos en el mismo gadget y a la misma altura
    no se si me explico... :(
    aprovecho para decirte que el blog es estupendo! :=)

    ResponderEliminar
  68. Parece que no he entendido muy bien, ¿en cuál blog es y cuáles son los elementos que quieres alinear?

    Qué bueno que el blog es de tu agrado :)

    ResponderEliminar
  69. Estimado Gran Potro, primero que nada debo darte las gracias porque muchos de tus conocimientos me han permitido hacer de lo que era un hobby ahora y desde hace un par de años un oficio. Mi consulta es, tengo este blog http://www.miempresa04.blogspot.com/
    A pesar de tratar, no tengo muy claro como definir la posicion especifica de una imagen, dentro de una entrada, en la hoja inicial hay un cubito negro que lo posicione a razon de tecleos de la barra espaciadora y del enter, no a traves de cogigo, necesito poder definir o variar tanto la posicion horizontal como la vertical pero con codigo html, en la segunda hoja de este blog tengo 4 fotos pero me piden que las coloque horizontalmente y verticalmente en posiciones especificas, como dandole las coordenadas a cada una de ellas, para acercarlas entre ellas, ahora solo estan alineadas unas a la izquierda y otras a la derecha, unas en el inicio de la entrada y otras hasta el fondo, ojala me puedas ayudar, de antemano muchas gracias, saludos desde Concepción, Chile.

    ResponderEliminar
  70. Hola Marco Antonio,

    Qué grato es saber que el contenido que se comparte en este blog te ha sido útil para desarrollarte en tu oficio.

    La manera para darle una posición específica a una imagen o cualquier elemento es agregando márgenes que establezcan la posición del objeto. Por ejemplo:

    <div style="margin-left:100px; margin-top:50px;">
    <img src="URL de la imagen" />
    </div>

    Ahí la imagen tendrá un margen izquierdo de 100px, o sea que estará 100px alejada del lado izquierdo y 50px alejada del lado superior.

    Lo mismo puede hacerse de lado derecho y/o de abajo:

    <div style="margin-right:200px; margin-bottom:150px;">
    <img src="URL de la imagen" />
    </div>

    Ahí la imagen estará 200px alejada del lado derecho y 150px alejada del lado inferior del blog.

    Saludos hasta Chile!

    ResponderEliminar
  71. Muchisimas, pero muchismas gracias por la pronta respuesta, a pesar de llevar mas de 15 años navegando, Internet no deja de sorprenderme todos los dias.
    Es impresionante el conocimiento que tienes del codigo Html y de la estructura de Blogger.
    Tengo muchas otras dudas que consultarte pero ire de a poco, aunque se que tus repuestas le sirven a muchos como yo.
    Tengo una consulta mas si es posible, es la siguiente, como puedo dejar fijo el tamaño de una hoja de entrada o pagina estatica, para que a pesar de que tenga pocos, muchos o ningun elemento, se muestre de un tamaño fijo de largo, para que al pasar entre varias hojas vaya variando el contenido pero no el tamaño de la hoja o entrada donde esta este contenido y sin tener que aplicar un monton de tecleos de ENTER. Para ser mas grafico es para que no pase lo que sucede cuando pasamos de la pagina:

    http://miempresa04.blogspot.com/2010/11/blog-post_06.html

    a la pagina:

    http://miempresa04.blogspot.com/2010/11/blog-post_3505.html

    Que el cuadrado interior donde estan las cuatro fotos no se transforme en el rectangulo donde estas las 3 fotos de la nueva entrada.
    Esa es mi consulta.
    Te vuelvo a dar las gracias, tengo 3 hijos, y gracias a personas como tu, puedo vivir de lo que me gusta hacer, que estes muy bien.

    ResponderEliminar
  72. Eso es un poco más complicado cuando se trata de blogs.
    En los sitios Web tradicionales no hay tanto lío pero en los blogs hay una serie de códigos y elementos que el blog debe leer y mostrar y deja de respetar esas medidas del largo.

    Lo único que se puede hacer es establecer una altura mínima que se verá reflejado sólo en las entradas. Esto es que aun cuando la entrada tenga muy pocos elementos muestre una altura mínima determinada.
    Las plantillas de Arister no las conozco y no podría ayudarte mucho, pero me supongo que puedes poner debajo de #art-main { esto:

    min-height: 1800px !important;

    Eso hace que la altura mínima de la página será de 1800px aun cuando no haya nada ahí o cuando lo que haya sea poco.

    Saludos!

    ResponderEliminar
  73. perdona por tardar
    es este: http://del40al1edicionfavoritos.blogspot.com/
    y querria alinear el slide y al lado un video
    pero los dos en la misma altura o linea

    ResponderEliminar
  74. En esos casos es mejor usar una tabla HTML y en una celda meter un elemento y en la otra el otro elemento.
    De esa forma será más sencillo que queden alineados.

    ResponderEliminar
  75. Muchas gracias por la respuesta tan pronta, este fin de semana me voy a dedicar a todas las modiicaciones aprendidas, Saludos desde Chile.

    ResponderEliminar
  76. vale gracias! lo intentare si hay algun problema te cuento!

    ResponderEliminar
  77. Hola estimado Potro, te consulto nuevamente, una amiga me pidio el siguiente blog:

    www.biodanzavinadelmar.cl

    El fondo general del blog es rosado y eso hay que dejarlo asi.
    El fondo de la unica entrada de la PAGINA PRINCIPAL es blanco y tambien hay que dejarlo asi.
    Pero me pide si le puedo poner otro color de fondo de la entrada a las hojas estaticas, ella quiere todas las hojas estaticas con fondo verde manzana pero que se mantenga el fondo rosado general del blog y que la pagina principal mantenga el fondo blanco como fondo de la entrada, se podra hacer eso,

    Muchas gracias de antemano, Saludos desde Concepcion, Chile.

    ResponderEliminar
  78. Hola Marco Antonio,

    Si fuera una plantilla tradicional sabría cómo ayudarte, pero desconozco la estructura de las plantillas hechas con Aristeer :/

    ResponderEliminar
  79. Muchas Gracias Potro de todos modos, que pena lo de Rosa, al igual que tu, muchos blogs de mucha gente llevan sus conocimientos.

    ResponderEliminar
  80. Hola Potro soy nueva en esto y no comprendo bien, quisiera que me ayudes, en que parte de la plantilla htlm debo colocar el div para alinear los gadgets que tengo hacia la derecha? Apenas estoy comenzando mi blog. Gracias
    http://politikenvenezuela.blogspot.com/

    ResponderEliminar
  81. Hola Zoryham,

    Si se trata de un elemento HTML/Javascript entonces lo que tengas dentro de él es lo que vas a encerrar en esos códigos que se explican.

    Saludos.

    ResponderEliminar
  82. Lo intento y me sale este error
    El artilugio con el ID Followers1 no se encuentra dentro de una sección (el elemento matriz real es: div.) Todos los artilugios deben estar en una sección.
    Error 500

    ResponderEliminar
  83. Hola de nuevo Zoryham,

    El gadget de Seguidores no es un elemento HTML/Javascript, esos se alinean de forma distinta, pero de hecho no es necesario hacerlo pues ya está alineado.
    Te explico, el área donde has puesto tanto el gadget de seguidores como el de Archivo del blog es un área que ocupa todo ese espacio de abajo así que de igual forma cualquier gadget que agregues ahí ocupará todo ese espacio.
    Quizá da la impresión de que estuviera muy a la izquierda pero eso es porque aún no tienes seguidores, cuando vayas teniendo seguidores verás que poco a poco se va a ir llenando el gadget y cubrirá todo desde la izquierda hasta la derecha del blog.

    Saludos.

    ResponderEliminar
  84. Hola! En mi blog tengo el gadget de estadísticas o páginas vistas y me gustaría centrarlo en la parte de abajo, ya que por defecto se coloca a la izquierda. Es eso posible? Gracias. Un saludo

    ResponderEliminar
  85. Sí es posible localizando el ID del gadget que quieres alinear. En este caso sería pegar antes de ]]></b:skin> lo siguiente:

    #Stats1 {margin-left: 40px;}

    Ese 40px puedes cambiarlo hasta que se ajuste a donde quieras que esté.
    Saludos.

    ResponderEliminar
  86. Al final lo he conseguido. Muchas gracias.

    ResponderEliminar
  87. Hola Potro, buenas tardes desde España. Siguiendo tus indicaciones he colocado el botón "me gusta" de facebook, pero aunque lo pongo para que se alinee a la derecha, me sale en el centro de la página. ¿Puedes ayudarme? Gracias anticipadas y enhorabuena por esta generosidad que derrochas a raudales.
    Puedes verlo en http://serviratodos.blogspot.com/

    ResponderEliminar
  88. Hola,

    Sí está alineado a la derecha, lo que sucede es que ese espacio que ves es el espacio del ancho del botón. Necesitas reducir el ancho del botón para que quede más pegado a la derecha.

    Saludos!

    ResponderEliminar
  89. Muchísimas gracias, Potro. Lo he modificado y queda perfecto. Suerte de contar con gente como tu. Un abrazo.

    ResponderEliminar
  90. Qué bueno que ha quedado como esperabas.
    Gracias por tu comentario :)

    ResponderEliminar
  91. Hola yo queria centrar el titulo de los gadgets en mi blog. Busque #sidebar h2{ como vi en un comentario anterior pero no me aparece. Lo busque en edicion de HTML Es ay??

    ResponderEliminar
  92. Puedes ponerlo debajo de:
    .footer-inner .widget h2,
    .sidebar .widget h2 {

    O de:
    h2 {

    ResponderEliminar
  93. Mil gracias ya esta solucionado.

    ResponderEliminar
  94. Hola Amigo Potro soy Brandt de Todoberry Venezuela....queria preguntarte amigo como hago para que todas las imagenes que sean colocadas en las entradas o post, queden de un solo tamaño (en el caso de mi blog GRANDE), y queden alineadas en el centro del post o entrada?.....gracias nuevamente por tu blog que me ha sido mu util.....!!!!

    Saludos men...!!!

    ResponderEliminar
  95. Hola todoberry,

    Cuando subas las imágenes de tus entradas no lo hagas con la pestaña Redactar, cambia a la pestaña Edición de HTML y ahí haz click en el icono de la imagen para subir tus fotos. Ahí puedes seleccionar el tamaño grande y la alineación centrada; debajo del tamaño de la foto verás una opción que dice '¿Utilizar siempre este diseño?' marca esa casilla para que siempre que las subas desde la pestaña Edición de HTML tengas predeterminadas esas opciones que elegiste.

    Saludos.

    ResponderEliminar
  96. Gracias Mil Pana...!!!

    ResponderEliminar
  97. Hola Potro, cómo estás?
    Quiero centrar la imagen que tengo en la cabecera del blog en lugar del título pero no encuentro manera.
    Me ayudas?
    Abrazo y gracias
    Rodrigo

    ResponderEliminar
  98. Hola Rodrigo,

    En las cabeceras es distinto, ahí tienes que encontrar en la parte CSS el contenedor de la cabecera y aplicar un text-align:center;
    Si se te complica dime en cuál blog quieres hacerlo para echarle un vistazo y poder decirte.

    Un abrazo!

    ResponderEliminar
  99. Buenas Potro, te comento, no se por que ahora no me deja alinear los elemntos, lo que quiero es alinear el gadget de calificacion de la parte inferior de las entradas y no me deja...

    y otra cosilla... ¿como hago pra alinearlo tambien justo en medio, entre los botones de descargas, ver online y lo botones de compartir?, para que no quede tanto espacio vacio..

    gracias y un saludo!

    www.cineconclick.com

    ResponderEliminar
  100. Hola moeone,

    Ese tipo de elementos son más difíciles de mover pues depende directo desde Blogger.
    Lo único que se puede hacer es que localices el código de ese elemento y lo encierres así:

    <div style="margin-left:100px;">
    ...Aquí el código del elemento...
    </div>

    Con ese margin-left:100px; lo moverás hacia el centro y puedes jugar con ese valor hasta que quede donde deseas.

    ResponderEliminar
  101. Hola Potro: Verás tengo ahora una pantalla de 22" en lugar de una de 17" y veo el blog en (Chrome-Firefox y IE) mal:todo a la izq salvo el pie del blog que está centrado.
    Como puedo ajustar para tenerlo todo centrarlo ?
    Gracias nuevamente por tu ayuda

    ResponderEliminar
  102. Hola Priamo,

    Debajo de #outer-wrapper { agrega esto:
    margin:0 auto;

    Con eso deberá centrarse.
    Saludos.

    ResponderEliminar
  103. Hola Nuevamente Potro! He estado investigando previamente pero no encontre la solucion a mi problema, asiq ue Recurro a vos nuevamente: Quiero Alinear la cabecera de mi blog a la izquierda Bien pegada hacia el margen de la ventana, he visto otros blogs que la tiene asi. podras ayudarme? mi blog es:
    http://peliculascienporcien.blogspot.com/

    ResponderEliminar
  104. Hola Rubento,

    Mas que alineación las plantillas que tienen la cabecera así es por la estructura de la plantilla, no es que se pueda hacer en cualquier plantilla sino que se necesita que la planilla haya sido diseñada de esa forma.
    Una de las maneras que se puede hacer simulando que la cabecera ocupa todo el ancho es poner en la imagen de fondo del blog la imagen de la cabecera, de esa forma parecería que la cabecera abarca todo el ancho pero la realidad es que sólo es una imagen del fondo del blog (body).

    ResponderEliminar
  105. Gracias Potro, hice lo que dijiste para centrar y OK.Gracias.
    Tengo un par de cuestiones a raiz de los mismo (cambio de pantalla de 17 a 22"):
    - Como puedo dejar la cabecera para que cubra la totalidad del ancho del blog??
    -Idem para la imagen del footer

    Una ultima pregunta: Sabes el motivo y si tiene solucion el que con Windons 7 en Firefox o Chrome se vea el tuyo y otros blogs todo pequeño y en IE se vea mucho más grande??

    De nuevo muchas gracias

    ResponderEliminar
  106. Hola Potro: He hecho lo que me dices y Ok:Gracias
    Me quedan dos dudas: Como podria que la cabecera y la imagen del Pie del blog se ajustaran al ancho del blog??

    Otra cuestion diferente de la que me gustaria tu opinion: Trabajo en la actualidad con W7 y observo que en los navegadires Chrome y Firefox se ve todo más pequeño de lo normal mientras que en IE se ve todo más grande ( para mi gusto mejor). Es esto normal o puedo verlo todo como IE?
    Gracias como siempre.

    ResponderEliminar
  107. Hola Priamo,

    Eso ya es mucho más complicado y casi imposible pues las plantillas que tienen la cabecera y footer de esa forma es porque así fueron diseñadas desde la estructura.
    Lo otro que mencionas puede ser porque cada navegador tiene una forma diferente de mostrar el contenido, o bien, que en la configuración del navegador tengas establecido un zoom reducido o una fuente más pequeña.

    Saludos.

    ResponderEliminar
  108. De lo primero ya me lo temía y de lo segundo lo miraré.Muchas Gracias

    ResponderEliminar
  109. Hola Potro.
    Dándome una vuelta por mi blog, me he dado cuenta de que debería centrar el título de la barra de video "ARAGÓN EN LAS VENAS".
    Después de trastear inútilmente el código y de leer los comentarios,no he encontrado la solución o se me ha pasado :)
    Ya contarás.
    Un saludo.

    ResponderEliminar
  110. Hola Tapestryworkerman,

    Antes de ]]></b:skin> agrega lo siguiente:
    #VideoBar1 h2 {text-align: center;}

    Con eso deberá centrarse el título del gadget.
    Saludos.

    ResponderEliminar
  111. Hola Potro.
    Hecho!. Como siempre, rápidez y eficacia. Gracias ;)
    Y abusando de tu amabilidad (y fuera de lugar), te pediría que echaras un vistazo a mi blog, tengo dos reproductores de mp3 que sonaban uno en la principal y el otro en las entradas individuales, pues bien, el de la principal ha dejado de sonar mientras que el otro sigue funcionando.
    He cambiado el gadget y reintroducido el código sin resultados, así que si sabes de solución milagrosa, me cuentas.
    Un saludo.

    ResponderEliminar
  112. ¿Te refieres al reproductor que está al inicio de la sidebar? Porque ambos, tanto en la portada como en las entradas se escuchan perfectamente.

    ResponderEliminar
  113. Sí, a esos me refería... entonces, son problemas internos porque a mí no me hacen ni mención de carga.
    Gracias de nuevo.

    ResponderEliminar
  114. Que tal Potro! me podrias ayudar a centrar la imagen de la cabecera en mi blog, he buscado aqui y no encuentro...

    ResponderEliminar
  115. Ok, te dejo el blog...
    http://historia024-2.blogspot.com/
    agradezco de antemano esa disposición y ayuda que nos brindas

    ResponderEliminar
  116. Expande los artilugios de tu plantilla, busca este código y añade lo que está en negrita, con eso se centrará la imagen de la cabecera:

    <center><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style=' display: block'/></center>

    ResponderEliminar
  117. Muy agradecido Potro, no se que hariamos sin ti... jejejeje, saludos desde Zongolica, Veracruz.

    ResponderEliminar
  118. Potrazo nuestro lindo y querido! Millón de gracias por todos tus consejos y este fantástico blog que nos salva a más de uno de las macanas que hacemos por jugar con HTML. Potris, tengo una consulta: hay alguna forma de alinear los elementos del post-footer en una misma línea, separados por un pequeño espacio cada uno? Desde ya muchísimas gracias! Besote!

    ResponderEliminar
  119. Hola Macarena, muchas gracias por tu amable comentario.
    No me quedó muy claro lo del footer, ¿te refieres a poder dividirlo para que se alineen los gadgets de esa área? Si es así entonces mira esta entrada que habla sobre cómo dividir el footer del blog.

    Gracias por el beso!

    ResponderEliminar
  120. Hola,como puedo centrar la Cabecera, y los gadgets de imagen?Gracias

    ResponderEliminar
  121. Mira el comentario #125 para que centres la cabecera.
    Los demás gadgets puedes centrarlos primero localizando el ID del gadget, luego antes de ]]></b:skin> agrega esto:

    #ID {text-align:center}

    Donde ID es la ID del gadget que buscaste previamente. En el caso del gadget de Imagen es algo como Image1

    ResponderEliminar
  122. Hola Potro de nuevo aqui molestando mira he leido y intente con tu codigo que diste antes en la entrada 125 y no me funciono
    Pero no me funciona acaso me podras ayudar este es mi blog http://cityvilleextremes.blogspot.com/ y no eh podido centrarlo de antemano muchas gracias

    ResponderEliminar
  123. Pues es que de hecho tú no necesitas centrarlo porque centrado ya está, más bien necesitas alinearlo a la izquierda. Si seguiste los pasos de ese comentario deshazlos. Luego busca esta parte y elimina lo que está en negrita:

    #header-inner{background-position:center;

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

    ResponderEliminar
  125. Hola Potro te cuento que esta plantilla ya traia por defecto eso que me acabas de decir
    #header-wrapper{width:1200px;margin:0px auto 0px;height:380px;overflow:hidden;}
    #header-inner{background-position:center;margin-left:auto;margin-right:auto}
    #header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:47%;overflow:hidden;}
    #header h1{margin:0 5px 0;padding:35px 0 0 0px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:40px;color:#A2A2A2;}
    #header .description{padding-left:5px;color:#646464;font-size:14px;padding-top:0px;margin-top:0px;}

    ResponderEliminar
  126. Por eso, ese background-position:center; es el que debes quitar, o bien, cambiarlo por background-position:left;

    ResponderEliminar
  127. Hola Potro en ninguna de las dos opciones funciono no se mueve nada la imagen que puedo hacer please ayuda

    ResponderEliminar
  128. Entré pero vi que ya tienes otra imagen ahí y que sí está inclinada a la izquierda, no sé si ya pudiste resolverlo.

    ResponderEliminar
  129. Que tal amigo, me gusta tu aporte, pero intento cambiar el fondo, que me sale en negro y no puedo, por defecto sale una cinta negra de fondo en donde se desplaza el texto, cómo se puede cambiar el color de ese fondo?

    ResponderEliminar
  130. Hola Omar,

    No he entendido bien tu planteamiento. ¿Me puedes dar más detalles así como la dirección del blog donde te sucede esto?

    ResponderEliminar
  131. Hola Potro si opte después de mucho intentar por dos imágenes ahora te tengo otra pregunta mira esta plantilla por defecto en la pagina principal te muestra solo 4 entradas hay alguna forma de cambiarlo, yo ya intente de la manera normal en diseño y en la entrada le puse que 8 entradas se vieran pero no funciono hay alguna manera en el html de modificar esa opcion?

    ResponderEliminar
  132. Ademas eso de las imágenes lo hice con un gadget de imagen por cada lado tuve que quitar la grande

    ResponderEliminar
  133. Otra consulta que te quería hacer es que en la pagina principal aunque escriba con la letra mas grande siempre sale con letra normal es algún error?

    ResponderEliminar
  134. Eso no es por alguna configuración de la plantilla:
    http://ciudadblogger.com/2011/06/cuando-en-el-blog-aparecen-menos.html

    ResponderEliminar
  135. he colocado dos imagenes en un gadget, y la imagen de la izquierda, se queda bien en su sitio, pero la de la derecha, se pone mas abajo. ¿como lo soluciono?

    ResponderEliminar
  136. Cuando se trata de dos o más elementos en un mismo contenedor lo mejor es que los pongas en una tabla HTML, de esa forma se alinean fácilmente.

    ResponderEliminar
  137. Hola majo y gracias de antemano por todo los enseñado hasta ahora y por responderme siempre a todas mis consultas.Estoy intentando cambiar mi blog y entonces mi pregunta es:E puesto un video a la izquierda de la entrada se podria poner en tamaño mas pekeño a su derecha mas videos.no se si me e explicado bien lo e intentado de alguna manera pero siempre se me ponen de debajo de el primero.Gracias majo

    ResponderEliminar
  138. Hola Urko,

    Quizá la forma más sencilla es igual como decía en el comentario anterior al tuyo, usando una tabla HTML.
    Podrías agrupar las columnas de la primera fila para que ahí pongas el video grande, u al lado en las otras celdas los videos pequeños:

    <table border="0" cellpadding="10"><tbody>
    <tr><td rowspan="4">Código video grande</td>

    <td>Código video chico</td></tr>

    <tr><td>Código video chico</td></tr>

    <tr><td>Código video chico</td></tr>

    <tr><td>Código video chico</td></tr>

    </tbody></table>

    ResponderEliminar
  139. el problema es k lo k a mi megustaria seria poder poner el video grande y a su derecha todos los videos pekeños seguidos no uno encima del otro
    uank no se si se podra.gracias

    ResponderEliminar
  140. ey mas u menos ya lo tengo gracias mil gracias

    ResponderEliminar
  141. Hola Potro, como puedo dividir un slot de gadget en 2 en el html, quiero poner 2 banners de publicidad a la misma altura solo que uno en el lado "left" y otro al "right" si los pongo en diferentes slots me aparece uno abajo y otro arriba pero los quiero a la misma altura, me podrias ayudar con esto por favor???

    ResponderEliminar
  142. Hola DC,

    Una forma rápida sería que pongas el código de las imágenes uno pegado del otro, sin dar saltos de línea (ENTER), eso las acomodará horizontalmente.
    Otra opción más prolija es que uses una tabla HTML y en una celda pongas una imagen y en la celda de al lado la otra imagen.

    ResponderEliminar
  143. Una duda: los titulos se pueden centrar tambien? porque si centras las imagenes pero el titulo queda hacia la izquierda no queda lindo :(

    ResponderEliminar
  144. acabo de leer en los comentarios que con se puede buscando este codigo en la plantilla #sidebar h2 {
    sin embargo en la mia no aparece... me podras ayudar???

    ResponderEliminar
  145. Ya lo encontre en los comentarios! sos un capo!!!!

    ResponderEliminar
  146. Qué gusto que ya lo hayas resuelto, y mejor aun, encontrando la respuesta en los comentarios :)

    ResponderEliminar
  147. Si es un elemento de una entrada entonces en la entrada misma, si es un gadget HTML/Javascript entonces dentro del gadget.

    ResponderEliminar
  148. Algien me podria ayudar, miren acabo de crear un blog pero todos los widgets me salen debajo de las entrada y se ve horrible ya he movido de todo no se que mas hacer lo unico que medio pude hacer fue con este codigo #HTML5{position:fixed; top: 220px; left:650px; width:250px} pero el widget se mueve para todo lado con mi scroll ayuda porfa

    ResponderEliminar
  149. Hola KrlOs,

    Entré a tu blog pero parece que ya has resuelto el problema pues vi todos los gadgets en su lugar.

    Saludos.

    ResponderEliminar
  150. Hola potro, te envie un mail ya que he seguido tus tutoriales y ahora intente este pero no me sirve! Me ayudas porfaaaaaaaa.
    http://rana-rosa.blogspot.com
    No he logrado alinear o centrar el me gusta de facebook con los otros botones de compartir.
    Aprovecho para pedirte lo que te envie via mail, te daras cuenta que la sidebas derecha no me esta dejando el texto en parrafo, al igual que la caja de Aviso que pusiste hace poco, todo me sale derecho en linea y no hace parrafo. Porfaaaaaa ayudameeeeee.
    Mil gracias. Abrazos.

    ResponderEliminar
  151. Hola Natali,

    Apenas termine con los comentarios del blog sigo con las preguntas del formulario, ya sabes que esas tardan un poquitin más ;)
    El botón de Me gusta tiene un ancho más grande de lo que parece, por eso da la impresión que de que no queda centrado, ya que además del botón que vemos hay un espacio a la derecha que es para que aparezcan los avatares, etc. Es por eso que aunque lo centremos siempre parecerá que no es así.

    Abrazos.

    ResponderEliminar
  152. Hola diskulpa la molestia pero quiero centrar mi imagen y titulo de mi cabezera de mi blogger, y pues no logro hacerlo. me podrias explicar que codigos debo modificar exactamente, diskulpa soy nuevo en esto.Grcias

    Saludos

    ResponderEliminar
  153. Hola Templario,

    Entré a tu blog y veo el título y la imagen centrada, supongo que ya has sabido resolverlo. Saludos.

    ResponderEliminar
  154. ¡Hola, Potro! ¿Este truco permitiría también aplicar una sangría en la primera línea de un post? Mis blogs son sobre todo de relatos y pretendo desde hace tiempo enriquecer el texto con trucos que permitan aplicar el formato de Letra Capital etc, pero esto de la sangría en la primera línea se me resiste. ¿Me podrías ayudar? Gracias.

    ResponderEliminar
  155. Hola Ƹ̵̡Ӝ̵̨̄ƷSechatƸ̵̡Ӝ̵̨̄Ʒ,

    Eso puedes hacerlo poniendo esto en los estilos:

    .post-body:first-letter {
    margin-left: 20px;
    }

    Eso hará que la primera letra del párrafo se vaya 20px a la derecha.
    Es de la misma forma como ponemos la letra capital de esta entrada:
    http://ciudadblogger.com/2010/07/otra-forma-de-poner-la-letra-capital.html

    Saludos.

    ResponderEliminar
  156. Tu admirador preferido!
    Como alineo potrito la imagen de la cabecera?
    Gracias salvador!!!

    ResponderEliminar
  157. Hombre pues con tanto alago cómo no ayudarte, jajaja.
    Debajo de .Header img, .Header #header-inner { agrega esto:

    margin-left: 30px;

    Saludos.

    ResponderEliminar
  158. Buen dia y como puedo hacerle para que la imagen ocupe todo el espacio de la barra de navegacion( cabezera)?

    Saludos

    ResponderEliminar
  159. Buen día Templario,

    Eso depende de dónde tengas la imagen, pues aunque puedes hacer que ocupe todo el ancho del contenedor (si las medidas de la imagen lo permiten), el contenedor a veces es menor que el de la cabecera así que no siempre se puede. Pero repito, depende de dónde tengas la imagen que quieres.

    Saludos.

    ResponderEliminar
  160. Gracias por tu respuesta Potro, es que cambie mi plantilla ahora no puedo centrar el titulo de la cabecera me puedes ayudar?

    http://templario-miscenciaymislibros.blogspot.com/

    Gracias

    ResponderEliminar
  161. Yo la veo centrada Templario, no sé si ya lo has resuelto o es un problema que no he entendido.

    ResponderEliminar
  162. Hola Potro si ya lo resolvi al final me di cuenta que el tamañp del texto afecta a la localizacion de l titulo, reducido el mismo y quedo solucionado. Gracias de todos modos- Saludos

    ResponderEliminar
  163. hola potro, quisiera saber qué gadget puedo usar para alinear el título de cada una de mis entradas, use la plantilla de picture window, por ende el título de mis entradas se alinea a la izquierda.
    Apreciaría mucho tu ayuda ;)

    ResponderEliminar
  164. discúlpame no era gadget era código >.< :]

    ResponderEliminar
  165. Hola electric_feel,

    Para centrar los títulos de las entradas agrega debajo de:
    h3.post-title {

    Esto:
    text-align:center;

    ResponderEliminar
  166. Potro como andas, necesito hacerte unas consultas

    Tengo mi blog con dos columnas de gadgets y de los lados tengo un banner publicitario, quise centrar el banner de la derecha y encerre el código del banner con el codigo de abajo pero no le hizo nada, no se si habra sido la manera adecuada



    La otra pregunta es que yo desde el diseñador de plantillas de di el mismo ancho a cada sidebar pero el de la dercha se ve un poquito mas ancho y no se a que se debe

    Mi blog: thebestonlinestores.blogspot.com

    Gracias a vos Potro lo voy dejando como queria :)aunque aun me falta mucho jajaja

    ResponderEliminar
  167. Puese el codigo div que centra en el comentario anterior pero no salio, era el div que pusiste arriva en la entrada para centrar

    ResponderEliminar
  168. Hola Ariel,

    Entré a tu blog pero no encontré ningún banner en la sidebars.
    Lo otro sobre el ancho, quizá sea ilusión óptica porque he medido el ancho de las dos y ambas tienen 180px.

    ResponderEliminar
  169. Potro, nuevamente muchas gracias por la respuesta, ya voy a mirar bien, me ha resultado muy util este sitio, ya he aplicado muchas cosas

    Saludos y hasta la proxima!

    ResponderEliminar
  170. hola!!! Quiero hacer una entrada donde tenga todos los link de los blogs amigos y quiero alinear los banners uno al lado del otro para que me queden prolijos, pero no puedo...qué estoy haciendo mal??? Voy a edición html de la entrada y cuando copio el código de los banner les pongo la etiqueta de alinear...pero me siguen quedando uno abajo del otro...cómo lo soluciono?? Gracias.

    ResponderEliminar
  171. Muchisimas gracias el potro! como siempre.

    Tengo una duda enorme... hay alguna manera de poner que todas las imagenes que ponga en la entrada se pongan de manera horizontal? Mira he echo una imagen y todo para explicarme mejor:

    Imagen: http://i43.tinypic.com/j0v7eo.png

    Si eso es posible, que tan dificil es? Me puedes dar una pista para buscar? He buscado en CSS, en javascript sin exito ninguno de adaptar a la plataforma blogger.


    Muy pero que muy agradecido por todo el potro! :) Gracias!

    ResponderEliminar
  172. María de las Mercedes, pon los códigos de los banners uno seguido del otro, sin dejar saltos de línea (ENTER), de esa forma se acomodarán horizontalmente.

    ResponderEliminar
  173. NE, de forma automática no. Mira el comentario anterior a este, ahí he respondido la misma pregunta ;)

    Saludos.

    ResponderEliminar
  174. jaja no me di cuenta, perdon !

    Bueno revolviendo internet desde hace mas de 1 semana, lo mas serca que encontre para hacer rapido y sencillo una galeria fue este Blog, que elimina las cosas inecesarios y te alniea las fotos que le pegues, puede ser interesante para quienes buscaban algo parecido que yo: http://crear-galeria-vku.blogspot.com/

    un Saludos y gracias por todo :)

    ResponderEliminar
  175. Gracias por compartirlo NE, saludos!

    ResponderEliminar
  176. Como puedo diminuir el espacio entre el cuerpo y la cabecera?
    http://dentistonlineweb.blogspot.com/
    Un abrazo!

    ResponderEliminar
  177. Agrega en los estilos lo siguiente:
    .main-outer {margin-top:-30px}

    Ahí puedes controlar qué tanta distancia quieres que haya entre ambos contenedores.
    Un abrazo.

    ResponderEliminar
  178. Todo lo que está antes de ]]></b:skin>

    ResponderEliminar
  179. Gracias Potrito, pero estuve tratando y no pude corregirlo. Un abrazo.

    ResponderEliminar
  180. Hola Potro ! hice varios intentos de alinear varios gifs de mi sidebar derecha pero no me sale bien jejeje intente esto: expandi artilugios y localice el widget de una imagen gif seria asi:

    </b:widget>
    <b:widget id='Image9' locked='false' title='zzz1' type='Image'>
    <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:link != &quot;&quot;'>
    <a expr:href='data:link'>
    <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
    </a>
    <b:else/>
    <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
    </b:if>
    <br/>
    <b:if cond='data:caption != &quot;&quot;'>
    <span class='caption'><data:caption/></span>
    </b:if>
    </div>
    <b:include name='quickedit'/>
    </b:includable>


    En donde se supone que deberia colocar la indicacion para alinerarlo a la derecha, yo lo coloque en distintas partes pero no le atine jajaja

    ResponderEliminar
  181. En esos gadgets tienes que hacerlo de otra manera. Sólo tienes que localizar su ID y aplicarle un margen.
    En el ejemplo que pones su ID es Image9, así que antes de ]]></b:skin> agrega:

    #Image9 {
    margin-left: 10px;
    }

    Ahí le puedes variar el margen para que se acomode donde quieres; si necesitas que se vaya más a la izquierda puedes aplicar un margen negativo como -10px

    ResponderEliminar
  182. Muchisimas gracias Potro !
    Saludos...!!!!

    ResponderEliminar
  183. potro coloque el gadget de traductor y como tengo divididi la cabecera ahora el gadget me queda arriba de la cabecera y sobre sale un poco del lado del gadget ya hice todo y no quiere alinearse ni nada

    ResponderEliminar
  184. otra cosa potro quiero pasarte el codigo y me dice que no admite codigos o algo asi estoy salado hoy jajajajajajaj

    ResponderEliminar
  185. No estás salado Jesus Alex, es sólo que en los comentarios no se puede dejar códigos, necesitas convertirlos primero a texto plano:
    http://ciudadblogger.com/p/conversor-de-html-texto-plano.html

    En cuanto al traductor, ¿en cuál blog lo has puesto?

    ResponderEliminar
  186. Yo no entiendo bien el blog. Y quiero alinear el titulo del gadget pero aunque arriba parece tan sencillo no me deja. o bien esque no se hacerlo...
    ¿El código dónde lo miro? Voy un poco perdidilla...
    Una ayudita potro! jajaja

    ResponderEliminar
  187. No te preocupes Mapi, que aquí estamos para ayudarte aunque no entiendas aun sobre estos asuntos.
    ¿Cuál es el blog donde quieres hacerlo, y a cuál gadget quieres alinearle el título?

    ResponderEliminar
  188. Vale. Haber el titulo de las etiquetas tiene un nombre que me aparece automaticamente a la izquierda. Ese nombre lo quiero poner a centrado. Y al editar el gadget pone "titulo" y ahí pongo lo que arriba pone para centrar... pero no me sale. He estado leyendo y tengo poner el nombre codificado no?
    Bueno no sé. El blog es este.:http://pensamientossinfregar.blogspot.com/

    gracieeees! :D

    ResponderEliminar
  189. Hola de nuevo Mapi,

    Si lo prefieres puedes centrar de una vez todos los títulos de tus gadgets, si así lo quieres busca donde dice:
    h2 {

    Justo debajo de ello agrega:
    text-align:center;

    Con eso se centrarán los títulos de tus gadgets.
    Saludos.

    ResponderEliminar

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

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

 
Ir Arriba Ir Abajo
I Ciudad Blogger