1. Diseñando mi propio Blog….
http://www.blogger.com
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
2. Diseñando mi propio Blog….
http://www.blogger.com
Conociendo el Blog
Un blog, o en español también una bitácora, es un sitio web periódicamente
actualizado que recopila cronológicamente textos o artículos de uno o varios
autores, apareciendo primero el más reciente, donde el autor conserva siempre
la libertad de dejar publicado lo que crea pertinente. El término blog proviene
de las palabras web y log ('log' en inglés = diario). El término bitácora, en
referencia a los antiguos cuadernos de bitácora de los barcos, se utiliza
preferentemente cuando el autor escribe sobre su vida propia como si fuese un
diario, pero publicado en Internet en línea.
Diseñando Mi Propio Blog
A continuación se presenta todos los pasos para crear, diseñar y administrar tu
propio blog, sólo debes seguir las instrucciones dadas a continuación:
Paso Nº 01:
Para la creación de tu blog, se hará uso de la página web de blogger, para ello
sólo debes acceder a la siguiente dirección electrónica: http://www.blogger.com
y aparecerá la siguiente pantalla:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Haz clic sobre la
flecha naranja para
comenzar a crear tu
blog
3. Diseñando mi propio Blog….
http://www.blogger.com
Paso Nº 02:
Una vez seleccionada la opción indicada en la pantalla anterior, deberás seguir
las instrucciones que se muestran en la siguiente pantalla:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Debes hacer clic en la opción:
“Primero accede a ella” y luego se
debe mostrar el servidor de G-mail
4. Diseñando mi propio Blog….
http://www.blogger.com
Paso Nº 03:
A continuación debes acceder con tu correo electrónico de G-mail y con la
contraseña de dicho correo, como si fueses a revisar el correo – e.
Paso Nº 04
Sigue las instrucciones dadas y luego selecciona la opción continuar:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Contraseña de correo G-mail
Dirección de correo de G-mail
Aquí deberás colocar el
Título para identificar tu blog
(por lo general el titulo es
alusivo a temas que se
abordaran en dicho blog)
Aquí deberás colocar el
nombre para completar la
dirección electrónica que te
permitirá acceder a tu blog a
través de internet.
Haz clic aquí
para verificar la
disponibilidad
del nombre que
tendrá la
dirección
electrónica de
blog. En caso de
estar disponible
Escribes las
letras que se
muestran arriba Después de seguir todas las
instrucciones dadas en está
pantalla, debes hacer clic
sobre la flecha naranja para
continuar…
5. Diseñando mi propio Blog….
http://www.blogger.com
Paso Nº 05
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
En este paso puedes seleccionar alguno de los
diseños propuestos por blogger para la página
web de tu blog, sólo “Haz clic” en el circulo de la
plantilla de tu preferencia.
Después de seleccionar
la plantilla haz clic en
continuar
6. Diseñando mi propio Blog….
http://www.blogger.com
Paso Nº 06
Al aparecer está pantalla, blogger te indica que ya tienes disponible una página
web en Internet, en la cual podrás administrar tu propio blog.
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Haz clic aquí para continuar…
7. Diseñando mi propio Blog….
http://www.blogger.com
Paso Nº 07
A continuación se debe mostrar la página web de su blog,
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Haz clic en la opción Ver blog para que
visualicen el diseño de la página web en la cual
administrarán su blog.
8. Diseñando mi propio Blog….
http://www.blogger.com
Paso Nº 08
Hasta ahora la página web de tu blog no tiene nada de información. Sólo el
titulo y la identificación de la autoría, para comenzar a administrarlo se deben
seguir las siguientes instrucciones:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Haz clic aquí. En está opción:
“Personalizar” podrás
administrar tu blog (publicar
artículos, cambiar los colores de
la página, ect)
9. Diseñando mi propio Blog….
http://www.blogger.com
Paso Nº 09 : Publicación de Artículos (opción: Creación Entradas)
En la pantalla que se muestra a continuación se puede visualizar una barra de
menú con tres opciones: Creación de Entradas, Configuración, Plantilla,
Ver blog. El menú creación de entradas presenta a su vez 3 opciones, la
primera es la opción Crear, a través de la que se podrán redactar los artículos
a publicar.
Como verás, seleccionando las opciones 1º Creación de Entradas, 2º Crear,
se habilitará el editor de textos en el cual podrás redactar tus artículos.
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
1º Seleccionar la
opción Entrada
2º seleccionar la
opción crear
Aquí debes redactar el
artículo que será
publicado en tu blog.
Aquí debes colocar el
título del artículo que
será publicado.
Barra de herramienta
10. Diseñando mi propio Blog….
http://www.blogger.com
Conociendo la Barra de herramienta del editor de texto:
Haz clic en este icono si deseas cambiar el
tipo de letra de tu artículo.
Haz clic en este icono si deseas el texto en
negrita.
Haz clic en este icono si deseas el texto en
cursiva.
Haz clic en este icono para cambiar el color
del texto
Haz clic en este icono si sedeas enlazar
alguna palabra a una página web.
En estas opciones puede seleccionar la
orientación que desees tenga el texto.
(centrado, a la izquierda, justificada)
En está opción podrás insertar viñetas o
numeraciones al texto.
A través de está opción podrás insertar
imágenes a los artículos que sean
publicados.
A través de está opción podrás insertar
videos a los artículos que sean publicados.
A través de está opción podrás eliminar
imágenes o videos insertados y que ya no
desees en los artículos que publicados, para
ello basta con seleccionar la imagen o el
video a eliminar y luego seleccionar el
borrador.
Insertando Imagen:
Haz clic sobre este icono y aparecerá está pantalla:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
11. Diseñando mi propio Blog….
http://www.blogger.com
.
Una vez realizado este procedimiento la imagen aparecerá en el editor de
texto:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Haz clic aquí para buscar la
imagen que deseas insertar,
(como cuando adjuntas un
archivo en el correo electrónico)
Selecciona la orientación que
deseas tenga la imagen en el
artículo.
Habilita la casilla de:
Acepto las condiciones.
Finalmente
Haz clic aquí
Una vez llenado el
campo de título, de
haber redactado el
artículo en el editor de
texto, de haber
insertado imágenes, y
utilizar las opciones de
la barra de
herramienta debes
seleccionar la opción
Publicar entrada,
para que pueda ser
mostrada en la página
de tu blog.
12. Diseñando mi propio Blog….
http://www.blogger.com
Paso Nº 10 : Edición de Artículos
La segunda opción que ofrece el Menú “Creación de Entradas”, es la opción
Editar Entradas, aquí podrás editar los artículos ya publicados, o eliminarlos.
Veamos:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Selecciona la opción
Editar Entrada
En esta opción podrás visualizar todos los
artículos publicados, en caso de querer
modificar alguno, sólo debes hacer clic en la
opción “Editar” del artículo.
Para eliminar un artículo
publicado sólo debes
seleccionar la casilla que le
corresponde y luego hacer clic
en la opción: Suprimir
13. Diseñando mi propio Blog….
http://www.blogger.com
Paso Nº 11 : Diseño de la Página Web de tu blog
El menú Plantilla presenta a su vez 4 opciones, Elementos de la Página,
Fuentes y colores, Edición de HTML, Seleccionar Plantilla Nueva.
Conociendo la opción Elementos de Página:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Esta opción te permite
habilitar las opciones
que deseas tenga tu
blog; y el formato de
fecha para tus
artículos.
Haz clic Aquí
Haciendo clic sobre
está opción, podrás
cambiar el color del
top de tu página web
Haz clic sobre
está opción para
configurar la
forma en que se
presentarán las
fechas de los
artículos
En está opción podrás redactar todo lo
referente a tus datos personales; es decir,
nombre, apellido, descripción de tu perfil
profesional, ligar de residencia, país, estado,
etc…
Está opción te permite cambiar
el Título de tu blog, y además
te permite agregar una imagen
de fondo.
14. Diseñando mi propio Blog….
http://www.blogger.com
Menú Plantilla – Opción
1º Elementos de la Página:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Selecciona la opción del Top que
deseas aparezca en la parte
superior de la página de tu blog
Al hacer clic debe aparecer la siguiente pantalla:
15. Diseñando mi propio Blog….
http://www.blogger.com
Menú Plantilla – Opción
1º Elementos de la Página:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Al hacer clic debe aparecer la siguiente pantalla:
Escribe el Título que
identificará tu blog
Si deseas que el
título de tu blog
tenga una imagen
de fondo, haz clic
en la opción
examinar y busca
la imagen que
deseas adjuntar.
Selecciona está opción
para que se muestre el
título, de lo contrario
sólo se verá la imagen.
Finalmente selecciona está opción
para que el blog se adapte a los
cambios realizados.
16. Diseñando mi propio Blog….
http://www.blogger.com
Menú Plantilla – Opción
1º Elementos de la Página:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Al hacer clic deberá aparecer la siguiente pantalla:
Aquí podrás colocar el nombre
que desees aparezca en la
columna donde se muestran
los artículos publicados, el trae
por defecto “Archivos del
Blog”, tu puedes cambiarlo.
Selecciona la opción como deseas se
muestren los artículos por fechas.
17. Diseñando mi propio Blog….
http://www.blogger.com
Menú Plantilla – Opción
1º Elementos de la Página:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Al hacer clic deberá aparecer la siguiente pantalla:
Aquí podrás colocar el nombre
que aparecerá en la columna de
los datos personales, el trae por
defecto “Datos Personales”, si
deseas puedes cambiarlo.
En este campo debes colocar
tu identificación, tal como
deseas que se muestre en la
página de tu blog.
Si deseas puedes
escribir una breve
descripción de tu
ocupación, grado
académico,
profesión, etc…
Coloca aquí el estado donde vives
Selecciona Aquí el
País en el que vives Finalmente haz clic aquí para
guardar los cambios efectuados.
18. Diseñando mi propio Blog….
http://www.blogger.com
Finalmente después de realizar los cambios en todas las opciones presentes
en Elementos de la Página debes también guardar los cambios en la pantalla
principal:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Haz clic aquí para
guardar los cambios
realizados en cada
opción y así podrás
verlos en tu página
principal.
19. Diseñando mi propio Blog….
http://www.blogger.com
Paso Nº 12: Diseño de la Página Web de tu blog
Conociendo la opción Fuentes y Colores:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Para cambiar los
colores y tipo de
letras has clic aquí
Selecciona uno a uno cada
elemento y luego en la
paleta de colores selecciona
el color que deseas tenga el
elemento
Finalmente haz
clic Aquí para
guardar los
cambios
20. Diseñando mi propio Blog….
http://www.blogger.com
Paso Nº 13: Cambiar la Plantilla seleccionada inicialmente.
Conociendo la opción Seleccionar Plantilla Nueva:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Haz clic para
cambiar la plantilla
inicial por otra
plantilla
Selecciona nuevamente la plantilla que
deseas. Una vez seleccionada la
plantilla, haz clic Aquí para
guardar los cambios y así
tu página web adapte el
diseño de la nueva platilla.
21. Diseñando mi propio Blog….
http://www.blogger.com
Paso Nº 14: Visualizar el Blog ya personalizado
Una vez realizado todos los cambios necesarios para personalizar el blog a su
gusto, debe hacer clic en la opción Ver Blog,
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
22. Diseñando mi propio Blog….
http://www.blogger.com
Finalmente se debe mostrar su blog ya diseñado y personalizado:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
23. Diseñando mi propio Blog….
http://www.blogger.com
Notas Importantes:
1º Recuerde anotar la dirección electrónica en la cual va a estar alojada la
Página Web de su blog, la misma es la que se coloca en el paso Nº 02 de
blogger, donde se pide el nombre para generar la dirección electrónica y luego
se comprueba la disponibilidad.
Esto es importante ya que a través de esa dirección electrónica podrás acceder
a tu blog, al igual que las personas que desees lo visiten.
2º Una vez creado el blog, para acceder a él en otra ocasión no tienes que
realizar el mismo procedimiento, basta sólo con acceder desde la página de
blogger con tu dirección de correo electrónico y contraseña del mismo, y ya
accederás como administrador
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Coloca tu dirección de
correo G-Mail
Coloca tu contraseña del
correo de G-Mail
Finalmente haz clic Aquí
24. Diseñando mi propio Blog….
http://www.blogger.com
3º Al acceder con tu correo electrónico y contraseña, la página te mostrará un
resumen de tu blog, para visualizarlo sólo debes seleccionar la opción Ver
Blog. Veamos:
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008
Está opción te permite
ver el blog al cual se
hace referencia
En este panel se
muestran todos los blog
que hayas creado,
utilizando tu cuenta de
Gmail.
Recuerda que tu puedes crear
cuántos blog desees, para ello
sólo debes hacer clic en está
opción.
25. Diseñando mi propio Blog….
http://www.blogger.com
4º Cuando accedas a tu blog, y desees modificarlo con las opciones descritas
en los pasos anteriores (Creación de Entradas, Configuración, Plantilla; Ver
Blog), debes seleccionar la Opción Personalizar, y allí podrás realizar lo
explicado en la guía.
Cuando vayas a salir de tu blog recuerda siempre hacerlo con la opción
Salida
Informática Educativa – DITE – UNEFM
Licda. Juogreidin Cerero - 2008