2. ÍNDICE
1.- ¿QUÉ ES UN BLOG? 4
1.1.- Características. 4
1.2.- Tipos de blogs. 4
1.3.- Partes de un blog. 5
4. Estructura de un post. 5
2.- CREAR UN BLOG 6
2.1.- Entrar en Blogger. 6
2.2-. Crear una cuenta. 6
2.3.- Asignar un nombre al Blog. 7
2.4.- Elegir una plantilla. 8
2.5.- Facilitar el acceso al resto del equipo. 8
3.- CREAR UN POST. 10
3.1.- Escribir un post. 10
3.2.- Añadir imágenes. 11
3.3.- Añadir un vídeo 12
3.4.- Añadir enlaces. 12
3.5.- Hacer un comentario al post. 12
4.-ADMINISTRAR Y PERSONALIZAR 14
4.1.- Configuración. 14
4.1.1.- Básico 15
4.1.2.- Entradas y comentarios 15
4.1.3.- Móviles y correo electrónico 16
4.1.4.- Idioma y formato 16
4.1.5.- Otros 17
4.2.- Entradas 18
4.3.- Páginas 18
4.4.- Comentarios 19
4.5.- Estadísticas 19
4.6.- Ingresos 19
4.7.- Diseño. 19
4.8.- Plantillas 22
5.- OPCIONES AVANZADAS 24
5.1.- Insertar código HTML en una entrada 24
5.2.- Colocar un documento en el blog para poder
visualizarlo/descargarlo usando Box.net 25
5.3.- Colocar un documento en el blog para poder
visualizarlo/descargarlo usando Scribd 26
5.4.- Insertar una presentación usando Slideshare 27
5.5.- Insertar una presentación de diapositivas
de un álbum de fotos de Picasa 27
5.6.- Insertar un formulario en el blog usando
2
3. los formularios generados en Google Docs 28
5.7.- Insertar una publicación de Calaméo 29
6.- HERRAMIENTAS Y COMPLEMENTOS PARA BLOGS. 30
6.1.- Plantillas 30
6.2.- Gadgets o Widjets para tu blog 30
6.3.- Términos básicos 30
3
4. 1.- ¿QUÉ ES UN BLOG?
Es interesante conocer previamente la herramienta con la que vamos a trabajar. Un blog,
también conocido como bitácora, es un sitio Web periódicamente actualizado que recopila
cronológicamente textos y artículos de uno o varios autores, donde el más reciente aparece primero,
con un uso o temática en particular, siempre conservando el autor la libertad de dejar publicado lo
que crea pertinente.
Además los lectores del blog pueden dejar sus comentarios a los artículos del blog. Al
redactor del blog se le conoce como weblogger o blogger.
Este tutorial hace referencia a los blogs creados con Blogger, ya que es una aplicación
bastante sencilla de utilizar y de administrar y que al formar parte de los servicios que nos ofrece
Google (si tenemos una cuenta), nos va a permitir utilizar otras aplicaciones como pueden ser Picasa,
Youtube, etc; también de Google, y aprovechar todo el potencial que nos ofrecen.
1.1.- Características generales de un blog.
• La temática es elegida por el o los autores.
• Gran facilidad de creación de contenidos.
• Presenta la posibilidad para los lectores de comentar los artículos.
1.2.- Tipos de blogs.
En realidad existen tantos tipos de blogs como se quieran, pero se han dado nombres a
algunos a partir de sus temáticas:
• Audioblogs. Dedicados a las galerías de ficheros de audio. (Ejemplo:
http://audioblogmusical.blogspot.com/)
• Fotoblogs. Dedicados a las galerías de imágenes. (Ejemplo:
http://blogs.hoy.es/fotoblog/)
• Videoblogs. Dedicados a las galerías de ficheros de vídeo. (Ejemplo:
http://www.adelat.org/index.php/vlog/)
• Edublogs. Dedicados a los blogs con contenido educativo. Éstos serán los que a
nosotros nos interesan más para nuestro trabajo en las aulas. (Ejemplo:
http://ticdeplata.blogspot.com/)
• Moblogs. Dedicados a los blogs actualizables desde el teléfono móvil.
4
5. 1.3.- Partes de un blog.
Un blog se divide en tres partes:
Título o
cabecera
Menú
lateral
Post
• El título del blog o cabecera
• El menú lateral, en el que, además de otros posibles elementos, suele aparecer un
listado de categorías, para localizar rápidamente post de la misma temática.
• El post o entrada, que se comenta a continuación.
1.4.- Estructura de un post o entrada.
Fecha
Título de la entrada La estructura de un post puede ser variada,
pero suele tener unos apartados comunes
como:
• La fecha de publicación del post.
• El título del post y la categoría a
la que pertenece.
Cuerpo de la entrada • El cuerpo del post con la noticia.
• Imagen, Vídeo...
• Comentario. En el caso de que el
autor del post permita a los usuarios
Imagen, vídeo,
dejar un comentario, aparecerá un
presentación... enlace para poder hacerlo.
Comentario
5
6. 2.- CREAR UN BLOG
2.1.- Entrar en Blogger.
Lo primero que hay que hacer, es entrar en Blogger. Para ello, tienes dos opciones:
• Opción 1: Desde la página de Google
(www.google.es) accediendo al enlace de Más
(ubicado en el menú superior) y haciendo clic
en la opción de Todavía Más y en el apartado
Comunicar, mostrar y compartir seleccionar
Blogger.
• Opción 2: Introduciendo la dirección https://www.blogger.com/ en tu navegador.
Elige la opción que
te sea más fácil. La
nueva versión de
Blogger necesita una
cuenta de Google
para acceder a tus
blogs. Si no la tienes,
en el apartado
siguiente vamos a ver
cómo podemos
crearla.
2.2.- Crear una cuenta.
Te recomiendo que crees una cuenta en Gmail (si no la tienes ya) porque es el
requisito necesario para poder acceder a Blogger y crear tu blog. Además con este registro
vas a tener acceso a cualquiera de los servicios gratuitos que te ofrece Google (Gmail,
GoogleDocs; Picassa, Blogger, Youtube,...); basta con introducir el usuario y contraseña que
6
7. tiene tu cuenta de correo.
Para crear una cuenta en Blogger
accederemos por cualquiera de las dos
opciones que hemos apuntado en el apartado
anterior. Una vez en la página de Blogger,
hacemos clic en Comenzar
Esto nos lleva a la siguiente ventana en la
que rellenamos todos los datos que nos pide,
aceptamos las condiciones de uso del
servicio y hacemos clic en Continuar. Esta
acción nos lleva al siguiente apartado.
2.3.- Asignar un nombre al Blog.
En primer lugar, escribe el título que quieras darle a tu Blog.
En segundo lugar, debes escribir el nombre de la URL que utilizarán los usuarios para
acceder a tu blog. Anota esta dirección ya que, a través de ella, entrarás directamente al
contenido de tu bitácora. Es necesario comprobar la disponibilidad, haciendo clic en
Comprobar la disponibilidad.
Escribimos los caracteres que aparecen en la imagen para que el sistema identifique
7
8. que es una persona, y no una máquina, la que está creando el blog.
Hacemos clic en continuar y esto nos lleva al apartado siguiente.
2.4.- Elegir una plantilla.
A continuación, debes elegir una plantilla
o modelo de presentación para tu blog; como
puedes ver, hay muchos estilos para elegir.
Luego, se puede cambiar, si lo prefieres. Una
vez que hayas elegido la que más te gustó, haz
clic en el botón de continuar.
Una vez elegida la plantilla, nos aparece
una pantalla que indica que Se ha creado tu
blog. Así de sencillo es crear un blog en
blogger. ¡Enhorabuena, ya puedes empezar a
publicar tus artículos e imágenes!.
2.5.- Facilitar el acceso al resto del equipo.
Una de las características fundamentales de los
blogs es que podemos permitir como Administradores de
los mismos, el registro de otras personas para que
también puedan escribir entradas. Hay que señalar que
estos autores solamente pueden publicar entradas y no
pueden hacer modificaciones de nuestro blog. Veamos
como podemos añadir autores a nuestro blog.
Lo primero que hay que hacer es acceder al blog
como Administrador y en el menú lateral, hacemos clic
en Configuración,
8
9. en la ventana siguiente
en Permisos hacemos clic sobre Añadir
autores. Esto nos lleva a una ventana
emergente en la cual añadiremos tantos
autores como deseemos (hasta un máximo
de 100), solamente escribiendo sus
direcciones de correo, separándolas por
comas.
A los nuevos autores les llegará un correo mediante el cual deberán aceptar la
invitación para poder publicar nuevas entradas.
Una vez creados los invitados, pueden empezar a publicar entradas. Debemos tener en
cuenta que mientras que el administrador puede invitar a más autores y modificar la plantilla
y por supuesto también puede eliminarlos,los invitados sólo pueden escribir.
9
10. 3.- CREAR UN POST
3.1.- Escribir un post.
Bueno, llegó la hora de
comenzar, y lo primero que
tienes que hacer es entrar a
tu blog y crear una nueva
entrada, para ello pulsa el
botón Acceder. Introduce
tu dirección de correo y la
contraseña. En la nueva
ventana pulsa el botón
Entrada nueva.
Nos encontramos con una ventana en la que distinguimos:
1.- Dentro del marco rojo encontramos la caja en la que pondremos el título de la entrada. Es
obligatorio. Además nos encontramos con las opciones Publicar, Guardar, Vista previa y
Cerrar.
Publicar: Nos publica la entrada directamente en el blog.
Guardar: Guarda el trabajo que hemos hecho pero no publica la noticia, la guarda
como un borrador.
Vista previa: Nos ofrece una vista previa en una ventana nueva, cómo quedará
publicada la entrada.
Cerrar: Cierra la edición de la entrada y nos avisa que perderemos los cambios
realizados y no guardados.
2.- Dentro del marco verde tenemos dos opciones para escribir el cuerpo de la noticia.
Redactar: Será la opción que usaremos más ya que es la que permite escribir como si
10
11. usáramos un procesador de textos.
Html: Será la opción que usaremos cuando tengamos que pegar códigos escritos en
lenguaje html, por ejemplo cuando queramos insertar un vídeo. Esta opción la
veremos más adelante.
3.- Dentro del marco amarillo encontramos todas las herramientas de edición de la entrada
que vamos a publicar. También tenemos los iconos que van a permitir insertar un enlace, una
imagen o un vídeo. Más adelante veremos cómo se usan.
4.- Dentro del marco verde es dónde realmente vamos a escribir el texto de nuestra noticia,
también será el lugar en el que colocaremos las imágenes y los vídeos y también pegaremos
aquí el código html que necesitemos para insertar determinado contenido (por ejemplo, un
vídeo de youtube).
5.- Dentro del marco naranja estableceremos las propiedades de configuración de la entrada:
Etiquetas: Son palabras que definen de forma escueta el tema de la entrada.
Programar: Permite configurar la fecha de publicación de la entrada. Puede hacerse
de forma automática o manual, estableciendo la hora y fecha de la misma.
Ubicación: Te permite localizar un punto en Google Maps donde puede buscar y
arrastrar el señalador para elegir tu localización.
Opciones. Permite configurar:
• Permitir o no el comentar la entrada.
• Modo de redacción del html.
• Saltos de línea.
3.2.- Añadir imágenes.
Para añadir imágenes en cualquier momento a nuestro post se deben seguir estos
sencillos pasos:
• Seleccionar la opción insertar imagen
• En la nueva ventana aparecen varias opciones para seleccionar la imagen deseada.
Son las siguientes:
◦ Subir: Desde aquí haciendo clic en
Elegir archivo abrimos el
administrador de archivos de
nuestro equipo y localizamos la
imagen deseada
◦ Desde este blog: Permite elegir
alguna de las imágenes que ya
tenemos subidas a nuestro blog.
◦ Desde álbumes web de Picasa:
Permite elegir cualquier imagen
que tengamos almacenados en
nuestros álbumes de Picasa.
◦ Desde tu teléfono: Si tenemos un
smartfone o similar tendremos la opción de subir alguna imagen almacenada en el mismo.
◦ Desde una URL: Permite establecer la URL de una imagen que esté en cualquier
sitio web.
Una vez que hemos elegido la imagen, hacemos clic en Añadir las imágenes
seleccionadas y ya la tenemos insertada en nuestra noticia. Si seleccionamos la imagen de la
11
12. noticia veremos que nos aparece un menú en el que:
◦ Elegiremos el tamaño entre
varias opciones.
◦ Podemos alinearla a la derecha,
izquierda o centro.
◦ Podemos añadir una leyenda.
◦ Eliminarla en cualquier momento.
3.3.- Añadir un vídeo.
Para añadir un vídeo a nuestra noticia, debemos seguir estos pasos:
• Seleccionamos el botón insertar vídeo
• En la ventana emergente que aparece podemos elegir:
◦ Subir: Abre el explorador de archivos de nuestro
equipo y en él buscaremos elvídeo que
queremos utilizar.
◦ Desde You Tube: Desde aquí podemos buscar en
Youtube el vídeo. Para ello introducimos los
criterios de búsqueda que queramos en Buscar.
◦ Mis vídeos de YouTube: Permite escoger entre
todos los vídeos que tengamos en nuestra
cuenta de Youtube.
◦ Desde tu teléfono: Permite subir un vídeo
almacenado en nuestro teléfono.
Una vez que hemos elegido el vídeo solamente nos queda hacer clic sobre el botón
Subir.
3.4.- Añadir enlaces.
Si queremos crear un enlace para descargar archivos, acceder a URL, contactar con
correos etc. Deberemos seleccionar previamente el texto o imagen a la que adjudicaremos el
enlace y seleccionar el botón Enlace.
Desde este menú podemos enlazar hacia una
dirección web o a una dirección de correo electrónico,
según nos convenga. Podemos probar si funciona bien el
enlace.
Una buena opción es marcar Abrir enlace en
una ventana nueva ya que esto va a permitir que
tengamos siempre presente nuestra propia página.
3.5.- Hacer un comentario al post.
Si el administrador del blog ha habilitado los permisos necesarios podemos hacer un
comentario al post. Para ello, al final de la noticia nos aparece una ventana como la que nos
12
13. muestra la siguiente imagen, y en la que deberemos hacer lo siguiente:
• Redactar el comentario en el cuadro
de escritura.
• Seleccionar una opción en Comentar
como:
◦ Dependiendo de la opción que
elijamos deberemos
introducir los datos que nos
pide el menú emergente para
poder hacer el comentario.
• Mostrar la vista previa del
comentario.
• Publicar el comentario.
13
14. 4.- ADMINISTRAR Y PERSONALIZAR
En este apartado vamos a ver como podemos administrar nuestro blog y configurarlo de acuerdo
con nuestras preferencias.
Supongamos que queremos entrar en otro momento en la administración de nuestro blog. Recordar que
para visualizar nuestro blog tenemos una dirección que será xxxxxxxx.blogspot.com (aquella que elegiste
al crear el blog). Para entrar a la administración, tendremos que hacerlos desde
https://www.blogger.com/ introduciendo nuestro nombre de usuario y contraseña.
3
2
11
Desde este panel podemos realizar varias acciones:
• Crear nuevos blogs con el mismo usuario, y así disponer de varios diarios con diferentes
temáticas cada uno (1).
• Editar nuestro Blog (2).
• Modificar el perfil de usuario, cambiar la contraseña de acceso, cambiar el idioma e incluso
añadir una foto a vuestro perfil (3).
Una vez que accedemos a la administración de nuestro blog vamos a ir analizando los diferentes puntos
que aparecen en el menú lateral.
4.1.- Configuración.
Al hacer clic en Configuración se despliega un submenú con los
siguientes puntos:
14
15. 4.1.1.- Básico.
En esta pantalla podemos editar:
• Título. Podemos modificarlo.
• Descripción. Podemos añadir una
descripción sobre la temática de
nuestro blog.
• Privacidad. Podemos modificar los
parámetros de privacidad de nuestro
blog.
• Publcación: Nos indica la dirección
web del blog. Es conveniente no editar
este apartado ya que si modificamos la
dirección del blog, todos aquellos usuarios que conocieran nuestra dirección, no nos encontrarían
en la red.
Permisos: Aquí podemos añadir y/o editar usuarios para modificar permisos.
Lecturas: Aquí definiremos si queremos que nuestro blog sea visible para todo el mundo, para los
autores o solo para algunos lectores.
Una vez que hayamos realizado los cambios oportunos deberemos hacer clic en Guardar
cambios para que sean aplicados al blog.
4.1.2.- Entradas y comentarios.
Desde esta ventana podremos configurar todo lo referente a los comentarios a un post.
• Mostrar un máximo de..., nos permite
determinar el número de entradas que se
mostrarán en la página principal. Si elegimos
la opción días, se mostrarán un máximo de
500 entradas.
• Plantilla de entradas. Permite añadir una
platilla para hacer comentarios. Las
plantillas de entradas añaden texto o código
predeterminado que aparecerá cada vez que
crees una entrada nueva en el editor de
entradas.
• Mostrar imágenes en el Lightbox. Si dices
si, cuando hagas clic en las imágenes, se
abrirán superponiéndose en la parte superior
del blog. Si tu entrada contiene varias
imágenes, aparecerán como miniaturas en la
parte inferior. Permite navegar por ellas.
• Dentro de Comentarios tenemos:
◦ Ubicación de los comentarios. Podemos determinar en que lugar aparecerán
los comentarios.
◦ ¿Quién puede realizar comentarios?. Elegiremos la opción que más nos
interese.
◦ Moderación de comentarios. Se recomienda marcar nunca ya que si no
previamente nos llegarán a nuestro correo y tendremos que aprobarlos.
◦ Mostrar enlaces de retroceso. Se recomienda mostrar.
◦ Mensaje del formulario de comentarios. Permite añadir y escribir un
mensaje relacionado con los comentarios.
15
16. 4.1.3.- Móviles y correo electrónico.
Desde esta solapa configuraremos parámetros relacionados con la publicación de entradas
a través del móvil, mediante SMS o MMS y también el envío de entradas a nuestro blog
desde una cuenta de correo electrónico.
• Móvil.
◦ Publicar entradas mediante
SMS/MMS. Si hacemos clic sobre
Añadir dispositivo móvil, nos aparece
una ventana emergente
y seguiremos las instrucciones que no indican para poder
configurar esta opción. Es conveniente consultar previamente las condiciones de uso de este
servicio haciendo clic en Más información acerca de los dispositivos móviles.
• Correo electrónico. Tenemos:
• Publicar entradas mediante correo electrónico. Permite Utiliza esta dirección
para publicar texto e imágenes (hasta 10 MB de tamaño) directamente en tu blog.
Elegiremos la opción que creamos más conveniente.
• Correo electrónico de notificación de comentarios. Puedes introducir un
máximo de diez direcciones de correo electrónico, separadas por comas. Se enviará un
mensaje a cada una de ellas cuando alguien deje un comentario en tu blog.
• Enviar entradas por correo electrónico a. Puedes escribir una lista de hasta 10
direcciones de correo electrónico separándolas con comas para que reciban tu blog por
correo electrónico cada vez que publiques algo.
Una vez que has realizado los cambios pertinentes, no olvides guradar la nueva
configuración pulsando en Guardar configuración.
4.1.4.- Idioma y formato.
En esta solapa configuraremos los parámetros relacionados con el idioma y con el horario.
Tenemos:
• Idioma:
◦ Idioma: Elegimos español. Si queremos podemos
elegir otro, con ello conseguimos que la interfaz se
muestre en ese idioma.
◦ Habilitar transliteración. Se recomienda dejarlo en
Inhabilitar.
• Formato:
◦ Zona horaria. Aquí pondremos la zona horaria en la
que nos encontramos. En nuestro caso escogemos
Madrid.
◦ Formato de cabecera de fecha. Elegimos el
formato con el que deseamos que se muestre la
16
17. fecha en las entradas.
◦ Formato de hora. Elegimos el formato de la hora que se muestra en las
entradas.
◦ Formato de hora de los comentarios. Permite elegir el formato que mostrará
la hora de publicación de los comentarios.
4.1.5.- Otros.
En este apartado nos encontramos con lo siguiente:
• Herramientas de blog. Nos ofrece tres posibilidades.
◦ Importar blog. Importa entradas y comentarios de un archivo de exportación
de Blogger. Las entradas importadas se combinarán con las actuales y se
ordenarán por fecha.
◦ Exportar blog. Exporta tu blog al formato de exportación Atom de Blogger.
Puedes hacerlo para migrar tu blog a otro servicio de publicación de blogs o
simplemente para almacenarlo en el disco duro.
◦ Suprimir blog. Podemos eliminar nuestro blog.Los blogs eliminados se pueden
restaurar en un plazo de 90 días antes de que se supriman definitivamente.
Antes de suprimir nos permite exportarlo.
• Feed del sitio.Tendremos las opciones para configurar los RSS de nuestro blog.
◦ Permitir feed del blog. Selecciona Completo para distribuir todo el contenido
de tu entrada. Selecciona Hasta el salto de línea para mostrar todo el
contenido de la entrada hasta el salto de línea. Selecciona Corto para
distribuir aproximadamente los primeros 400 caracteres. Si seleccionas
Ninguno, no se distribuirá tu blog y la Búsqueda de blogs de Google no
indexará su contenido.
◦ Publicar URL redireccionada del feed.Si has copiado el feed de entradas con
FeedBurner o si has utilizado otro servicio para procesar el feed, escribe aquí
la URL completa del mismo. Blogger redireccionará todo el tráfico del feed de
entradas a esta dirección. Deja este campo en blanco si no quieres que se
redireccione.
◦ Pie de página del feed de entradas. Esto aparecerá después de cada entrada
en el feed de entradas. Si utilizas anuncios u otros elementos de terceros,
puedes introducir el código aquí. También debes establecer Permitir feeds del
blog en Completo (arriba).
◦ Habilitar enlaces a adjuntos. Esto se utiliza para hacer que los podcasts, MP3 y
otro contenido de tus entradas se pueda reproducir en feeds como RSS y Atom.
• OpenID. OpenID es un servicio que nos permite, con un solo registro, poder hacerlo
en muchísimos sitios web que utilizan éste sistema, con el consiguiente ahorro de
tiempo al no tener que rellenar tantos formularios de registro, realmente, un
servicio muy útil. La dirección OpenId que debes utilizar si lo deseas es la que
aparece en el apartado Tu URL de OpenID.
• Contenidos para adultos. Si seleccionas Sí, los visitantes de tu blog verán un
mensaje de advertencia y se les pedirá que confirmen que desean acceder a tu
blog. Evidentemente nuestro blog no tendrá contenidos de este tipo.
• Google Analitycs.
◦ ID de propiedad web de Google Analytics. Añade Google Analytics a tu blog
para ver cómo interactúan los visitantes con tu sitio. Añade tu ID de propiedad
web de Google Analytics para iniciar el seguimiento de tu blog. Esta
configuración es específica de las plantillas de vistas dinámicas y de diseño. Si
utilizas una plantilla clásica en tu blog, tendrás que añadirla manualmente a
tu plantilla habitual.
17
18. 4.2.- Entradas.
Al hacer clic en Entradas, nos aparece la siguiente pantalla en la que encontramos una relación
de las entradas que tiene nuestro blog, el autor de las mismas, la fecha de publicación, si hay
comentarios y la estadística del mismo; y desde la que podemos hacer lo siguiente:
• En el primer icono, etiquetar las entradas seleccionadas.
• Publicar la entrada seleccionada.
• Restablecer como borrador la entrada seleccionada.
• Eliminar la entrada seleccionada.
Debajo de Entradas del panel lateral nos aparece un submenú que selecciona Todas, Publicadas o
Borradores. Seleccionando cualquier entrada podemos editarla, visualizarla, modificarla, suprimirla.
4.3.- Páginas.
Cuando hacemos clic en Páginas, nos aparece la siguiente ventana
Desde ella podemos añadir nuevas páginas a nuestro blog o redireccionarlo hacia otra web.
Si queremos añadir una nueva página, haremos clic sobre Página nueva, nos aparece un submenú que nos
ofrece dos posibilidades:
• Página en blanco. Añade una nueva página en la que
podemos añadir textos y multimedia en un solo post.
• Dirección web. Permite enlazar y redireccionar nuestro blog
a otra web.
18
19. En el botón Enlaces laterales podemos optar por:
• Pestañas principales. Muestra los enlaces de las páginas
en pestañas debajo de la cabecera del blog.
• Enlaces laterales. Coloca un gadget lateral con los
enlaces.
• No mostrar. Aparece la página principal y oculta las
demás.
4.4.- Comentarios.
En comentarios aparece la siguiente ventana
Como vemos nos muestra un listado de todos los comentarios de nuestro blog. Desde aquí podemos
eliminar el contenido, suprimir un comentario o considerarlo spam. Bastará selecionarlo para poder
realizar cualquier acción.
4.5.- Estadísticas.
En esta pestaña encontramos información estadística del uso y visitas de nuestro blog. Considero
que esta pestaña no es objeto de estudio de este tutorial.
4.6.- Ingresos.
Igual que la anterior pestaña, no es objeto de estudio esta.
4.7.- Diseño.
Quizás lo más interesante y divertido es la pestaña Diseño, ya que es la que nos va a permitir
configurar el aspecto y contenido de nuestro blog en función de nuestras necesidades y gustos.
Vamos a analizarla con detenimiento:
19
20. En esta ventana podemos ver un boceto de cómo es nuestro blog, donde podremos cambiar y
acomodar de forma “drag and drop” (o sea, arrastrando las cosas) la fachada de nuestro blog de
manera muy simple. También podemos añadir o suprimir gadget con facilidad y por supuesto editar
los que ya tenemos. No debemos olvidar que para que tengan efecto las modificaciones que
realicemos deberemos hacer clic en Guardar disposición.
Veamos algunos de ellos.
En Configurar favicon podemos cambiar el icono que aparece en
la barra de dirección de nuestro blog.
En Barra de navegación
podemos elegir una de entre todas las que nos ofrece blogger.
En Configurar cabecera personalizaremos la cabecera de nuestro
blog. Cambiamos el nombre, ponemos una imagen,...
En Configurar entradas del blog, personalizamos las propiedades
de las entradas o post.
En Archivo del blog, estableceremos los parámetros que
queremos que tenga la presentación de todas las entradas
que contiene nuestro blog.
Hasta aquí todos estos elementos son comunes a todos los blogs, pero podemos encontrar
20
21. muchos y variados elementos, que modificaremos teniendo en cuenta las características
individuales de cada uno. Veamos algunos ejemplos de los más comunes:
En este gadget se copia el código html o javascript que
nos proporciona un espacio web, en este ejemplo el
código permite incrustar un calendario.
Podemos añadir tantos gadgets como queramos. Un gadget se puede definir como un
“artilugio” o “chisme”, es decir una miniaplicación que enriquece nuestro blog.
Así pues si queremos añadir un gadget haremos clic en
la posición deseada y nos aparece la ventana que vemos a la
derecha.
Elegiremos el que queramos y posteriormente lo
configuramos. Decir que hay cientos de ellos, los más usuales
serán los que el propio blogger nos ofrece dentro de lo básico.
Los gadgets más usados y que nos van a venir mejor para los fines que perseguimos son los
siguientes:
21
22. 4.8.- Plantillas.
Igual que la pestaña anterior en esta podemos dar un aspecto diferente y personalizado a nuestro
blog, eligiendo entre muchas plantillas diferentes y configurando la elegida a nuestro gusto.
Veamos la pantalla a la que accedemos cuando hacemos clic en Diseño.
Se muestra la plantilla que tenemos en nuestro blog en ese momento y la vista que aparecería en
nuestro teléfono móvil. Tenemos debajo un montón de plantillas entre las que elegir, solamente
seleccionamos una y podemos aplicarlas al blog o personalizarla y ya habríamos cambiado el
aspecto de nuestra página.
Debajo de la plantilla actual tenemos dos botones: Personalizar y Edición de HTML.
• Personalizar. Nos muestra la siguiente imagen en la que podemos definir muchos
parámetros de la plantilla en función de nuestras preferencias.
22
23. Cuando esté a nuestro gusto haremos clic en aplicar al blog y nos guardará los cambios realizados.
• Edición de HTML. Nos muestra una ventana de aviso en la que nos advierte que esta opción
es para usuarios avanzados ya que los cambios que realicemos pueden afectar seriamente
a nuestro blog y podemos tener fallos en el mismo. Por tanto es recomendable no utilizar
esta opción.
En Diseño tenemos una opción interesante que es el botón Crear copia de seguridad/Restablecer.
Al hacer clic sobre él nos aparece
Es aconsejable crear desde aquí una copia de seguridad de nuestro blog antes de modificarlo, ya
que así siempre podremos restablecer lo que ya teníamos en el supuesto de que no nos gusten los cambio
realizados y no sepamos volver atrás.
23
24. 5.- Opciones avanzadas.
5.1.- Insertar código HTML en una entrada.
Hasta este momento, hemos modificado nuestro blog para ponerlo “bonito”. En este
capítulo vamos a personalizarlo de un modo avanzado. Veremos como se pueden incluir sonidos,
presentaciones, documentos, vídeos, diapositivas, contadores de visitas, calendarios,...
Todo esto se hace agregando el código html que proporcionan las diferentes páginas que
vamos a usar.
Para ello describiremos a continuación cómo insertamos el código html en las entradas de
nuestro blog, ya que será el modo que utilizaremos para poner vídeos, presentaciones, galerías de
fotos, música, documentos para descargar, archivos flash, y un sin fin de posibilidades.
Vamos a ello.
• Creamos una nueva entrada, le ponemos el título y redactamos el contenido de la noticia.
• A continuación pulsamos sobre el botón HTML que está al lado de Redactar. Veremos que cambia
el contenido del cuerpo de la noticia. Ahora estamos viendo el lenguaje html (que es en realidad
lo que leen los navegadores y luego nos muestran en pantalla) y pegamos el código proporcionado
por la web del recurso que queremos insertar.
Para pegar el código html lo haremos manteniendo pulsada la tecla Ctrl+v ya que algunos
navegadores no permiten pegar con botón derecho. El resultado es el siguiente:
Ya está. Ahora debemos publicar o guardar la entrada para guardar los cambios. La noticia se verá
así.
24
25. Este proceso es común a todas las opciones que veremos a continuación, lo que puede
variar es la forma de obtener el código en función del recurso que queremos insertar.
Aquí tienes los recursos más utilizados:
5.2.- Colocar un documento en el blog para poder visualizarlo/descargarlo usando Box.net.
Actualmente blogger no permite cargar documentos en nuestro sitio, sin embargo hay
servicios que nos ofrecen la posibilidad de alojarlos y compartirlos. Box.net es una de esas páginas
que nos ofrece estos servicios en la red de forma gratuita, por tanto, podemos subir aquí nuestros
documentos en cualquier formato, aunque siempre es recomendable que los subamos en pdf.
Los documentos que coloquemos en box.net podrán ser descargados con facilidad por los
visitantes de nuestro blog. Para ello, debemos registrarnos y subir los documentos que queremos
poner en el blog.
Veamos como hacerlo:
• Abrimos la página http://www.box.net y
accedemos con nuestro usuario y contraseña. Si
no tenemos una cuenta podemos crearla.
Dentro de la pestaña Archivos, nos aparecen las
carpetas que hemos creado y dentro de ellas los
documentos que contienen. Elegimos el
documento que queremos colocar en el blog.
25
26. En Enlace, elegimos Incrustar y nos aparece una ventana con
el código generado, lo copiamos y lo pegamos en la entrada de
nuestro blog tal y como hemos descrito en el apartado 5.1.
5.3.- Colocar un documento en el blog para poder visualizarlo/descargarlo usando Scribd.
Scribd es otra página que te permite editar, recopilar, compartir y publicar tus
documentos en cualquier formato, aunque como siempre es recomendable usar el formato pdf. El
proceso a seguir es similar al anterior.
• Abrimos la página http://www.scribd.com y accedemos con nuestro usuario y contraseña.
Si no tenemos una cuenta podemos crearla.
En Mi estante elegimos el
documento a insertar haciendo
clic y nos abre la siguiente
ventana.
En Embed Doc clicamos y nos aparaece
una ventana con el código a insertar. Lo
copiamos y seguimos los pasos indicados
en el apartado 5.1.
26
27. 5.4.- Insertar una presentación usando Slideshare.
Existen muchas páginas en las que podemos subir nuestras presentaciones para poderlas
visualizar online. Quizás una de las más conocidas sea Slideshare. Vamos a ver como insertaríamos
una presentación alojada en Slideshare.
Para ello, y como siempre debemos ingresar con nuestro usuario y contraseña. Si no
estamos registrados podemos crearnos una cuenta.
• Accedemos a http://wwww.slideshare.com
Hacemos clic en My public profile que
nos llevará al catálogo de nuestras
presentaciones. Elegimos una
y se muestra
Hacemos clic en Embed y obtenemos el código
html. Lo copiamos y seguimos los pasos
indicados en el apartado 5.1.
5.5.- Insertar una presentación de diapositivas de un álbum de fotos con Picasa.
Otra de las aplicaciones que tenemos asociada a nuestra
cuenta de Gmail es Picasa, un sitio web en el que podemos
subir fotos y compartirlas. Vamos a ver cómo podemos
insertar una presentación de diapositivas de un álbum en
nuestro blog. Para ello, primeramente debemos tenerlo en
Picasa.
• Accedemos con nuestra cuenta a
http://picasaweb.google.com y elegimos el álbum
que queremos insertar.
• Una vez que lo hemos elegido, Picasa nos muestra una
27
28. nueva ventana en la que aparecen las fotos del álbum. Aquí podemos realizar diferentes acciones
sobre el mismo.
En el panel derecho hacemos clic sobre Enlazar a este álbum
y a continuación hacemos clic sobre Incrustar proyección de
diapositivas. Copiamos el código
y publicamos una entrada siguiendo los pasos que nos indica el apartado 5.1.
5.6.- Insertar un formulario en el blog usando los formularios de Google Docs.
Podemos insertar en nuestro blog un formulario creado con Google Docs de una manera muy fácil.
Veamos la forma de hacerlo. Lógicamente debemos crear el formulario en nuestra cuenta. Una vez
creado lo seleccionamos como si fuéramos a editarlo y después hacemos clic en Formulario y a
continuación en el menú desplegable elegimos Insertar formulario en una página web.
28
29. Esto nos lleva a una ventana emergente que nos
proporciona el código html, lo copiamos y
seguimos los pasos indicados en el apartado 5.1
5.7.- Insertar una publicación de Calaméo
Calaméo es un programa que crea publicaciones Web imitando a un libro, y además, de una forma muy
fácil. Desde un archivo PDF, podréis crear vuestros pequeños libros, folletos, revistas, etc sobre el
tema que os interese.
Vamos a ver cómo se hace:
• Accederemos a la dirección http://calameo.com con nuestro usuario y contraseña. Si no
estamos registrados podemos crear una cuenta.
Hacemos clic en Sus publicaciones y
nos aparece una ventana en la que se
muestran todas las publicaciones que
tenemos subidas. Elegimos la que
queremos insertar en nuestro blog y
hacemos clic sobre la opción
Compartir
Aparece una ventana emergente que nos proporciona el código html y copiamos la opción Código
HTML (old versión)
Una vez copiado, publicamos la entrada siguiendo los pasos
indicados en el apartado 5.1.
29
30. 5.- HERRAMIENTAS Y COMPLEMENTOS PARA BLOGS
En este apartado se incluye información adicional al manual de blogger, y que en un momento dado nos
puede ser útil. Es la siguiente:
5.1.- Plantillas.
• Plantillas exclusivas:
http://btemplates.com/
• 50 bonitas plantillas para Blogger:
http://mashable.com/2007/09/13/blogger-templates/
• Diseños a partir de CSS:
http://blogandweb.com/category/plantillas-blogger/
• Plantillas clasificadas por temas:
http://blogger-templates.blogspot.com/
• Distintas clasificaciones:
http://www.blogskins.com/
• Themas similares a los de Wordpress:
http://www.geckoandfly.com/blogspot-templates/
• Clasificación en función de sus números de columnas:
http://www.templatepanic.com/tag/blogger-templates
• Generador de plantillas para crear tu propio diseño:
http://psyc.horm.org/
• Recopilación con 100 plantillas variadas:
http://www.stardustxs.com/2008/02/26/100-plantillas-para-blogger-blogspot-templates-
themes/
5.2.- Gadgets o Widjets para tu página Web.
Pequeñas aplicaciones que pueden funcionar en el escritorio del ordenador o en el navegador.
Empezaron a denominarse “gadgets” (“artilugios”, “chismes”).De todas formas, “gadgets” y
“widgets” vienen a designar prácticamente la misma clase de software.
• Colección de Google :
http://www.google.com/ig/directory?num=24&synd=open&cat=all
• Alegra tu página Web o blog con los siguientes widjets:
http://www.euroresidentes.es/gadgets.htm
• Álbum de foto:
http://ayudaparatublog.com/category/servicios_para_blog/servicios_album/
• De todos un poco, el mejor con más de 30.000 widjets:
http://www.widgetbox.com/
• Complementos o widgets:
http://juglar103.blogsome.com/2007/01/04/complementos-o-widgets-para-tu-blog/
• Cosas entretenidas para poner al blog, tarjetas, juegos, puzzles, etc...
http://www.pageplugins.com/
• Otras opciones divertidas para blogger
http://www.labpixies.com/
5.3.- Términos básicos.
• Weblog: a veces se conocen como blogs o bitácoras. Es el producto final en Internet de
lo que puede ser un diario, noticias, página web personal.... Los contenidos dependend de
tí
• Contenido: quiere decir la información que publicas en tu blog. Texto, páginas web
(html), imágenes, fotos, videos... El tipo más comun en los blogs es texto con enlaces,
aunque los imágenes y incluso audio va adquiriendo popularidad
• Servidor: una máquina que reside en Internet y tiene 100% conectividad. Los servidores
son donde se publica el contenido del blog y permite que este accesible por los
internáutas de todo el mundo. A veces los servidores se llaman hosts, y la acción de
30
31. publicar información en un servidor se llama hosting o alojar.
• URL: las siglas URL en inglés quieren decir "Uniform Resource Locator," y se refiere al
texto que identifica a una página web. Normalmente empieza por"http:/...".
• Enlace, vínculo, hipervínculo: un hiperenlace es un URL publicado dentro de una página
web. Los hipervínculos o enlaces normalmente aparecen en azul y si se les pincha le llevan
al usuario a otra página.
• Post: se refiere a la publicación de un artículo o entrada nueva en un blog
• Blog público y blog privado: dos términos que diferencian entre los dos tipos de blogs.El
público aparece publicado y accesible en Internet sin que estén protegidos por una clave
de acceso. Blogs privados están publicados en Internet, pero están protegido y solamente
pueden ser accedidos mediante una clave de acceso.
• Template: es la platilla o diseño gráfico más otros atributos (enlaces y otros recursos en
las barras laterales).
• RSS /Atom: Métodos de sindicación de contenidos que permiten la informar a los
interesados de su actualización o nuevos contenidos. Ver más sobre RSS.
31