Usamos de base la plantilla "mínima" que Blogger ofrece y nuestro producto final será la web del Club Internacional de la universidad Nebrija. Léase antes "Cómo modificar la plantilla de Blogger".
Insertar un logo
- Sube con Hello a tu bitácora la imagen del logo y copia la URL de la etiqueta "a href". (¿Qué es la etiqueta "a href"?)
- En "insertar imágenes" de FrontPage, pega la URL para que aparezca el logo.
- En el menú "Ver" selecciona la barra de herramientas "Imágenes". En esta pulsa "posición absoluta" para poder desplazar el logo por la pantalla.
Insertar imágenes decorativas
- En la vista HTML, entre las etiquetas "body" y "/body", escribe "div" y "/div", cada uno entre comillas triangulares < >.
- Entre estas etiquetas (las de div) he insertado las imágenes de las banderas separadas cada una por un "intro", vamos, una línea. Las imágenes las subí anteriormente con Hello a la bitácora y copié la URL de cada una.
- En la vista normal, selecciona el cuadro que engloba las imágenes y pulsa en "posición absoluta" para colocarlo en su lugar y modificar su tamaño.
Hemos utilizado un cuadro (div) porque así será más fácil mover las imágenes todas a la vez y que queden alineadas. Si tu decoración es sólo una imagen puedes insertarla del mismo modo que lo has hecho con el logo.
Insertar el código del template de Blogger
Se recomienda tener una copia de seguridad del cógido de la plantilla básica.
- Copia el código de la plantilla base desde "Begin #content" hasta "End#content", incluyendo sus comillas triangulares.
- Pégalo justo después de la etiqueta "body" en la vista HTML.
Modificar el campo del post y sus comentarios
- En la vista normal, selecciona el cuadro que va desde "BlogDateHeaderDate" hasta "Home".
- Pulsa "posición absoluta" en la barra de herramientas de las imágenes.
- Arrastra desde su borde el cuadro hasta el lugar donde lo prefieras. Para todo calcula que luego tendrás una barra superior con la publicidad de Blogger, así que tendrás que dejar en esa parte un espacio en blanco.
- Cambia los sombreados, tamaños y tipos de letra del cuadro como tú prefieras.
- Puedes traducir las cosas que no están entre las etiquetas como "posted by", "comments" o "said" con expresiones como "enviado por", "escrito por", "comentarios", "opiniones", "dijo", "comentó", "gritó", "declaró", etcétera...
- Elimina en enlace de "BlogItemTitle".
Modificar el campo del perfil, post previos y archivos:
- Selecciona el cuadro que va desde "BlogMemberProfile" hasta la publicidad "IPowerBlogger".
- Pulsa "posición absoluta" en la barra de herramientas de las imágenes.
- Arrastra desde su borde el cuadro hasta el lugar donde lo prefieras.
- Cambia los sombreados, tamaños y tipos de letra del cuadro como tú prefieras.
- Puedes traducir otras cosas como "previous posts" o "archives". Sugerencia: en lugar de archivos, puedes poner "maletas", "biblioteca", "documentos"... para diferenciarte de los demás. Así queda original.
- Si no quieres alguno de los elementos como el perfil o el cuadro de "previous posts", elimínalos.
Guarda los resultados y copia el código HTML en el cuadro del "template" de Blogger. Antes de guardar los cambios, pulsa en "preview" para ver cómo quedaría. Si no te gusta el aspecto, pulsa en "clear edits" para que el código vuelva a su última versión guardada. Si te gusta tu trabajo, presiona en "save template changes" y luego en "republish" para que se actualicen los cambios de diseño en la bitácora.
Notas relacionadas:
2 Comentarios:
Hey Gracias por el manual, soy nuevo y quiero modificar mi plantilla, oye, si tengo problemas en donde te puedo contactar, espero que me respondas en mi blog, saludos.
-El Vazer
Quisiera saber como poner un nuevo header (encabezado), gracias.
-El Vazer.
Publicar un comentario
<< Regresar