Usted está aquí: Inicio Dokumentazio Irekia Manuales Herramientas de Google para el usuario Blogger: crea tu propio blog Diseño de nuestro Blog
Acciones de Documento

6.5. Diseño de nuestro Blog

Subir un nivel
Blogger nos permite hacer una pequeña configuración del diseño de nuestro Blog.

Diseño: Elementos de la página

Vemos un esbozo de cómo es el blog en si, y podemos editar secciones, cambiarlas, añadir nuevas e incluso moverlas de sitio (con arrastrar una sección a donde queremos que quede, es suficiente)

Blogger página

1: Editar la cabecera del Blog:

2: Configuraciones de la entrada del Blog en si. Si le damos a editar, nos dará opción de elegir qué campos queremos que aparezcan en cada una de las entradas del blog.

3: Añadir un Gadget o eliminarlo. Luego veremos cómo hacerlo. Podemos añadir herramientas que ya están disponibles a nuestro blog.

4: Añadir un gadget en el pie de página

5: Editar la barra de navegación: si le damos Editar, nos da opción de elegir el color que queremos que tenga la barra de navegación, no mucho más.

Editar la barra de Navegación

Tan sólo nos permite elegir el color de la cabecera:

Blogger página

Editar la cabecera del Blog

Podemos poner el título del Blog y una pequeña descripción que aparecerá como cabecera en el Blog.

Además podemos poner una imagen (la subimos desde nuestro equipo o desde una dirección de internet)

Blogger página

Vamos a probar a poner una descripción y una foto (la subimos de donde queramos, del disco de nuestro ordenador o de internet)

Blogger página

Cuando guardo los cambios, esto es lo que veo. No está muy bien... la imagen es demasiado grande y ocupa demasiada parte de la página. Esto requiere una imagen un poco más pequeña, con menos altura.

Blogger página

Editamos la imagen y la recortamos en algún editor de imágenes

Blogger página

Y vamos a probar qué tal queda (eliminamos la imagen anterior y ahora subimos esta que acabamos de recortar

Blogger página

Bueno, ya queda mejor, pero ... el texto de la cabecera no se ve en algunos puntos (está en blanco y parte de la imagen es muy clara por lo que no llega a leerse).

Podremos elegir otra imagen que sea más oscura, o pasar del texto de la cabecera (En Ubicación de la imagen seleccionamos: En lugar del título y la descripción). O incluso (más adelante vemos cómo) que el texto de la cabecera no sea blanco, sino que sea de algún otro color que quede visible sobre esa imagen.

Blogger página

Añadir un gadget

Podemos elegir algunas herramientas que queremos que estén disponibles en nuestro Blog.

Hay algunos que vienen ya por defecto según creamos un blog (seguidores, archivo del blog y Datos Personales). Si le damos a Editar encima de alguno de ellos podremos eliminarlos (para que no aparezcan en nuestro blog) o cambiar algo de su comportamiento o de qué muestran

Otras podemos añadirlas. Le damos a Añadir gadget y se nos muestra un listado de los gadgets o herramientas disponibles para poder ponerlas en nuestro blog.

Incluso existe la posibilidad de añadir uno propio nuestro

Blogger página

Diseño: Fuentes y colores

Podemos personalizar los diferentes elementos del blog y ponerles diferentes colores.

Por ejemplo, antes hemos dicho que la imagen que hemos puesto como cabecera no quedaba bien, porque la letra de la cabecera era blanca y no se apreciaba en algunos trozos. Vamos a cambiarla. Podemos ponerle el Color del titulo del blog a un verde y ver qué tal queda.

Blogger página

Mejor que con el blanco, si que queda. Pero es una imagen un tanto difícil de ponerle texto, lo ideal hubiera sido elegir otra imagen.

Diseño: Edición de HTML

Si tenemos conocimientos de HTML, podríamos personalizar nuestra plantilla completamente. Hacer una copia de seguridad de la plantilla inicial por si acaso.

Blogger página

Diseño : Monetizar

Si tenemos ya una cuenta de Google Adsense y queremos utilizarla también para ganar dinero con este blog, no tenemos más que seguir los pasos que nos dan en esta pantalla.

alta de monetizar


Recomienda al IMH

Anuncios Google
Zerikasi
Zerikasi: Aprendizaje a lo largo de la vida
Gobierno Vasco - Departamento de Educación, Universidades e Investigación. Ir a su web
Ciclos Formativos - Heziketa Zikloak
Ciclos Formativos - Heziketa Zikloak
Contacto

IMH en las Redes Sociales
Siguenos en Twitter Siguenos en Facebook Siguenos en Tuenti Siguenos en Linkedin Siguenos en nuestro canal de Youtube Siguenos en Flickr Siguenos en SlideShare
Ingenieria en Alternancia en las Redes Sociales
Siguenos en Twitter Siguenos en Facebook Siguenos en nuestro canal de Youtube Siguenos en Tuenti Follow us on Flickr Follow us on Picasa