Cómo Alinear Códigos HTML en Sidebar o Entradas del Blog


La alineación por defecto cuando ponemos un elemento en la sidebar del blog, este suele irse a la izquierda, aunque  podemos también hacerlo centrada, a la derecha o justificación a ambos lados en caso de que sea sólo texto.

Con este método podremos alinear cualquier código, texto, imágenes, videos, etcétera. En la sidebar del blog, para alinear un elemento tienes que insertar el código entre las etiquetas que te dejo a continuación:


Alineación a la Izquierda


<div align="left">
Aquí lo que quieres alinear a la izquierda

</div>



Alineación a la Derecha
<div align="right">
Aquí lo que quieres alinear a la derecha

</div>


Alineación Centrada
<div align="center">
Aquí lo que quieres Centrar

</div>

Encaso de que quieras alinear sólo texto, delimitando un párafo alineando completamente los dos márgenes, utiliza el siguiente código:


Alineación de texto con márgenes iguales
<div align="justify">
Aquí el texto para alinear los dos margenes iguales

</div>

Copia cualquiera de los códigos que quieras utilizar, y cambia donde indica en ( rojo) por lo que quieres alinear.

16 comentarios:

carlos dijo...

pero donde lopego exactamente entre que colubnas de html soy nuevo en esto saludos

Eduardo Sanguino el 16 de febrero de 2010, 12:14 dijo...

Hola Carlos,

te pondré un ejemplo, si quieres es centrar un código entonces tienes que poner el código HTML donde indica fíjate en el siguiente código:

<div align="center">Aquí tu código HTML que quieres centrar </div>

y en los código del post, sólo tienes que poner lo que quieres alinear ya sea códigos, vídeos, imágenes, etcétera. Donde dice Aquí lo que vas alinear, fíjate lo he dejado en color rojo.

Un saludo!

Sondar el 14 de junio de 2010, 16:07 dijo...

hola que tal gente tengo un problema con mi blog no se si me podran ayudar, cuando hago click en mis entradas y se abra la pagina de la misma, se valla al centro y no me quite la columna de la isquierda. Mi plantilla es de 3 columnas pero al hacer click en una entrada la entrada seleccionada se desliza hacia la isquierda y me quita la columna q se encuentra en la isquierda y lo quisiera es que la entrada se quede en el medio. espero una respuesta a mi consulta la pagina http://www.lacasadelnorte.com.ar saludos.

SMB el 2 de agosto de 2010, 6:50 dijo...

Hola eduardo, cómo hago para que los íconos queden uno al lado de otro en forma horizontal, ya que por defecto me aparecen uno debajo de otro.

Gracias estimado.

Eduardo Sanguino el 2 de agosto de 2010, 12:36 dijo...

Hola SMB, puedes utilizar el siguiente código para todos los enlaces que quieras:

<a href="URL/de/tu/enlace/" target="_blank"><img src="URL/de/tu/icono/" title="Nombre/icono" /></a>

Espero que te sirva de ayuda. Saludos!

Curioso el 2 de noviembre de 2010, 4:18 dijo...

Hola Eduardo, te comento pego ese codigo en mis entradas y las imagenes salen una bajo otra, no hay manera de que me saliesen en horizontal, de izquierda a derecha? un saludo y gracias de antemano

Eduardo Sanguino el 2 de noviembre de 2010, 11:43 dijo...

Hola curioso, no entiendo que quieres hacer con las imágenes, ya que en blogger no necesitas insertar ni un código para alinear la imágenes. Saludos!

Curioso el 2 de noviembre de 2010, 14:57 dijo...

el problema es que cada imagen lleva a una url, y aunque las mueva con el raton, que es lo que yo hago por mi ignorancia, no queda bien.
seguramente al ponerlas le podria poner algo en los codigos para que las alineara de izq a derecha imagino, perdona mi desconocimiento. Un saludo y gracias de antemano

Eduardo Sanguino el 3 de noviembre de 2010, 5:16 dijo...

Curioso, creo que lo que quieres es quitarle el enlace a las imágenes, para ello lee este post verás lo fácil que es. Saludos!

c.a.l el 30 de noviembre de 2010, 11:35 dijo...

Hola eduardo,queria comentarte que tengo instalada bajo la cabecera del blog la nube de etiquetas de blogger,el problema es que quedan las palabras desprolijas y me gustaria saber la manera de centrarla para una mejor estetica,desde ya muchas gracias

Eduardo Sanguino el 1 de diciembre de 2010, 4:32 dijo...

c.a.l,no sabría decirte como alinearlo ya que no he tocado el código de ese widget. Lo siento no poder ayudarte.

Anónimo dijo...

oye buen blog,
necesito ayuda y creo q me puedes ayudar...
estoy haciendo un tutorial de html, en un blog,
pero al momento de insertar los codigos a mostrar, el blogger piensa que es codigo html para el y no para mostrar en una entrada....

conoce alguna etiqueta que puede utilizar, para que no me pase esto, mil gracias....

Fabian el 30 de mayo de 2011, 8:56 dijo...

Me sirvio de gran ayuda esta pagina sobre un codigo que queria agregar al directorio

Diego Andres el 1 de abril de 2012, 11:57 dijo...

Hola te quería hacer una consulta: en blogger cuando hacemos un post y subimos una imagen, por defecto la sube a la foto centrada, ahora quería saber como modificar mi plantilla, para que por defecto suba las fotos pero por ej queden hacia la izquierda? Gracias!

Diego Andres el 1 de abril de 2012, 12:04 dijo...

Hola una consulta, en blogger al hacer un post y subir una foto la sube por defecto "centrada" como se puede hacer para que por ej suba la foto y ya quede alineada a la izquierda por ejemplo? Gracias!

Literatura +1 el 17 de abril de 2013, 12:02 dijo...

¡Gracias! Nos ha sido de ayuda.
Saludos.

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, 21 de enero de 2010

 

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