Centrar fotografía en su columna con el gadget de Blogger “Imagen” | blogsmadeinspain

Aquí encontrarás plantillas para Blogger diseñadas por mí totalmente gratuitas, conocerás como se manipulan imágenes, fondos, texto, enlaces o links, los mejores widgets o gadgets, herramientas y utilidades, etc... Y además puedo diseñarte una plantilla exclusiva para tí, totalmente a tu gusto, y solo por 38 Euros.

Centrar fotografía en su columna con el gadget de Blogger “Imagen”

La mayoría de blogueros que comienzan en Blogger usan para colocar sus imágenes en las columnas laterales de su blog el gadget estandar de Blogger titulado “Imagen”.
Ese gadget se usa para colocar imágenes en cualquier parte del blog que no sean entradas, además permite colocarle un enlace o link a la imagen y un texto de “Pie de foto”.

Pero en la mayoría de los casos, la imagen que se coloca queda descentrada respecto a la columna, apareciendo alineada a la izquierda. He recibido varias consultas sobre este tema, y he encontrado una solución muy fácil para centrar la imagen que se coloca.

Leer completo...[+/-]

    Basta con acceder a “Diseño / Edición de HTML”, y colocar en la plantilla el siguiente código, antes de ]]></b:skin>

    .sidebar img { display: block; margin: 0 auto;}

    Pero el mismo problema tendremos con el texto “Pie de foto” si no ocupa un renglón completo o varios renglones, es decir, nos quedará alineado a la izquierda y no centrado en la columna.
    Pero esto tiene todavía una solución más fácil. Delante y detrás del texto que queramos poner como “pie de foto” colocamos <center> y </center> respectivamente. Quedando de esta forma:
    <center>TEXTO DE PIE DE FOTO</center>

24 comentarios:

Martha Sialer Chaparro dijo...

¡¡Genial!!
Pensé que nunca tendría arreglo.
Lo voy a empezar a aplicar en mis blogs.
Gracias, gracias.

"EL GALLO EN ALPARGATAS"- JOSE PIVíN dijo...

muchas gracias!!!

felicitaciones por tu Blog.

Te invito a visitar los mios.

un abrazo

JOSE

Lic. Jose Pivin
frente al puerto de Haifa
frente al mar Mediterraneo


MIS POESIAS EN:

http://www.pivin.es.tl/
http://www.poesiaspoemas.com/jose-pivin

MIS BLOGS CULTURALES:

http://el-gallo-en-alpargatas.blogspot.com/
http://pagina1-josepivin.blogspot.com/
http://santa-fe-mi-pais.blogspot.com/

EDITOR/DIRECTOR DE:

"PAGINA 1, REVISTA DIGITAL DE CULTURA,LITERATURA, ARTE,ACTUALIDAD,
NOVEDADES Y TANTAS COSAS BELLAS DE LA VIDA.
Suscripción gratuita : pagina1@gmail.com

SANTA FE DOG SHOW dijo...

Hola! googlee buscando solución a este problema y vengo a dar justo con el autor del diseño de nuestro blog :)

Igual probé tu sugerencia, pero no me resultó, supongo que porque el gadget de imagen lo quiero colocar en sobre las entradas, como sería en ese caso?

Gracias!

SANTA FE DOG SHOW dijo...

Listoooo... ya encontré como centrar la imagen que quería! :)

Anónimo dijo...

Hola! googlee buscando solución a este problema y vengo a dar justo con el autor del diseño de nuestro blog :)

Igual probé tu sugerencia, pero no me resultó, supongo que porque el gadget de imagen lo quiero colocar en sobre las entradas, como sería en ese caso?solar panelPowerboat Charter

Cándido Vicente Calle dijo...

Gracias por el truco, pero en la edición html de la plantilla no encuentro el código que indicas.
Sólo veo algo parecido: <! ...etc
y si lo coloco ahí no funciona.
¿Me puedes ayudar?
gracias

Blogsmadeinspain dijo...

