Aplicación de las templates 2
Bueno.... Aquí estoy de vuelta. ¿Os ha servido la práctica para entender un poco mejor aquello de lo que hablábamos?
Bien pues continuemos:
Como decía, hay una segunda opción para aplicar templates y es mediante código HTML. Tranquilos... No vamos a escribir todo el código correspondiente a la página que queremos hacer (aunque podríamos si supiésemos como hacerlo y dispusiésemos de tiempo):
- Para saber el código asociado a la template que nos hallamos descargado, debemos ir al archivo ".xlm" y abrirlo con un editor de notas tal cual se explica en el step 6 de la segunda opción, en la página que indico en la entrada "Aplicación de las templates". Click derecho/abrir con/bloc de notas.
- ¡La cantidad de código escrito en lenguaje HTML que hay! Tal y como dice el step 7, lo copiamos TODO "control + c".
- En el step 8, señala que en vez de dar al botón que dimos la otra vez ("Crear/restablecer copia de seguridad" (Backup/restore)), demos a "Editar HTML".
- Ahí tenéis todo vuestro código actual de vuestra página. En el paso 9 aconseja seleccionarlo todo (ya que todo va a ser sustituido) (vuestras entradas estarán a salvo no obstante, tanquil@s) con "control + a" y pegar lo que teníais copiado "control + v". De esta forma el código copiado, sobreescribirá el código actual. Ahora damos a "guardar tema".
Podéis visitar vuestro blog para ver cómo ha quedado.
Ya sabemos que hay diferentes funciones que hacen referencia a depende qué zonas de la web queremos cambiar y qué es lo que queremos que aparezca. Tranquilos, entiendo que aun no sepamos esto, pues se tratan de conocimientos más avanzados.
1º Pulsad en este enlace. Se os descargará automáticamente un archivo. ¡¡¡IMPORTANTE!!! ES UN ARCHIVO TEMPORAL ASÍ QUE DEBÉIS DESCARGARLO HOY O MAÑANA. LUEGO NO ESTARÁ DISPONIBLE.
Enlace
Por cierto, como veis sólamente viene la palabra "enlace", pero asociado a la palabra esta la URL del sitio donde quiero que vayáis. Para hacerlo, seleccionar "enlace" (arriba) y poned, la URL en su lugar y la palabra que queráis que aparezca en el suyo.
2º Es la template que os enseñe el primer día. Descomprimir el paquete en vuestra carpeta. Con suerte, estará aplicada en cada una de vuestras páginas al acabar la sesión (No obstante sois libres de elegir la template que más os guste, por supuesto, pero he querido tomar esta de ejemplo). En primer lugar, ya sabéis: Localizar el archivo ".xml"/abrir con/bloc de notas/copiar todo el código y sustituirlo en vuestra sección de temas. Aplicamos, vemos que se haya aplicado correctamente.
3º Ahora localizar el archivo ".html". Os llevará a una página creada por el autor donde os explica paso a paso, a qué parte del código tenéis que ir para modificar unas cosas u otras. Por ejemplo:
- Para cambiar el nombre que aparece en la cabecera:
Go to Blogger.com -> Your Blog -> Template -> Edit HTML And Find ( CTRL + F ) This:- <!-- Header Name --> Y ahí cambiais lo que viene escrito por el que vosot@s queráis.
-Para cambiar diferentes secciones relativas a tu información.
Go to Blogger.com -> Your Blog -> Template -> Edit HTML And One By One Find ( CTRL + F ) All This:-
Dentro de las herramientas asociadas a la cuenta de google, tenéis un traductor por si os hiciera falta. ¡¡A ver qué os sale!! ¡¡¡Esto ya empieza a parecerse a una página profesional!!!
Bien pues continuemos:
Como decía, hay una segunda opción para aplicar templates y es mediante código HTML. Tranquilos... No vamos a escribir todo el código correspondiente a la página que queremos hacer (aunque podríamos si supiésemos como hacerlo y dispusiésemos de tiempo):
- Para saber el código asociado a la template que nos hallamos descargado, debemos ir al archivo ".xlm" y abrirlo con un editor de notas tal cual se explica en el step 6 de la segunda opción, en la página que indico en la entrada "Aplicación de las templates". Click derecho/abrir con/bloc de notas.
- ¡La cantidad de código escrito en lenguaje HTML que hay! Tal y como dice el step 7, lo copiamos TODO "control + c".
- En el step 8, señala que en vez de dar al botón que dimos la otra vez ("Crear/restablecer copia de seguridad" (Backup/restore)), demos a "Editar HTML".
- Ahí tenéis todo vuestro código actual de vuestra página. En el paso 9 aconseja seleccionarlo todo (ya que todo va a ser sustituido) (vuestras entradas estarán a salvo no obstante, tanquil@s) con "control + a" y pegar lo que teníais copiado "control + v". De esta forma el código copiado, sobreescribirá el código actual. Ahora damos a "guardar tema".
Podéis visitar vuestro blog para ver cómo ha quedado.
Ya sabemos que hay diferentes funciones que hacen referencia a depende qué zonas de la web queremos cambiar y qué es lo que queremos que aparezca. Tranquilos, entiendo que aun no sepamos esto, pues se tratan de conocimientos más avanzados.
1º Pulsad en este enlace. Se os descargará automáticamente un archivo. ¡¡¡IMPORTANTE!!! ES UN ARCHIVO TEMPORAL ASÍ QUE DEBÉIS DESCARGARLO HOY O MAÑANA. LUEGO NO ESTARÁ DISPONIBLE.
Enlace
Por cierto, como veis sólamente viene la palabra "enlace", pero asociado a la palabra esta la URL del sitio donde quiero que vayáis. Para hacerlo, seleccionar "enlace" (arriba) y poned, la URL en su lugar y la palabra que queráis que aparezca en el suyo.
2º Es la template que os enseñe el primer día. Descomprimir el paquete en vuestra carpeta. Con suerte, estará aplicada en cada una de vuestras páginas al acabar la sesión (No obstante sois libres de elegir la template que más os guste, por supuesto, pero he querido tomar esta de ejemplo). En primer lugar, ya sabéis: Localizar el archivo ".xml"/abrir con/bloc de notas/copiar todo el código y sustituirlo en vuestra sección de temas. Aplicamos, vemos que se haya aplicado correctamente.
3º Ahora localizar el archivo ".html". Os llevará a una página creada por el autor donde os explica paso a paso, a qué parte del código tenéis que ir para modificar unas cosas u otras. Por ejemplo:
- Para cambiar el nombre que aparece en la cabecera:
Go to Blogger.com -> Your Blog -> Template -> Edit HTML And Find ( CTRL + F ) This:- <!-- Header Name --> Y ahí cambiais lo que viene escrito por el que vosot@s queráis.
-Para cambiar diferentes secciones relativas a tu información.
Go to Blogger.com -> Your Blog -> Template -> Edit HTML And One By One Find ( CTRL + F ) All This:-
- <!-- Avatar --> (Add Your Image URL)
- <!-- About Social Links --> (Add Your Social Links Replace With #)
- <!-- About Preword --> (Add Your Own Prework e.g Hello, Hi)
- <!-- About Name --> (Add Your Name)
- <!-- About Position --> (Add Your Position)
- <!-- About Bio --> (Add Your Bio)
- <!-- About Links --> (Add Your Other Links)
Dentro de las herramientas asociadas a la cuenta de google, tenéis un traductor por si os hiciera falta. ¡¡A ver qué os sale!! ¡¡¡Esto ya empieza a parecerse a una página profesional!!!
queeeeeeeeeeeeeeeeeeeeeeeeeeeeee
ResponderEliminarDudas en la entrada correspondiente (si ese "queeeeeeeeeeeeeeeeeeeeee" me lo dices por alguna duda) ;).
Eliminar