31 mayo 2005

Cambio IV

RedesPrevios:
Cambio I, Cambio II, Cambio III.
Ya tememos el témplate en blanco solo con el fondo ahora incluiremos el código de el témplate que elijamos para su sitio, en este caso seleccionamos el este, vamos al sitio y en el menú Ver de nuestro navegador seleccionamos la opción Código Fuente, esto nos desplegara una nueva ventana con el código de el sitio, ahora en una nueva ventana abriremos nuestro Escritorio de Blogger y seleccionamos la pestaña Plantilla para modificar nuevamente nuestra plantilla, como lo vimos en Cambio III, en el código vamos a encontrar unas líneas parecida a estas:
<style type="text/css" media="screen">
/* <![CDATA[ */ @import url("styles/1-1navleft.css"); /* ]]> */
</style>
esta es la ruta donde esta la hoja de estilo en este caso en el directorio en donde esta la pagina hay un subdirectorio llamado styles en donde esta el archivo 1-1navleft.css que es la hoja de estilo que vamos a aplicar a nuestro sitio para abrirlo hacemos lo siguiente, tenemos esta ruta:
http://www.xs4all.nl/%7Eapple77/columns/1-1column_navleft.html
eliminamos la parte de el archivo y que daría así:
http://www.xs4all.nl/%7Eapple77/columns/
ahora agregamos la ruta de la hoja de estilo y quedaría así
http://www.xs4all.nl/%7Eapple77/columns/styles/1-1navleft.css
tenemos en el navegador el código de la hoja de estilo, seleccionamos el código y lo vamos a pasar a el témplate de nuestro blog, dentro de las etiquetas
<style type="text/css"> . . . </style>
debajo de la etiqueta que ya esta ahí.

Ahora pasemos el código de la pagina en si, es decir lo que esta en medio de la etiquetas
<body> . . . </body>
y lo pasamos a la misma área dentro de nuestro blog

Así quedaría después de las modificaciones.

Saludos.

No hay comentarios.: