Editar BLOGGER desde DISEÑO HTML

Holis!!! En este blog les enseñaré como editar parte del diseño su plantilla de Blogger desde Edición HTML, algo que ya había hecho anteriormente y expliqué en un post anterior, pero que ahora ampliaré algunos aspectos.

ATENCIÓN 

---> Siempre es conveniente guardar una copia de la plantilla antes de realizar modificaciones (Ver más) 

---> Cada vez que realicemos una modificación, hacemos clic en Vista previa, y si nos agrada el cambio, hacemos clic en Guardar y después continuamos con el cambio siguiente.

Activar la barra de navegación 

·         Escritorio

·         Diseño

·         Edición HTML

·         Editar plantilla

Vamos donde dice #navbar-iframe {display: none;} y cambiamos none (ninguno) por all (todo)

Activar Barra de Navegación

Editar encabezado del Blog

·         Escritorio

·         Diseño

·         Edición HTML

·         Editar plantilla

·         Header (encabezado) 

·         Vamos donde dice Header –wrapper (cuerpo del encabezado) y editamos los valores de Height (alto) y Width (ancho). 

·        En Header description (descripción del encabezado) podemos editar la fuente, el tamaño, la alineación, etc.

Editar el ancho y el alto del  Encabezado del Blog

Editar el formato de la Descripción del Encabezado del Blog

Editar el cuerpo del blog 

·         Escritorio

·         Diseño

·         Edición HTML

·         Editar plantilla

·         Outer-Wrapper (cuerpo principal) 

·         Para hacerlo más ancho editamos el valor de widch (en mi caso coloqué 774px).

·         Luego debemos ir a main-wrapper y cambiamos el valor de widch (en mi caso coloqué 550px); y luego modificamos margin (en mi caso coloqué 0px 10px 10px 15px).

Editar el Cuerpo del Blog

Editar columnas de gadget

·         Vamos a donde dice sidebar-wrapper y cambiamos el valor de width (en mi caso 190px)

·         Luego colocamos el mismo valor a width en sidebar-credit. 

·         También colocamos las mismas medidas de margin (0px 5px 0px 5px) en sidebar-wrapper y sidebar-credit.

Editar Columnas de Gadget

También podemos editar  en el encabezado o cuerpo del blog:

·         Font- family (fuente) cambiamos el nombre del tipo de fuente y color, si conocemos los códigos. Por ej blanco = #e5e5e5; negro: #333333.

·         Font-size (Tamaño de letra) colocamos el tamaño que deseamos.

·         Text-align (Alineación del texto) Podemos cambiar por left (izquierda) o right (derecho) 

Espero puedan realizar estas modificaciones en sus blog sin arruinarlo.   

Nos vemos en el  próximo post!!!

Fuente: investigando Blogger y con ayuda de traductor