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>

9 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