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”.
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:
¡¡Genial!!
Pensé que nunca tendría arreglo.
Lo voy a empezar a aplicar en mis blogs.
Gracias, gracias.
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
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!
Listoooo... ya encontré como centrar la imagen que quería! :)
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
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
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".
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.
Gracias por la ayuda!
http://galilea2011.blogspot.com
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!
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.
He puesto lo k me habeis dixo pero no m funciona, no se lo k pasa. Por favor, ayudadme.
cbp7, dime la dirección de tu blog para que pueda ehcar un vistazo.
La imagen que tengo de la tabla de la semana
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?
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.
Esk lo he puesto pero me aparece el codigo escrito arriba del todo, encima de la barra de blogger
no pasa nada, lo haré de otra forma, gracias igualmente
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.
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
Gracias!!
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
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.
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!
Publicar un comentario