CAMBIAR LA PLANTILLA DE BLOGGER

Autor: Javier Prieto Pariente

1.- Obtener la nueva plantilla:

Blogger nos ofrece una serie de plantillas básicas con las que podemos empezar a
trabajar en nuestro blog, una de ellas es la que se muestra en la Imagen 1, ahora bien,
existen muchas páginas que ofrecen plantillas con atractivos fondos, distintas
distribuciones para los contenidos del blog,…., que nos abren mucho las posibilidades
para trabajar con esta herramienta.

(Imagen 1)

Solo tenemos que poner en el buscador las palabras “template” o “plantilla” para
Blogger para obtener un gran número de resultados:

(Imagen 2)

Autor: Javier Prieto Pariente (Febrero 2010). Manual bajo licencia Creative Commons.
Visitamos cualquiera de estas páginas y seleccionamos la plantilla que más convenga
para nuestro blog, en nuestro caso tal como se muestra en la Imagen 3 hemos
seleccionado la plantilla “Agenda 08” y hemos pinchado en Download para descargar
dicha plantilla.

(Imagen 3)

Una vez que hemos descargado en el ordenador el archivo comprimido pasamos a

descomprimirlo, para ello accionamos sobre el botón derecho y pulsamos en
“descomprimir” y conseguimos la carpeta descomprimida cuyo contenido aparece en
la Imagen 5:

(Imagen 4) (Imagen 5)

El archivo con extensión .xml es el que debemos subir a nuestro blog.

2.- Sustituir la plantilla:

Para subir la nueva plantilla debemos ir dentro de la administración de nuestro blog al
apartado Diseño
Edición de HTML.

Dentro de la pantalla que se abre vamos al apartado “Examinar”, seleccionamos el

fichero .xml que contiene la nueva plantilla y le damos a “subir”. Todo ello está
explicado en la siguiente imagen:

Autor: Javier Prieto Pariente (Febrero 2010). Manual bajo licencia Creative Commons.
 (Imagen 6)

Puede ser que al dar en subir nos aparezca el siguiente mensaje, el cual nos indica
que la nueva plantilla no reconoce ciertos bloques que antes estaban contenidos en la
plantilla antigua, es mejor que seleccionemos “Eliminar Widgets” para evitar
problemas.

(Imagen 7)

Autor: Javier Prieto Pariente (Febrero 2010). Manual bajo licencia Creative Commons.
En la Imagen 8 podemos observar la nueva apariencia de nuestro blog:

(Imagen 8)

3.- Editar el menú del blog:

Una de las primeras cosas que debemos hacer es personalizar el menú que nos viene
por defecto con la plantilla, es decir, vamos a cambiar las palabras “Home”, “Post
RSS”,…., y vamos a crear los enlaces para que al pinchar en dichos botones nos lleve
a donde queremos.

Los cambios que vamos a realizar son los siguientes:

- Vamos a cambiar la palabra “Home “ por “Inicio”.
- Cambiaremos las pestañas “Post RSS” y “Comments RSS” por los apartados
“Me presento…” y “Videos”.
- Cambiaremos la pestaña “Edit” por un enlace a una página externa llamada
“Blogs Alumnos”.
- Añadiremos una pestaña nueva llamada “Periódico Aldaba”.

El apartado “Me presento…” y “Videos” son enlaces internos ya que al pinchar en ellos
nos llevará a una entrada del propio blog, por lo que si queremos crear el enlace
primero debemos crear dichas entradas, tal como se representa en la Imagen 9:

(Imagen 9)

Autor: Javier Prieto Pariente (Febrero 2010). Manual bajo licencia Creative Commons.
Hay que pararse a analizar que para conseguir reunir en una misma página todos los
videos, primero hemos editado una entrada a la que hemos insertado la etiqueta
“Videos.

Pinchando sobre “Me presento..” y sobre “Videos” obtenemos la dirección web (URL)
de dichos recursos.

El resto de los enlaces son externos por lo que podremos crearlos directamente
modificando la plantilla, tal como veremos a continuación.

En la imagen 10 vemos parte del código fuente de nuestra plantilla, hay que decir, que
dicho código es muy largo pero la parte que a nosotros nos interesa se encuentra casi
al final. Para localizarla debemos ir buscando las palabras que aparecen en el menú
por defecto, en nuestro caso, Home, Post RSS,…..

(Imagen 10)

Y en la Imagen 11 podemos ver el código modificado:

(Imagen 11)

Autor: Javier Prieto Pariente (Febrero 2010). Manual bajo licencia Creative Commons.
Se han señalado en color verde las palabras que van a aparecer en el menú, es decir,
“Inicio”, “Me presento,…”,….. y en color azul las direcciones URL a las que debemos
dirigir al visitante al pulsar en la pestaña del menú. Vemos además que se ha
eliminado parte del código que aparece tachado en rojo.

Por otra parte se ha añadido por ejemplo en alguna parte la etiqueta target=”blank”
con el fin de que el enlace se abra en una nueva ventana, y además se ha añadido
una nuevo apartado <li>……</li> en el que se ha incluido una nueva pestaña para un
enlace al periódico aldaba.

El resultado final es el siguiente:

(Imagen 12)

Autor: Javier Prieto Pariente (Febrero 2010). Manual bajo licencia Creative Commons.