Cándido, que yo sepa todas las plantillas de Blogger tienen que tener ese código. De todas formas no te preocupes, ponlo donde tú crees que hay algo parecido, y no le des a "Guardar", solo a "Vista Previa". Si en la vista previa ves que ha salido bien, entonces le das a "Guardar", y si no ha salido bien le das a "Borrar cambios".

Cándido Vicente Calle dijo...

Muchas gracias!
Al decirme que tenía que aparecer el código, lo he buscado hasta encontrarlo (me ha costado lo mío).
Y funciona !
Te lo agradezco mucho, pues estaba agobiado con no poder centrar las imágenes de los gadgets.

Galilea Alba dijo...

Gracias por la ayuda!

http://galilea2011.blogspot.com

Sofix dijo...

Hola! Gracias por la ayuda. Pero tengo otra duda. Como podría además cambiar el tamaño de la fuente (sin que deje de estar centrada claro! jejej)
Gracias de antemano.
Un saludo!

Blogsmadeinspain dijo...

Sofix, para el tamaño de la fuente ya tienes que andar manipulando la plantilla.
Si es una plantilla estandar de Blogger, solo tienes que ir al diseñador de plantillas y cambiar el formato de texto que tienes en la sidebar.
Y si es una plantilla personalizada o modificada por tí, tendrías que andar buscando en los códigos html de la plantilla.

cbp7 dijo...

He puesto lo k me habeis dixo pero no m funciona, no se lo k pasa. Por favor, ayudadme.

Blogsmadeinspain dijo...

cbp7, dime la dirección de tu blog para que pueda ehcar un vistazo.

cbp7 dijo...

La imagen que tengo de la tabla de la semana

Blogsmadeinspain dijo...

cbp7, puede que en el caso de tu plantilla haya que llamar a la variable de otra forma, pero según veo en tu blog no está colocado el código que explico en esta entrada, ¿no?

Blogsmadeinspain dijo...

Para centrar esa imagen que no está en las columnas laterales se hace de otra forma. pero en los comentarios Blogger no admite códigos html, así que tienes que mandarme un correo y yo te contestaré con lo que necesitas.

cbp7 dijo...

Esk lo he puesto pero me aparece el codigo escrito arriba del todo, encima de la barra de blogger

cbp7 dijo...

no pasa nada, lo haré de otra forma, gracias igualmente

Blogsmadeinspain dijo...

Simplemente mándame un Email o indícame tu dirección y te explicaré los códigos a colocar en tu caso.
En los comentarios Blogger no admite códigos html.

Rafael Malavé - Gerencia de Sistemas - Venezolana de Riego, C.A. dijo...

Me sirvio de mucho centrar la imagen, pero nunca encontre en mi codigo html, el pie de pagina, lo busco y no aparece el nombre que le puse, de toda maneras resolvi, muchas gracias

Me salen alas dijo...

Gracias!!

Anita Ines dijo...

Hola! mi sirvió mucho lo hice!
pero luego cambie la imagen y ya no m ocupa el cancho de columna queda pegueña
mira a la derecha la foto que puse en mi blog http://aninesle.blogspot.com.ar/
Habra forma de agrandarla de nuevo? q ocupe todo el ancho?
espero tu respuesta gracias

Blogsmadeinspain dijo...

Anita Ines, esta explicación se refiere solo a las imágenes colocadas en las columnas laterales mediante el gadget de Blogger "Imagen".
La imagen debe tener un tamaño suficiente para que coja toda la columna, o Blogger no lo extenderá a la totalidad del ancho.

Alberto de la Torre dijo...

Muchas gracias, no sabía cómo centrar alguna imagen cuando utilizaba el gadget de insertar imagen. Ha centrado perfectamente. Para el resto utilizo html y javascript y no tengo problemas pero esas imagenes me estaban dando dolor de cabeza!

Cuando queráis os pasáis por mi blog por si os interesa, es de gastronomía.

Un saludo!