Cambiar el aspecto de tu blog en blogger
Publicado el 07 septiembre 2009 a las 9:09 a. m. por SPN
La verdad es que ya tocaba.
Las plantillas que ofrece Blogger son muy sosas. O están muy vistas.
Afortunadamente se pueden cambiar.
Y, para la mayoría del personal, es tan fácil como localizar una plantilla interesante y subirla a Blogger.
Si tienes en cuenta unos pocos detalles, la operación será perfecta.
1º) Busca plantillas gratuitas. Hay muchas. Puedes empezar a mirar por aquí: Sitios con plantillas para Blogger - Blogspot.
Es tan simple como navegar tranquilamente por cualquiera de esos sitios. Elegir la plantilla que más nos guste y descargarla.
2º) Usualmente la descarga es un archivo comprimido por lo que, obviamente, hay que descomprimir. Habrá un archivo.xml que es lo que interesa.
3º) Entramos en nuestra cuenta de Blogger. Entramos a la sección "diseño" de nuestro blog (creado previamente con una de las plantillas sosas) y elegimos "edición html".
4º) En el cajetín de "cargar una plantilla desde un archivo de tu disco duro" vamos a poner (usando el botón "examinar") el archivo xml de la plantilla que hemos elegido para dar vidilla y alegría a nuestro blog. Pulsamos "subir" y ya está.
5º) Ahora nuestro blog muestra la nueva plantilla. Verificamos que todo vaya bien. Algunas cosas que habíamos añadido puede que hayan desaparecido pero no debe ser un gran problema. Podemos volver a colocarlas en el orden que queramos. Basta usar la opción "elementos de la página".
6º) ESTO ES IMPORTANTE. Generalmente una plantilla tiene un cierto número de imágenes. Lo más probable es que esas imágenes estén alojadas en un servidor ajeno a nosotros. Y nos interesa tener control total sobre nuestro blog. Esto significa que si están alojadas en cualquier sitio, podría ese sitio desaparecer y entonces nuestra plantilla quedaría desnuda, sin imágenes. Así que vamos a pasar todas las imágenes de esa plantilla a, por ejemplo, una cuenta nuestra de Picasa. A esa cuenta accedemos con nuestro usuario y contraseña de Blogger.
7º) Ahora viene la parte entretenida. Abrimos "Edición HTML" de nuestro blog. Marcamos "expandir artilugios". Y vamos fijándonos en el código en todos los enlaces a imágenes que aparezcan. Las imágenes pueden terminar en .png, .jpg, .jpeg o .gif. Pueden aparecer en un párrafo como este:
ul.primary-links li a:hover, ul.primary-links li a.active {
background: transparent url("http://lh4.ggpht.com/_wExgMHIsdfUqQ/SqTTRe6-QsUI/AAAAAAAABLM/gwefZXfvIMQ/bg-navigation-item-hover.png") no-repeat 50% 0;
color: #fff;
}
O en este formato:
<img src="http://www.photobucket.com/e4dc/linea.gif">
Lo que nos interesa es la dirección-web de las imágenes. En el primer ejemplo es: http://lh4.ggpht.com/_wExgMHIsdfUqQ/SqTTRe6-QsUI/AAAAAAAABLM/gwefZXfvIMQ/bg-navigation-item-hover.png y el en segundo ejemplo: http://www.photobucket.com/e4dc/linea.gif
8º) Copiamos la primera dirección que encontremos y la pegamos en la barra de direcciones del navegador. Pulsamos "enter" o el botón de "ir" y veremos la imagen en cuestión. Con el botón derecho la guardamos en nuestro ordenador. Para ser ordenados (por eso usamos ordenador) la guardaremos en una carpetita que hayamos creado llamándola, por ejemplo, plantillablog o lo que queramos.
9º) Una vez guardada esa primera imagen vamos a nuestra cuenta de Picasa. Creamos un álbum (que se llame, por ejemplo, como nuestro blog... más que nada para seguir siendo gente organizada) y subimos la imagen. Una vez subida pulsamos sobre ella. OJO: no sobre la primera imagen que sale en el album junto a las demás que vayamos añadiendo. No te equivoques, esa es una imagen de muestra. Cuando estemos en la página que se ve esa imagen sóla pulsamos con el botón derecho del ratón y pulsamos "Copiar dirección de la imagen". O, en caso de duda, "ver imagen". La cosa es copiar la dirección real de esa imagen. NO LA DIRECCION DE PICASA EN LA QUE SE MUESTRA LA IMAGEN sino la dirección real de la imagen. En Picasa suele empezar con http://lh4.ggpht.com...etc
10º) Sustituimos en el código de la plantilla de nuestro blog la dirección de la imagen por la nueva dirección de esa misma imagen ya guardada en nuestra cuenta de Picasa.
Y así hemos de hacer con todas las imágenes que vayamos encontrando. Es un proceso entretenido aunque se tarda más en explicarlo que en hacerlo. Pero esto nos evitará la desagradable sorpresa de ver desaparecer las imágenes de nuestro blog el día menos pensado. Así que no dejes de hacerlo.
El resto se trata de afinar un poco la plantilla. Las palabras que aparezcan en inglés y queramos traducirlas basta que las busquemos en el código del blog (marcando siempre "ver artilugios extendidos"). Y las cambiamos por las que peguen mejor en español. IMPORTANTE: no cambies palabras que estén entre "<" y ">". El cuerpo de la plantilla comienza siempre después de
</head>Es fácil. Lo bonito es experimentar. En poco tiempo estarás tuneando el blog de la familia y amigos.
Ya sé que much@s de los que pasais por aquí esto lo teneis ampliamente superado. Pero siempre es bueno tener un artículo de este tipo a mano. Seguro que os encontrareis a muchas personas a las que se lo podreis recomendar. Y tendreis la satisfacción de no regalar peces, sino cañas de pescar. Tweet
