Cómo centrar códigos HTML en la sidebar


Muhos de los widget que ponemos en nuestro blog, más concretamente en la sidebar, la mayoría de ellos vienen por defecto pegados al lado izquierdo, pero hay veces que por alguna razón tenemos que centrarlo, ya sea por estética o por alguna otra razón.

Hoy veremos cómo centrar códigos HTML en la sidebar o columna lateral, tales códigos como por ejemplo: imágenes, barnner, widget, etc.

Para centrar códigos HTML, sólo tenemos que agregar el siguiente código al widget que queremos centrar:

<center>

</center>

Lo que está en rojo, tienes que ponerlo encima del código a centrar, lo que está en verde tienes que ponerlo abajo del código a centrar.

Veamos un ejemplo de cómo centrar una imágen, el código sería el siguiente:

<center>

<img src=imagen.gif border=0>

</center>

Si tienes algún problema en realizar este truquillo, házmelo saber, por medio de los comentarío.

10 comentarios:

Ani el 10 de enero de 2010, 5:45 dijo...

Hola:
he hecho eso que me has dicho y tengo una dudilla
A ver yo puse un link de la casa del libro y lo queria centrar porque quedaba a la derecha y ahora lo centre y me aparece un punto antes de la imagen, ¿por que sera?
mi blog es: esfantastico.blogspot.com

Administrador el 10 de enero de 2010, 6:38 dijo...

Hola Ani, me alegra que te haya servido el post.

Me pase por tu blog, pero no veo ningún punto está solo la imagen centrada.

Un saludo.

Damian Omar Silva el 26 de febrero de 2010, 20:20 dijo...

tengo el widget:


segun lo que entiendo de tu post, debería poner:

y me arroja el siguiente error:
"El artilugio con el ID HTML7 no se encuentra dentro de una sección (el elemento matriz real es: center.) Todos los artilugios deben estar en una sección."

¿que pasa?

Administrador el 27 de febrero de 2010, 4:56 dijo...

Hola Damian Omar Silva, por lo que entiendo es que estás intentando centrar el widget desde la Edición del html de la plantilla, y no es así, veamos un ejemplo, supongamos que quiero poner un widget en mi sedebar que es una "calculadora" paara ello me boy a Diseño > Añadir gadget > HTML/Javascript y pego el código del widget (calculadora) pero la calculadora me aparece al lado izquierdo y yo quiero es que me aparezca "centrada" ahora agrego el código para centrar y quedaría así:

<center>
Aquí el código del widget (calculadora)
</center>

De este modo me aparecerá centrada, también te recomiendo este otro post, en el que puedes ver varias alineaciones

http://www.pazosblogger.com/2010/01/como-alinear-codigos-html-en-sidebar.html

Espero me hayas entendido.

Saludos!

LUCIA DCORNER el 13 de marzo de 2010, 17:29 dijo...

Entendi pero no me sirvio ........sos

Anónimo dijo...

noooooooooooooooooo me sirvio el truquillo, pero gracias por su amabilidad

Anónimo dijo...

viejo y para las fotos ? osea al agregar un widget de imagen... estas no nos votan un codigo q podamos modificar... o será q desde la plantilla expandiendo los artilujios???? no se .... en unos diitas me vuelvo a pasar para ver la respuesta.... si soy capaz de arreglar el problema por mi cuenta vengo y les digo como... mis blogs son dos .... un blog (q es el oficial) y otro q es el Borrador jeje osea lo q pronto será el nuevo oficial .. produccionesjohan.blogspot y el oficial www.ProduccionesJhoan.tk ... noten q cambia la H del Johan

Armando Reyes el 21 de junio de 2010, 8:33 dijo...

tengo una duda con el manejo de las imagenes en el sidebar, he puesto varias imagenes de banner amigas en la plantilla y quedan bien, pero cuando agrego imagenes de publicidad, me quedan una debajo de la otra y ademas pegada de la siguiente imagen, no se como agregarle ese espacio que tiene en la plantilla. y acomodarla como estan en el primer bloque de banners.

el caso en especifico esta en mi web.

http://rapdiacion.com

porfavor orientenme.

Administrador el 22 de junio de 2010, 7:09 dijo...

Hola Armando Reyes, para poner imágenes de publicidad puedes utilizar el código de este artículo.

Un saludos

Administrador el 3 de octubre de 2010, 12:10 dijo...

Hola expanium, que bueno que te ha servido el truco, un saludo!

Quieres Comentar

Todos los comentarios están siendo leídos y moderados.

- Todos los comentarios deben ser relacionados con el artículo
- Serán borrados aquello comentarios que sean considerado SPAM
- Si quieren pedir ayuda,que no tenga nada que ver con el post, utilicen la página de Contacto
- Los comentarios serán publicados a la brevedad mínima posible

¿NO PUEDES COMENTAR?

¡Si no puedes ver la caja donde tienes que poner la palabras de verificación, has clic en donde dice "Verificación de palabras" y te saldrá la cajita donde tienes que ingresar la palabra!

NO TE OLVIDES DE RECOMENDAR PAZOSBLOGGER.COM A TUS AMIGOS

jueves, 27 de agosto de 2009

 

Ayuda para blog - Pazos Blogger Copyright 2010 | Template por:Brian Gardner | A Blogger por: Bloganol | Modificado y Diseñado por:Eduardo Sanguino