ee

Read More

imagen

Read More

COMO COMER ARROZ

El Detalle Paso A Paso:

Repaso De Conceptos Previos:

Conviene aclarar dos conceptos fundamentales con los que vamos a trabajar para personalizar la presentación de nuestro Blog.

La Plantilla de Blogger:

Es una representación esquemática que sintetiza código HTML en etiquetas propias que al ser interpretadas por el servidor de Blogger conforman la presentación del blog. Al ser reutilizadas por todos los usuarios no podemos alterarlas sólo para nuestros intereses. Es por ello que cuando queremos "ir más allá" de lo que ofrecen a nivel básico, debemos reescribir algunos de los elementos que las componen. Entre esos elementos citados se encuentran las hojas de estilo, pilar básico del aspecto y formato de nuestras páginas en Blogger o en cualquier "publicación web".

Las hojas de estilos (.css)

Con Blogger las plantillas se basan fundamentalmente en hojas de estilo. Esta clase de archivos tienen la extensión .css: Hojas_de_estilo_en_cascada. Este tipo de archivos contienen la información semánticamente construida de los elementos que en la página HTML constituirán el aspecto y el formato de los componentes que la integran.

Ejemplo Para Centrar El Título De Tu Blog En El Navegador - Usuario Con Conocimientos Básicos:

Vamos a cambiar la plantilla de base del blog para personificarla de manera que el título y la descripción del Blog queden centrados en el navegador como os muestro a continuación. De esta manera veremos el detalle completo de los pasos a realizar para modificar la plantilla base sobre la que ponemos nuestro Blog.

La página de Diarios de la nube con la plantilla Traveller por defecto de Blogger:

 La misma página principal con la Plantilla personificada para centrar el título y la descripción del Blog:

 

 1) En primer lugar realiza una copia de seguridad de tu sitio. La colocación de una hoja de estilos (".css") en tu blog requiere realizar unas modificaciones en código que, aunque realmente sencillas, requieren que previamente tengamos a buen recaudo nuestro código original, de manera que siempre podamos "volver atrás" ante cualquier error. No dejes de realizar esta guía paso a paso para salvaguardar tu blog.

2) En este ejemplo vamos simplemente a centrar el título del Blog. Para localizar el título vamos a nuestro navegador y una vez cargado el blog hacemos "clic" con el botón derecho del ratón y pulsamos "Visualizar código fuente".

3) En ese código fuente hacemos un "buscar" en el navegador para localizar el título de nuestro blog. En mi caso, como utilizo "FireFox" pulso CONTROL + F y escribo "Diarios de la nube".

4) Localizo el siguiente texto que se encuentra en un h1 cuya clase es "title":

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
Diarios de la nube
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>Tecnología, ayuda al Blogger, ocio, consumo y opinión en la nube.</span></p>
</div>
</div>

 En la pantalla superior podemos ver la búsqueda del código encargado del título y la descripción del blog.

5) Como quiero centrar el título del blog y su descripción, me centro en el "<div" llamado "header-inner" porque contiene en su interior el "<div class = 'tittlewrapper" para el título y el "<div class='descriptionwrapper'>" con la descripción.

Los div o capas que ha dibujado Blogger por medio de la plantilla que utilizo en mi blog le están "diciendo" al navegador que en una de las hojas de estilo .css que utilizo en mi página hay un identificador "header-inner" destinado a almacenar cómo deben dibujarse el título y la descripción en cuanto a formato y aspecto.

6) Volviendo al código fuente de mi página, localizo los .css que utiliza mi blog (están unas líneas 

Read More