Como Crear Un Blog 2

www.cuentos-suizo.blogspot.
com
PROFESOR: LIC. ALDO VEGA ROSALES

Prohibido su reproduccin total o parcial sin autorizacin del autor
INTERNET : LIBROS ELECTRNICOS
LIC. ALDO VEGA ROSALES
INTRODUCCIN
QU ES UN BLOG?
Un Blog puede definirse de forma sencilla como un sitio Web donde el usuario puede hacer
publicaciones diarias, con un orden cronolgico de archivos, sobre cualquier tema: Un diario personal,
Un espacio de colaboracin, Una fuente de noticias impactantes, Una coleccin de vnculos, etc.
Adems de tener la posibilidad de insertar un sistema de comentarios para que los lectores puedan
participar.
UNA PGINA QUE REVOLUCIONA: BLOGGER

Blogger es una pgina Web que desde su lanzamiento, hace prcticamente cinco aos, ha permitido
que los Blogs transformen Internet, han influido en la poltica, han revolucionado el periodismo y han
permitido a millones de personas expresar sus opiniones y ponerse en contacto entre s. Todo ello de
modo gratuito, con una interfaz fcil de utilizar y publicacin en tiempo real. Veamos algunas de las
bondades de Blogger:
Publique sus opiniones.

Obtener comentarios
Es una forma de conocer otros puntos de vista y entrar en contacto con personas que comparten
sus ideas, podemos desarrollarlo bajo las opciones:
Comentarios de Blogger.- permite a los usuarios de todo el mundo que visitan su sitio
expresar su opinin sobre la informacin que usted comparte en su Blog.
Los grupos de Blogs.- pueden ser excelentes herramientas de comunicacin para equipos
reducidos, familias u otros colectivos.
Enviar fotografas
En ocasiones, simplemente desea compartir una fotografa. Hay un botn para subir fotografas
en la interfaz de Blogger.
Si bien los Blogs surgieron en el campo periodstico, nuestro rol de docentes creativos es
adaptarlo de manera til en nuestras actividades educativas. Los Blogs permiten cristalizar en la red
dos campos complementarios destinados a la unin: la Comunicacin y la Educacin. Se han
convertido en una herramienta comunicativa que potencia las habilidades de docentes y alumnos.
Permite la construccin colectiva del conocimiento y se sostiene en el aprendizaje social o por
observacin de modelos, direccionndolo hacia la prctica de la tica digital, la convivencia libre y
tolerante.
Por eso es imperativo que los educadores peruanos de los diversos niveles de la educacin bsica
y superior puedan acceder a la llamada alfabetizacin digital, como opcin personal y profesional. De
ese modo se accedera a espacios gratuitos que ofrece la Red, en este caso, la creacin y
mantenimiento de Blogs, llamados a convertirse en edublogs conducidos por blogsfesores entusiastas y
responsables. Algunas herramientas educativas fciles de crear con Blogger son: Libros Electrnicos,
Peridicos Electrnicos Escolares, Museos virtuales, Clases virtuales utilizando positivamente
YouTube, etc. Slo depende de tu dedicacin y creatividad.
Este es un curso guiado con ejemplos y prcticas que no requieren ms que conocimientos
bsicos de informtica para llevarlo a cabo y cubre desde los aspectos ms bsicos para la creacin de
su Blog hasta los ms avanzados. Espero que lo disfruten.
PAGINA - 2
CAPTULO I
CREAR Y PUBLICAR UN BLOG CON BLOGGER
En menos de cinco minutos entrars a formar parte de un fenmeno que est transformando Internet y
los medios de comunicacin en una actividad participativa.
1.- INGRESANDO A BLOGGER Y RECONOCIENDO SU INTERFAZ

Para ingresar a BLOGGER Abre Internet Explorer
y en la barra de Direccin digita:

Internet
Explorer
www.blogger.com (Luego presione [ENTER])

Revisa las partes Principales de la interfaz de Blogger, eso har ms rpido nuestro trabajo.
2.- Bloque Acceder a tu cuenta
creada en Blogger: Con tu Correo
Electrnico y Contrasea.
3.- Estos enlaces te permiten hacer la

bsqueda de Blogs importantes.
4.- Bloque Ayuda de

Blogger
1.- Bloque Crear un Blog, aqu iniciars

la creacin de tu Blog en tres pasos.
NOTAS:
1.- Cada cuenta a crear en Blogger requiere de un Correo Electrnico (E-mail) diferente, puede ser
en: Hotmail, Terra, Yahoo, etc.
2.- En una cuenta de Blogger puedes crear muchos Blogs independientes, slo comparten el perfil.
PAGINA - 3
2.- CREANDO TU BLOG EN 3 PASOS

En la Interfaz de Blogger, nos dirigimos al Bloque Crear Blog, que te guiar de manera sencilla y en
3 pasos todo el proceso de creacin de tu Blog. Empecemos:
1.- Da un Clic sobre
la Flecha anaranjada.
Paso 1: Creando tu Cuenta

Aparecer el siguiente cuadro que debes completar siguiendo las indicaciones:
1.- Nombre de usuario:

Digite el Correo Electrnico que ser
su Nombre de usuario. Antalo aqu:
__________________________
2.- Contrasea:
Como mnimo 8 caracteres y Optima.
Para que no se te olvide, Antalo
aqu: ____________________
3.- Nombre que registrar Blogger

en las entradas de tu Blog.
4.- Digite los caracteres

que aparecen encima
5.- Active el cuadro de

aceptacin
de
las
condiciones del servicio.
6.- Una vez culminado da
un clic en Continuar
PAGINA - 4
Paso 2: Asignndole un nombre a tu Blog

1.-El Ttulo se ubicar en la
Cabecera de tu Blog, por ello
debe tener relacin con la
informacin a publicar.
APRENDA A ELABORAR SU BLOG
2.- La direccin URL ser para que Ud. y el resto pueda acceder a tu Blog a
travs de Internet Explorer, sea creativo y digite sin www:
Antelo aqu: _________________.blogspot.com para no olvidarlo.
3.- Una vez culminado

da un Clic en Continuar
Paso 3: Eligiendo una Plantilla para tu Blog.

Puedes elegir la plantilla que ms te agrade slo seleccinalo y Contina:
1.Selecciona
una
plantilla, dando un Clic
sobre l. Para nuestro
ejemplo selecciona:
Rounders 3
2.- Una vez culminado

da un Clic en Continuar
PAGINA - 5
Debes esperar hasta que aparezca el siguiente mensaje
1.- Da un clic en EMPEZAR A

PUBLICAR para crear la Primera
Entrada, que es obligatorio para publicar
tu Blog.
3.- CREANDO ENTRADAS

Cuando uno da Clic en EMPEZAR A PUBLICAR, aparece la siguiente pantalla con la ficha
Creacin de entradas
superpuesta, donde puedes desarrollar las siguientes acciones:
3.1. Crear la Primera entrada.En el enlace Crear est el Editor de Entrada que se trabaja como cualquier procesador de
textos, reconozca sus elementos y contine los siguientes pasos:
1.- Coloque el Ttulo que
llevar tu entrada.
2.-
BARRA
DE
HERRAMIENTAS.- Para Aadir
Imagen y dar Formato al Texto. Sus
elementos se explican mas adelante.
8.- Ficha Edicin de

HTML
4.- Enlace Vista previa
3.- Ficha Redactar .- Es El AREA DE

EDICION.- Donde se desarrolla el
contenido de tu Entrada: Texto
Imgenes Enlaces.
6.- Enlace Opciones de entrada.Permite cambiar el orden de las
Entradas modificando sus fechas.
5.- Publique para ver su

blog
7.- Coloque una etiqueta para su

entrada si lo desea. Esta aparecer
al final de su entrada.
PAGINA - 6
BARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADAS

ESTILO DE
TEXTO
CURSIVA
TAMAOS
DE TEXTO
VNCULOS
ALINEACION
COLOR DEL
TEXTO
LISTA CON
VIETAS
Aadir Vdeo
LISTA
NUMERICA
NEGRITA
ELIMIMNAR
FORMATO DE LA
SELECCION
COMPROBAR
ORTOGRAFA
AADIR
IMAGEN
3.1.1.-Aadiendo una Imagen a tu entrada

1.-Da un clic en el botn Aadir Imagen de la barra de herramientas del editor.
2.-Aparece el panel Aadir una imagen desde su equipo o aadir una imagen de la Web.
Donde debes seguir los siguientes pasos para aadir una imagen desde tu equipo:
NOTA.- Puedes aadir una

imagen de la Web colocando su
URL.
1.- Da un Clic en el botn Examinar para dirigirnos a la

carpeta donde tiene almacenado su imagen y
seleccionarlo. (La imagen debe ser de formato
JPG[Fotos], Gif o BMP.
2.- Clic en uno de los

Diseos para la ubicacin de
la imagen con respecto al
texto.
3.- Seleccione el tamao de

la imagen que desea.
4.- Da un Clic en el botn Subir

imagen para agregar la imagen a tu
Entrada.
NOTA: La primera vez aparecern condiciones del servicio, al lado derecho de SUBIR
IMAGEN, la que debes aceptar para poder aadir imgenes, stas subirn a la red y pasarn a
ser de dominio pblico. As que debes tener cuidado con las fotos que subes a la Web.
PAGINA - 7
3.-Debemos esperar, aparecer el siguiente mensaje:
1.- D Clic para continuar

aadiendo texto
3.1.2.-Aadiendo texto a tu entrada

El Editor de Entradas es un Procesador de textos, as que con los conocimientos que
tengas de cualquier procesador de textos el trabajo ser muy fcil.
Si queremos ver nuestro avance damos clic en el enlace Vista previa de la Barra de
Herramientas, si deseamos volver da un Clic al enlace Ocultar vista preliminar. Una
vez culminado da un Clic en el botn Publicar para terminar.
4.- PUBLICANDO LA ENTRADA Y VIENDO TU BLOG

Una vez publicado tu Blog aparecer la siguiente pantalla con la Ficha Creacin de entradas
superpuesta que te indica que tu Blog ha sido publicado.
NOTA: esta pantalla es importante para

continuar trabajando: Ver tu Blog: En
una ventana nueva o en la misma
ventana, Crear otra entrada, Editar la
ltima entrada o cualquiera.
4.1.-Viendo tu Blog (Importante)

1.-Para ver tu Blog publicado, en la pantalla anterior tenemos dos opciones directas:
Ver blog : Permite ver tu Blog, pero en la Misma Ventana, debemos utilizar el botn Atrs
del Internet Explorer para volver a la Ventana anterior. (Ver grfico anterior).
(En una ventana nueva): Permite ver tu Blog en Otra Ventana, es la ms recomendable
para el trabajo. (Ver grfico anterior).
2.-Por el momento utiliza la segunda opcin para revisar tu Blog publicado y cierra la ventana.
PAGINA - 8
5.-CREAR UNA NUEVA ENTRADA A TU BLOG

1.- En la Pantalla Anterior de la Ficha Creacin de entradas seleccionamos la opcin Crear
o el enlace celeste Crear una entrada nueva, veamos el primer caso
2.-Luego ingresamos la informacin siguiendo los mismos pasos que en la primera entrada
hasta publicarlo, adems puedes ver tu Blog publicado.
NOTA: Observars que las entradas se publican en estricto orden cronolgico inverso al orden
de ingreso, es decir se mostrar en primer lugar la ms reciente en el tiempo. As que organiza
tus entradas antes de crearlas.
6.-EDITAR UNA ENTRADA CREADA

Si deseas realizar algunos cambios a cualquiera de las Entradas creadas, sigue los siguientes pasos:
1.-En la Ficha Creacin de entradas selecciona el enlace Editar entradas, veamos:
Aqu
Edita la ltima
entrada creada.
PAGINA - 9
2.-Aparecer la siguiente pantalla donde podrs modificar cualquier entrada creada y otros
cambios importantes en tu Blog. Slo sigue el paso 1:
NOTA A.- Aqu puedes modificar
el nmero de entradas que se
mostrarn en cada pgina de tu
Blog de 5 300.
1.-Da un Clic, sobre el Opcin Editar

de la Entrada que desee modificar,
guese por el Ttulo de la entrada.
NOTA B.-Aqu puedes Eliminar

cualquier entrada publicada, con un Clic
en Suprimir y luego la confirmacin.
3.- Se ingresar al Editor de la entrada elegida, donde podrs realizar los cambios necesarios
para finalmente volver a publicarlo.
7.-ENTRAR A TU BLOG A TRAVS DE INTERNET EXPLORER

Una vez publicado tu Blog, cualquier persona de cualquier parte del mundo que conozca la direccin
URL de tu Blog puede acceder a l. De la siguiente manera:
1.-Abre Internet Explorer y en la barra de direccin digitar la direccin de tu Blog creado:
www._____________________.blogspot.com
PAGINA - 10
AUTOEVALUACION N 1 Qu has aprendido?

Debes desarrollar las siguientes preguntas:
I.- VOCABULARIO: Define los siguientes trminos informticos:
1.-Internet
2.-Plantilla
3.-URL
3.-Interfaz
4.-Editor de Entradas
5.-Ficha
II.- CUESTIONARIO: Desarrolla las siguientes preguntas:

1.- Qu entiendes por Blogger y Cul es a tu parecer la importancia de sus recursos?
2.- Con tus propias palabras Qu es un Blog y que funcin tienen?
3.- Qu materiales educativos puedes elaborar en tu rea de trabajo con Blogger?
PROYECTO Qu haras con lo aprendido?

AVANCE DEL PROYECTO N 1 LIBRO ELECTRNICO
1.- Crea una nueva cuenta de Correo Electrnico, slo para el proyecto:
Antelo Aqu:
Contrasea:
2.- Escoge la temtica del Libro Electrnico a crear: Personal, Familiar, Laboral, Profesional,
Informativo, etc. Les recomiendo que sea del rea en el que trabajan.
3.- Elabora el borrador de tu Libro Electrnico en hojas, escribiendo una entrada por Blog, con las
imgenes que colocars. La cual presentar las siguientes secciones:
4.- Inicia la Creacin de tu cuenta en Blogger y elabora la entrada de la presentacin pon en prctica tu
cratividad.
PAGINA - 11
CAPTULO II
EDITAR TU PERFIL Y ADMINISTRAR OPCIONES Y DISEOS DE TU BLOG
Blogger establece tu perfil con los datos que ingresaste. Pero, puedes editar este perfil modificando tus
datos personales e incluso agregarle una fotografa; tambin se puede modificar el Ttulo de tu Blog as
como agregarle una descripcin. Veamos:
Nota Previa: Antes de iniciar debes Verificar la Direccin de Correo Electrnico de Google,
para lo cual debes ingresar a tu correo utilizado y abrir el mensaje de verificacin en el que debes
dar un Clic sobre el enlace que te indican y listo. Ahora si continuemos:
1.- EDITANDO TU PERFIL

Ingresa a BLOGGER
Recuerda: www.blogger.com (Luego presione [ENTER])
En la Interfaz de BLOGGER, nos dirigimos al Bloque Acceder a tu cuenta de Blog creado donde
debes ejecutar los siguientes pasos:
1.- Ingresa tu Nombre de Usuario: Email utilizado y anotado en la Pgina 4.
2.- Ingresa tu Contrasea:

Anotado en Pgina 4.
Si trabajas en una
PC propia activa
esta opcin para que
ingrese directo a tu
cuenta.
3.- Da un Clic en el
botn ACCEDER.
Inmediatamente ingresar por primera vez al Panel Escritorio, donde distinguiremos las siguientes
opciones a utilizar en adelante:
1.- EDITAR PERFIL: Lo Utilizars para
agregar y modificar datos de tu perfil as como
una foto.
6.-Te permite crear muchos

blogs en tu misma cuenta de
Blogger. Importante para crear
Libros Electrnicos.
4.-Me direcciona a la ficha

Opciones: Bsico, Publicacin,
Formato, Comentarios, etc.
2.-NUEVA ENTRADA: Lo
utilizars para agregar una
nueva entrada a tu Blog.
3.-Me direcciona a la ficha

Creacin de entradas: Crear,
Editar Entradas.
5.-Me direcciona a la ficha Diseo:

Elementos de la Pgina, Fuentes y
colores,
Edicin
de
HTML,
Seleccionar Plantilla Nueva.
PAGINA - 12
NOTA: Para agregar una Foto o Imagen a tu perfil, tenemos dos casos:
1.- Podemos subirlo desde tu equipo o
2.- Desde la Web, ello implica que tu foto debe tener una direccin URL en Internet.
1.1.- INGRESANDO TUS DATOS Y AADIENDO TU FOTO A TU PERFIL.
1.- Selecciona el enlace Editar perfil del Panel Escritorio.
2.- Aparecer el panel Editar perfil de usuario en el que puedes completar o dejar en blanco
aceptando las opciones segn tu informacin personal. Estoy seguro de que es fcil para ti. Por
lo que slo te explicar como agregar la foto. Revisa detenidamente el siguiente grfico:
NOTA: Algunos datos ya aparecen

llenos. Si deseas slo completa los
obligatorios.
Contina
PAGINA - 13
NOTA: Veamos los casos para subir una foto o imagen a tu perfil:
CASO 1: Se puede subir una foto o

imagen de su equipo. Slo de Clic en
Examinar y seleccione la foto.
http://bp3.blogger.com/_2HCcfuntMz8/RZ1cxdaTsJ
CASO 2: Si la foto o imagen es de la Web:

A.- Debe copiar la URL de la Foto o Imagen.
B.- Pegue la URL o direccin Web de la foto. Seleccione Desde la Web,
un Clic en la barra de texto y presione [Ctrl] + [V].
Contina
PAGINA - 14
2.- Una vez culminado da un clic sobre este

botn para guardar su perfil.
4.- Aparecer el siguiente mensaje donde debes seleccionar la opcin Volver a: Escritorio.
1.- Da un clic en el enlace
Escritorio.
5.- Retornars al Panel Escritorio de Blogger donde podrs ver la foto del perfil y tambin
ver tu Blog:
1.- Da un Clic en el enlace Ver blog

para ver su Blog.
6.- Ahora Cierre BLOGGER y entra a tu Blog por Internet Explorer

Recuerda: www. ___________________.blogspot.com
[Enter]
Podrs observar tu perfil con los datos ingresados as como la Foto.
PAGINA - 15
2.- CAMBIANDO ALGUNAS OPCIONES DE TU BLOG.

Si deseas modificar algunos datos de tu Blog como el Ttulo, agregarle un Subttulo o Descripcin,
Debes seguir los siguientes pasos
2.1.- CAMBIAR EL TITULO DE TU BLOG Y AGREGARLE UNA DESCRIPCION
1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contrasea.
2.- Selecciona el enlace Configuracin del Panel Escritorio.
Aqu
3.-Aparecer la siguiente pantalla con la ficha Configuracin superpuesta, los cambios lo

hars en el enlace Bsico, que est recortada para desarrollar slo las opciones que nos
interesa:
1.- Cambia el ttulo del Blog

que haba colocado
2.- Ingrese una Descripcin del
Ttulo ste se colocar en la
Cabecera como Subttulo.
3.- Guarde los valores para que

los cambios se apliquen.
NOTA A.- En esta pantalla

tambin puede eliminar su Blog
dando un Clic en este botn.
PAGINA - 16
4.- Aparecer un mensaje que me indica que los cambios se han guardado. Ahora puedes:
A.- Realizar otros cambios, B.- Ver tu Blog o C.- Salir.
C
B
A
Mensaje
Hagamos otros cambios en la misma ventana:

2.2.- CAMBIAR LA DIRECCION URL DE TU BLOG
1.-En la pantalla anterior seleccionamos el enlace Publicacin y seguimos los siguientes pasos:
1.- Ingrese la nueva direccin URL que

modificar la anterior. No olvides ser
original para que no lo rechace y digita
os caracteres de verificacin.
2.- Da un clic para guardar

la nueva configuracin.
2.- Aparecer un mensaje que me indica que los cambios se han guardado:
Continuemos con otros cambios:
2.3.- CAMBIAR TIEMPO DE PUBLICACIN, EL FORMATO E IDIOMA DE LAS
FECHAS Y HORA DE TU BLOG
1.- Selecciona el enlace Formato de la ficha Configuracin.
2.-Aparecer la siguiente pantalla en la que debes buscar con mucha paciencia los valores
referentes a nuestro pas. Slo los indicados. Empieza, s que lo puedes hacer:
PAGINA - 17
1.- Para establecer el # de entradas que

se vern en la pgina principal de tu
Blog.
2.- Para establecer el formato de fecha

que se ubica en la cabecera de cada
entrada de tu Blog y del panel
Archivos.
3.- Para establecer el formato de la
hora en que se publica una entrada de
tu Blog.
4.- Para establecer La zona horaria:
[UTC-05:00] Hora de Per
y
El idioma de la fecha:
espaol (Per)
5.- Da un Clic para guardar los cambios.
3.- Aparecer el mensaje que indica que los cambios se han guardado.
NOTA IMPORTANTE
Otras opciones a modificar quedarn como parte de la prctica que t irs descubriendo en la
elaboracin de tu Blog.
3.- PERSONALIZAR EL DISEO DE TU BLOG.

Hasta este momento tu Blog estar como en la imagen siguiente. En la que ubicars las partes
que se describen, las que quizs quieras personalizar:
1.- BARRA NAVBAR:
Buscador, Salir, etc.
2.- CABECERA DEL BLOG:
Muestra el Ttulo y Subttulo.
4.- ZONA DE VNCULOS

PRINCIPAL: Muestra tus
Archivos del blog, Datos
personales (Perfil) y se le
puede
agregar
otros
elementos: Imagen, Lista de
enlaces, etc.
3.ZONA
DE
LAS
ENTRADAS: Muestra las
entradas publicadas en orden
inverso a la fecha de creacin.
5.- ZONA DE VNCULOS

SECUNDARIA: Se le puede
agregar elementos: Imagen,
Lista de enlaces, etc.
PAGINA - 18
La ficha Diseo de Blogger facilita a los usuarios la personalizacin del diseo de su Blog con
pocos conocimientos tcnicos o ninguno. Cambios como: Aadir y organizar elementos de la Pgina,
Modificar las fuentes y colores, Edicin de HTML y Seleccionar una plantilla nueva para tu Blog son
fciles de realizar. Para iniciar debes seguir los siguientes pasos:
3.1.- EDITAR ELEMENTOS DE LA PGINA.
2.- Selecciona el enlace Diseo del Panel Escritorio.
Aqu
3.-Aparecer la siguiente pantalla con la ficha Diseo superpuesta, los cambios lo trabajars en
el enlace Elementos de la pgina. Que se explican en la siguiente pgina:
Botones: Guardar, Vista
previa y Borrar Cambios
3.1
3.2
3.4
3.5
3.3
3.7
PAGINA - 19
3.1.- Editar la Barra de Navegacin.- Para editar esta barra ejecuta lo siguiente:
1.- Da un clic sobre el enlace Editar de la barra de navegacin, aparecer la
siguiente ventana donde podrs seleccionar un color distinto para esta barra.
2.- Guarda los cambios y puedes revisarlo con el botn Vista previa.
3.2.- Editar el Encabezado.- Para editar la Cabecera o Encabezado ejecuta lo siguiente:

1.- Da un clic sobre el enlace Editar de la Cabecera, aparecer la siguiente
ventana donde podrs Ejecutar:
2.- Puedes subir una imagen

desde tu equipo o de la web
con la URL de la imagen.
3.- Puedes ubicar la imagen

en lugar del ttulo o detrs.
4.- No olvides activar reducir
hasta ajustar
1.- Modifica el
Ttulo
y
la
descripcin de tu
Blog.
5.- Da un clic en
guardar y puedes
revisarlo son el
botn vista previa.
NOTA: Si la imagen no te gusta, puedes editar nuevamente y eliminar la imagen

3.3.- Editar las Entradas del Blog.- Para configurar las Entradas ejecuta lo siguiente:
1.- Da un clic sobre el enlace Editar de la zona de Entradas del blog, aparecer
la siguiente ventana donde podrs modificar: El nmero de entradas, El formato
de fechas, etc. As como ordenar las etiquetas arrastrndolos.
PAGINA - 20
1.- Puedes desactivar estas

opciones si deseas que
desaparezcan estos elementos
de tu Blog.
2.- Arrastrar las etiquetas

para ordenarlo, si lo desea.
3.4.- Editar la zona Archivo del Blog.- Para configurar la zona de enlaces a las
Entradas de tu Blog ejecuta lo siguiente:
1.- Da un clic sobre el enlace Editar de la Zona Archivo del Blog, aparecer la
siguiente ventana donde podrs modificar: El Ttulo, Estilo, Formato de Fecha, etc.
1.- Modificar Ttulo por

ENLACES DE ENTRADAS
2.- Puedes eliminar esta lista

de enlaces a las entradas.
PAGINA - 21
3.5.- Editar la zona Datos personales o Perfil del Blog.- Para configurar la zona del
perfil de tu blog ejecuta lo siguiente:
1.- Da un clic sobre el enlace Editar de la Zona Datos personales, aparecer la
siguiente ventana donde podrs Editar: El Ttulo, Datos personales y Ubicacin.
3.6.- Organizar elementos de la pgina.- Slo se pueden organizar los elementos de tu

pgina: Datos personales y Archivo de blog o los elementos agregados para ello
ejecuta lo siguiente:
2.- Guarda los cambios y puedes revisar

los cambios con el botn Vista previa.
1.- Arrastra el elemento Datos

personales a la ubicacin deseada,
veamos que quede sobre el elemento
Archivo del Bolg (Enlaces de
Entradas).
PAGINA - 22
3.7.- Aadir un Elemento de Pgina a tu Blog (Aadir un gadget).- Debemos tener

en cuenta lo siguiente:
1.- Hay tres zonas para aadir un elemento a tu pgina: La Zona de enlaces
principal, La Zona de enlaces secundaria y en la parte inferior de tu blog.
2.- Puedes aadir los siguientes elementos bsicos:
Da un clic sobre la
imagen o ttulo del
elemento.
NOTA:
Tambin puedes aadir otros elementos:
DESTACADOS: Blogger Play, YouTube, Nasa Photo of the day, etc.
LOS MS POPULARES: Search YouTube, Traductor, Tiempo del Mundo, etc.
EL MS RECIENTE: Sudoku, Sala de Juegos, Google Video, etc.
Y Categoras como:
Noticias, Herramientas, Comunicacin, Diversin y juegos, Finanzas, Deportes, etc.
Slo desarrollaremos dos elementos bsicos: Lista de vnculos e Imagen ya que el
proceso es el mismo para el resto, solo trabaja con paciencia. Empecemos:
A.- Aadir una Lista de vnculos.- Para aadir una lista de vnculos debes tener
en cuenta lo siguiente:
1.- Lo ms recomendable es hacerlo en la Zona de vnculos secundaria.
2.- Debes contar con una lista de direcciones de pginas Web. Ejemplo:
-MINISTERIO DE EDUCACION: www.minedu.gob.pe
-INSTITUTO DE PEDAGOGIA POPULAR: www.ipp-peru.com
-CONOCIENDO AL PERU: www.perucultura.org.pe
-SOFTWARE EDUCATIVO: www.internenes.com
Luego ejecuta lo siguiente:
PAGINA - 23
1.- Da un clic sobre el enlace Aadir un elemento de pgina (Aadir

un gadget) de la Zona de vnculos secundario, aparecer la ventana Aadir un
gadget.
2.-Ubica el elemento Lista de vnculos y da un clic sobre la imagen.
Aparecer la ventana siguiente en la cual sigue los pasos indicados:
1.- Escribe el ttulo general del

Elemento o la zona de enlaces.
2.- Puedes ordenar los enlaces

alfabticamente
3.- Digitar la direccin de la
pgina Web (URL) a que se
enlazar.
5.- Para aadir varios vnculos
al mismo elemento usa este
botn. Para nuestro caso son 4.
4.- Digitar el nombre que aparecer en
los enlaces y que los usuarios de tu
blog leern.
6.- Puedes editar, suprimir y
cambiar de ubicacin a los
enlaces agregados.
NOTA: Si desea eliminar el elemento

total, Edita el elemento y el botn
ATRS cambiar por ELIMINAR.
7.- Guarda los cambios y revisa los avances con el

botn Vista previa o el enlace Ver blog.
Nota.- En la pantalla Elementos de la pgina slo
se ver el ttulo del elemento y Editar.
3.- Puedes aadir otra Lista de vnculos si lo desea, slo debes repetir los
pasos anteriores.
B.- Aadir una Imagen.- Puedes aadir una imagen desde tu equipo o desde
cualquier otro lugar de Internet. Adems ahora puedes enlazar esa imagen con una
Pgina Web, conociendo su direccin. Para desarrollar estas acciones debes tener
en cuenta:
1.- Para aadir una imagen colgada en Internet, debes conocer la
direccin URL de la imagen. (Debes copiar la URL).
PAGINA - 24
2.- Si deseas enlazar esa imagen con una Web, debes conocer la
direccin URL de esa Web.
Luego ejecuta lo siguiente:
1.- Da un clic sobre el enlace Aadir un elemento de pgina de la zona
que desees, por ejemplo la zona de vnculos principal, aparecer la ventana
Aadir un elemento de pgina (Aadir un gadget).
2.-Ubica el elemento Imagen y da un clic sobre su imagen. Aparecer la
ventana siguiente en la cual sigue los pasos siguientes:
1.- Coloca un Ttulo a

tu Imagen.
2.- Si desea enlazar la imagen digite la URL

de la Web elegida.
3.1.- Si la imagen est en tu PC da un clic en
el botn examinar, luego ubica y selecciona la
imagen.
3.2.- Si la imagen es de la Web, selecciona
esta opcin y digita o pega en la barra de texto
la direccin URL de la imagen previamente
seleccionada o copiada.
Una vez que sube la imagen aparecer la siguiente

ventana:
4.- Guarda los cambios y puedes
revisar como queda con el botn Vista
previa o el enlace Ver blog.
NOTA.1.- Si desea eliminar el elemento total, Edita el elemento y el botn ATRS cambiar por ELIMINAR.
2.- Si no deseas enlazar la imagen slo deja vaco la barra Enlace.
3.- Si deseas subir una imagen de la Web, te recomiendo que primero la bajes a tu PC. De ese modo ser
ms sencillo.
3.2.- CAMBIAR LAS FUENTES Y COLORES DE LA PLANTILLA.

PAGINA - 25
Aqu
3.-Aparecer la siguiente pantalla con la ficha Diseo superpuesta, los cambios lo trabajars en
el enlace Fuentes y colores que presenta la siguiente pantalla donde debemos reconocer sus
elementos:
1.-BARRA DE LISTA DE LOS
ELEMENTOS DE LA PLANTILLA
CUYOS COLORES Y FUENTES
PUEDES CAMBIAR.
2.-LISTAS DE: COLORES

FORMATOS DE FUENTES
A APLICAR.
4.-GUARDAR O BORRAR
CAMBIOS
3.3.- CAMBIAR DE PLANTILLA.
3.-PANEL DE VISTA PREVIA
3.1.- Cambiar colores de los elementos de la plantilla.A.- Cambiar el Color de Fondo de la Cabecera de la Pgina.1.- En la barra de Lista de colores y Fuentes selecciona la opcin Color de fondo
de la cabecera de la pgina. Elemento 1 en el grfico anterior. Ejecuta lo
siguiente:
PAGINA - 26
1.-Selecciona la opcin Color de fondo

de la cabecera de la pgina.
2.-Puedes elegir el color de fondo que desees de

los paneles: Colores de tu blog, Colores que
combinan con tu blog y Ms colores. Por
ejemplo Verde.
4.-Para ver tu blog en otra ventana

luego de haber guardado los cambios.
3.-Guarda los cambios.
Vista previa para verificar los

cambios antes de guardarlos
B.- Otros colores que puedes cambiar en los elementos son:

Color de fondo principal
Color del texto
Color del ttulo de la entrada
Color de la cabecera de fecha
Color del borde de la entrada
Color del vnculo
Color de los vnculos visitados
Color de fondo de la cabecera de la pgina
Color del ttulo del blog
Color del ttulo de la barra lateral principal
Color de fondo de la columna lateral superior
Color del texto de la columna lateral superior
Color de los vnculos de la columna lateral superior
Color de los vnculos visitados de la columna lateral
superior
Bottom Sidebar Title Color
Bottom Sidebar Link Color
Bottom Sidebar Visited Link Color
Como prctica cambia el color del Ttulo de tu Blog y haz otros retoques de acuerdo a
tu gusto y que mejoren la presentacin de tu Blog.
PAGINA - 27
3.2.- Cambiar la Fuente de los elementos de la plantilla.A.- Cambiar la Fuente del Ttulo del blog.1.- En la barra de Lista de colores y Fuentes selecciona la opcin Color de fondo
de la cabecera de la pgina. Elemento 1 en el grfico anterior. Ejecuta lo
siguiente:
2.- Selecciona Georgia de la Familia de fuentes
1.-Selecciona la opcin Fuente del ttulo
del blog.
3.-Activa los Estilos

Negrita y Cursiva.
de
fuente:

5.-Guarda los cambios.
Vista previa para verificar los

cambios antes de guardarlos
4.-Aumenta o disminuye el tamao de

la fuente del ttulo si es necesario.
B.- Otras Fuentes que puedes cambiar son.Aa
Fuente del texto
Aa
Fuente del ttulo del blog
Aa
Fuente de descripcin del blog
Aa
Fuente del ttulo de la barra lateral

Fuente del ttulo de la entrada
Aa
Como prctica cambia el tipo de Fuente y Tamao de la descripcin de tu Blog y haz

otros retoques de acuerdo a tu gusto y que mejoren la presentacin de tu Blog.
NOTA.- El uso del enlace Edicin de HTML de la ficha Plantilla requiere de conocimientos
ms avanzados. As que lo dejamos para otro momento.
3.3.- SELECCIONAR UNA PLANTILLA NUEVA PARA TU BLOG.

PAGINA - 28
Aqu
3.-Aparecer la siguiente pantalla con la ficha Plantilla superpuesta, los cambios lo trabajars
en el enlace Seleccionar plantilla nueva. Para cambiar de plantilla debes tener en cuenta lo
siguiente:
Nota.- Si modificas la plantilla, se descartarn los cambios que hayas efectuado en Fuentes
y colores, pero se conservarn los elementos de la pgina.
3.1.- Cambiar a la Plantilla Rounders 2.1.- En la pantalla Seleccionar plantilla nueva ejecuta lo siguiente:
2.-Guarda la Plantilla
NOTA: La plantilla Stretch Denim

es una plantilla que abarca todo el
ancho de la pantalla.
1.-EN
EL
PANEL
DE
GRUPOS DE PLANTILLAS.Selecciona
la
plantilla
Rounders 2 de este grupo.
2.- Ahora puedes mejorar el aspecto de tu Blog a tu gusto. No te olvides que cada vez
que cambies de Plantilla se descartarn los cambios efectuados en Fuentes y Colores.
PAGINA - 29

Debes desarrollar las siguientes preguntas:
1.-Http
2.-Enlace
3.-Plantilla
4.-JPG
5.-Perfil
6.-Fuente

1.- Qu diferencia hay entre la ficha Edicin de HTML y Redactar del Editor de Entradas?
2.- Elabora un esquema de los elementos de la Pgina y explica las funciones de cada uno de ellos?
3.- Si modificas la Plantilla de tu Blog, Qu cambios se descartarn?

AVANCE DEL PROYECTO N 2 LIBRO ELECTRNICO
1.- Ingresa al Panel Escritorio de tu Blog creado y con el enlace Crear un Blog crea los blogs
necesarios para cada pgina de tu libro electrnico. Anote aqu las direcciones URL de cada uno:
Pgina 1: www.____________________
Pgina 2: www.____________________
Pgina 3: www.____________________
Pgina 4: www.____________________
Pgina 5: www.____________________
2.- Modifica tu Perfil, si deseas escanea tu foto para colocarlo en el perfil de tu Blog.
3.- Aade una lista de vnculos, que llevar de ttulo NDICE, a cada blog. Para enlazarlos con las
Blogs creados para cada pgina del libro electrnico. Utiliza las direcciones URL anotados en 1.
4.- Puedes cambiar de plantilla si lo deseas.
5.- Aplica el formato que desees a los Blogs: Color de fondo, Tamao y color de fuente, Los tamaos y
posiciones de las imgenes agregadas, etc.
6.- Entra a la ficha Diseo y selecciona el enlace Edita del elemento de pgina Entradas del blog y
desactiva todas las opciones. Esto es para que quitar estos datos de tu Blog.
7.- En la misma ficha Diseo selecciona el enlace Edita del elemento de pgina Archivo del blog y
Elimnalo.
PAGINA - 30
CAPTULO III
OPCIONES AVANZADAS
Hasta este momento tu Blog se presenta atractivo. Pero ahora quiz desees personalizarlo de modo
avanzado: Incluir otros formatos, Agregarle un sonido de fondo, Servicios gratuitos de otras pginas como:
Panel de Mensajes, Vdeos de YouTube, Canales de Vdeos, Presentador de fotos, Contador de ingresantes,
etc. Todo ello se puede hacer agregando algunos cdigos HTML de servicios que algunas pginas permiten
de modo gratuito.
Algunos servicios gratuitos son:
1.- PANEL DE MENSAJES EN TU BLOG CON CBOX:
Pgina Web:
www.cbox.ws
2.- VDEOS DE LA PGINA DE YOUTUBE EN TU BLOG:

Pgina Web:
www.youtube.es
3.- SLIDE SHOW PRESENTADOR DE FOTOS CON SLIDE:

Pgina Web:
www.slide.com
4.- SPLASHCAST VIDEOS DE YOUTUBE POR CANALES Y OTROS

:
Pgina Web: www.splashcastmedia.com
6.- CONTADORES DE INGRESANTES A TU BLOG

Pgina Web: www.freelogs.com
7.- COMPARTIR Y MANEJAR SUS ARCHIVOS EN LNEA CON BOX.

Pgina Web: www.box.net
8.- ESPACIOS DE TRABAJO COLABORATIVO INTRANET Y OTROS CON MAYETICVILLAGE.
Pgina Web: http://es.mayeticvillage.com
9.- RELOJES PARA MEJORAR LA PRESENTACION DE TU BLOG CON CLOCKLINK.
Pgina Web: www.clocklink.com/
Existen otros servicios gratuitos que podrs ir descubriendo con la experiencia. Empecemos esta parte de
manera prctica, con las fichas de trabajo que a continuacin colocamos, slo con algunos servicios, el resto
queda para que investigues.
PAGINA - 31
FICHA DE TRABAJO N 1
AGREGNDOLE UN SONIDO DE FONDO A TU BLOG COMO ELEMENTO DE
PGINA
1.- OBTENIENDO DIRECCIONES URL DE SONIDOS MIDI:
A.- Abre la siguiente pgina Web: www.culturageneral.net
B.- Luego selecciona la opcin Msica Clsica.
C.- Luego Sonata n 14 Claro de Luna .
D.- Luego en la ventana que se presenta Clic Derecho sobre el Reproductor de la Msica o sobre
la palabra AQU y seleccionar Propiedades.
E.- En la ventana Propiedades selecciona y copia la Ubicacin: URL del sonido MIDI. Recuerda
Copiar: [Ctrl]+[C]. Veamos:
2.- Selecciona y copia

esta URL:
1.- Clic derecho sobre

cualquiera de las zonas:
2.- AGREGANDO LOS CODIGOS NECESARIOS EN EL ELEMENTO HTML/Javascript DE TU BLOG:

A.- Ingresa a tu cuenta de blogger. En el panel Escritorio selecciona el enlace Diseo.
B.- Selecciona el enlace Aadir un elemento de pgina.
C.- En la ventana que aparece ubica el elemento HTML/Javascript y seleccionalo.
D.- En la ventana que aparece coloca un ttulo y Digita las siguientes lneas de cdigos:
PAGINA - 32
<embed width="200" autostart="true" loop="true" src="Pega Aqu la Direccin URL del sonido
MIDI" height="40"></embed>
NOTA: En el cdigo src pega la direccin del sonido Midi copiado.
Quedara de la siguiente manera:
<embed width="200" autostart="true" loop="true"
src="http://www.culturageneral.net/musica/clasica/htm/../htm/midis/sonata_no_14_claro_de_luna.
mid" height="40"></embed>
E.- Finalmente Seleccione el botn GUARDAR y Ver blog.
F.- Puedes reubicar el elemento aadido o cambiar el sonido Midi por otro.
NOTAS PARA TOMAR EN CUENTA:
Parmetro
SRC
WIDTH y HEIGHT
AUTOSTART="true"
LOOP="true"
Utilidad
Contiene la direccin URL del archivo de sonido a reproducir
Aparece un pequeo reproductor, estos parmetros especifican su
tamao. Ancho y Alto respectivamente.
Arranca automticamente la reproduccin. Para que no arranque
automticamente en lugar de true colocamos 0
Reproduce ininterrumpidamente el fichero hasta que salimos de la
pgina.
Como se dio WIDTH="200" y HEIGTH="40" se mostrar un controlador de sonido. Segn el

sistema operativo ser:
Aqu unas pginas web para obtener direcciones de melodas Midi:

Para obtener la URL de otras melodas revisa las siguientes pginas. Slo haz Clic derecho sobre el
Enlace y selecciona Propiedades, luego Selecciona y Copia la URL de la ventana que aparece:
http://www.geocities.com/CollegePark/Dorm/9834/midi.html
http://www.piano-midi.de/beeth_es.htm
http://photofiltrecastellano.iespana.es/musicamidi.htm
PAGINA - 33
AGREGAR UN PANEL DE MENSAJES DE CBOX A UNA ENTRADA DE TU
BLOG Y COMO ELEMENTO DE TU PGINA
1.- OBTENIENDO LOS CODIGOS INSERTAR DEL PANEL EN LA PGINA DE CBOX:
A.- Abre la siguiente pgina Web: www.cbox.ws
B.- Sigue los siguientes pasos. Recuerda que debes contar con una cuenta de correo electrnico.
1.- Da un clic en la pestaa sign up
2.- Completa los datos que nos

solicitan:
-Nombre de usuario.
-Correo Electrnico: Uno por cuenta.
-Contrasea.
-La URL del Blog.
-Elige un Estilo.
4.- Ahora da un clic sobre el botn

Create my Cbox!
3.- Acepta las condiciones del servicio.
C.- Cierra la ventana que aparece y tienes que ingresar a tu correo para verificar tu cuenta en Cbox,
en este correo vendr tu nombre de usuario y contrasea para acceder a tu cuenta.
1.- Da un clic en este enlace

de verificacin.
PAGINA - 34
D.- Aparecer la siguiente pantalla, donde ingresars con tu nombre de usuario y contrasea:
1.- Digita tu nombre de

usuario
2.- Digita
contrasea
tu
E.- aparecer la siguiente ventana final:
1.- Da un clic en el botn

Update.
2.- Selecciona y
copia los cdigos de
la barra.
2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA

A.- Ingresa a la entrada donde vas a colocar el Panel de comentarios.
B.- Selecciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) los cdigos en el lugar
que deses.

<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305"
src="http://www5.cbox.ws/box/?boxid=326487&boxtag=4916&sec=main" marginheight="2"
marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;"
id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75"
src="http://www5.cbox.ws/box/?boxid=326487&boxtag=4916&sec=form" marginheight="2"
marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px
solid;border-top:0px" id="cboxform"></iframe></div>
</div>

PAGINA - 35
D.- Finalmente Seleccione el botn PUBLICAR ENTRADA y visualiza tu Blog en una

ventana nueva.
NOTA: Para modificar el tamao del Panel debemos saber que:
1.- Los parmetros:
width=" " : Establece el Ancho del Panel
height=" " : Establece el Alto del Panel
2.- Modifica segn tu necesidad. Cambiando el primer par es para visualizar el mensaje. El
segundo par es para poner nombre y digitar el mensaje. Siempre deben coincidir los width.
3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PGINA (HTML/Javascript)

A.- Selecciona la ficha Diseo.
B.- Selecciona el enlace Aadir un elemento de pgina (Add a Page Element).
C.- Da un clic en el botn AADIR AL BLOG del elemento HTML/Javascript.
D.- Digita el ttulo: PANEL DE MENSAJES.
E.- Pega el cdigo Insertar en el rea CONTENIDO.
F.- Modifica los valores de width y height si lo deseas.
D.- Seleccione el botn GUARDAR.
E.- Finalmente Seleccione el enlace Ver blog de elemento de pgina aadida.
PAGINA - 36
AGREGAR UN VDEO DE YOUTUBE A UNA ENTRADA DE TU BLOG Y COMO
ELEMENTO DE TU PGINA
1.- OBTENIENDO LOS CODIGOS INSERTAR DEL VDEO EN LA PGINA DE YOUTUBE:
A.- Abre la siguiente pgina Web: www.youtube.es
B.- En la barra Buscar digita el tema o personaje: cusco
C.- Luego, da un clic al vdeo de la lista: Cusco Promperu Tv Comercial. Puedes ver el vdeo
para asegurarte que es el que buscas de lo contrario puedes cambiarlo en la lista de la derecha.
D.- Puede personalizar la presentacin del
vdeo: No incluir videos relacionados,
Mostrar borde.
Selecciona en este panel otro vdeo si

el anterior no te gusta.
NOTA: Si deseas cambiar de tema
tienes que ir a la barra Search.
E.- Da un clic sobre la barra Insertar y

Copia ([Ctrl] + [C]) los cdigos que
aparecen.
Si deseas puedes seleccionar en este panel

otro vdeo si el anterior no te gusta.
NOTA: Si deseas cambiar de tema tienes
que ir a la barra Buscar.
2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA

A.- Crea una Nueva Entrada en tu Blog.
B.- Trabajando en la ficha Redactar coloca de ttulo CUSCO - PROMPERU TV COMERCIAL y
en la entrada:
PAGINA - 37
Una belleza milenaria para admirar
(Darle formato)
C.- Selecciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) el cdigo Insertar de
Youtube.
<object width="425" height="355"><param name="movie"
value="http://www.youtube.com/v/D7pbF2P8CLM&hl=en"></param><param name="wmode"
value="transparent"></param><embed src="http://www.youtube.com/v/D7pbF2P8CLM&hl=en"
type="application/x-shockwave-flash" wmode="transparent" width="425"
height="355"></embed></object>
D.- Finalmente Seleccione el botn PUBLICAR ENTRADA y visualiza tu Blog en una ventana
nueva.
NOTA: Para modificar el tamao de un vdeo debemos saber que:
1.- Los parmetros:
width=" " : Establece el Ancho del Video
height=" " : Establece el Alto del video
2.- Cambiando el segundo par es suficiente, pero es recomendable cambiar los dos pares a las
mismas medidas. Valores aproximados para los casos:
Lugar donde ubicas el video
EN UNA ENTRADA
PANEL
DERECHO
ELEMENTO
width="425"
height="355"
COMO width="210"
height="150"
o
o
A
A
valores
Menos
Menos
225
165

D.- Digita el ttulo : CUSCO - PROMPERU TV COMERCIAL.
F.- Modifica los valores de width y height de la parte inferior (SEGUNDA PAREJA) por:
width="210" height="150"
E.- Finalmente Seleccione el enlace Ver blog de elemento de pgina aadida.
PAGINA - 38
PONER UN SLIDE SHOW EN TU BLOG
1.- REGISTRANDONOS Y EMPEZANDO A CREAR NUESTRO SLIDE SHOW:
A.- Abre la siguiente pgina Web: www.slide.com
B.- En la pgina de slide nos registramos siguiendo los siguientes pasos:
2.- SUSCRIBETE.- Con un correo electrnico

y una contrasea. Luego da un clic en el botn
Regstrate.
1.- REGISTRATE.- Para ello damos un

clic en el botn Regstrate. Y
completamos los datos de la siguiente
ventana:
2.- En la siguiente pantalla da un clic

en el enlace Clic here, para empezar a
crear el slide.
2.- AGREGANDO LAS FOTOS AL SLIDE SHOW.A.- Debemos seguir los siguientes pasos y ser muy curiosos ya que hay muchos efectos:
VISUALIZADOR DEL SLIDE SHOW
1.- Seleccionar
las imagenes
3.- Darle un
Estilo.
4.- Darle un Borde

(Skins).
2.- Subir las

imgenes.
5.- Darle un Tamao. Considerar los

valores de los videos: Para una Entrada
dejar como esta. Para aadirlo como un
Elemento de pgina: Ancho: 210 y Altura 150.
PAGINA - 39
B.- Luego podemos reordenar las imgenes arrastrndolos y ponerle una leyenda desarrollando:
4.- Guardamos para obtener el
cdigo HTML.
1.- Arrastrar
las fotos
3.- Cambiar colores

Fuente y fondo.
2.- Colocar una leyenda
C.- Copiamos el cdigo HTML obtenido:

1.- Seleccionamos y copiamos ([Ctrl]+[C]).
3.- AGREGANDO LOS CODIGOS HTML EN EL EDITOR DE HTML DE UNA ENTRADA:

B.- Ponle de ttulo LAS MARAVILLAS DEL CUSCO
C.- Selecciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) el cdigo HTML.
<div><embed src="http://widget-00.slide.com/widgets/slideticker.swf" type="application/xshockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent"
flashvars="cy=h5&il=1&channel=1873497444995296512&site=widget-00.slide.com"
style="width:426px;height:320px" name="flashticker" align="middle"/><div
style="width:426px;text-align:left;"><a
href="http://www.slide.com/pivot?cy=h5&at=un&id=1873497444995296512&map=1"
target="_blank"><img src="http://widget00.slide.com/p1/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide1.gif" border="0"
ismap="ismap" /></a> <a
target="_blank"><img src="http://widget00.slide.com/p2/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide2.gif" border="0"
ismap="ismap" /></a></div></div>
PAGINA - 40
D.- Puedes modificar los valores de width y height de la parte superior para cambiar el Ancho y
Alto del Slide respectivamente. El Width de la parte inferior debe llevar el mismo que el anterior.
E.- Finalmente Seleccione el botn PUBLICAR ENTRADA y saldr un error:
Este error lo arreglamos haciendo el siguiente cambio en los cdigos:

<div><embed src="http://widget-00.slide.com/widgets/slideticker.swf" type="application/xshockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent"
flashvars="cy=h5&il=1&channel=1873497444995296512&site=widget-00.slide.com"
style="width:426px;height:320px" name="flashticker" align="middle"/><div
style="width:426px;text-align:left;"><a
target="_blank"><img src="http://widgetCambiar por:
00.slide.com/p1/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide1.gif" border="0"
"middle"></embed><div style
ismap="ismap" /></a> <a
Listo, Ahora si podemos publicar entrada.
4.- AGREGANDO EL SLIDE SHOW COMO ELEMENTO DE PGINA (HTML/Javascript)

D.- Digita el ttulo : LAS MARAVILLAS DEL CUSCO.
E.- Pega ([Ctrl]+[V]) el cdigo HTML en el rea CONTENIDO. Aqu no saldr errores.
F.- Modifica los valores de width y height de la parte superior (PRIMERA PAREJA) por:
width:210px;height:150px"
G.- El width inferior debe llevar el mismo valor que el del superior: 210px.
H.- Seleccione el botn GUARDAR.
I.- Finalmente Seleccione el enlace Ver blog de elemento de pgina aadida.
PAGINA - 41
AGREGAR UN SPLASHCAST A UNA ENTRADA DE TU BLOG Y COMO
ELEMENTO DE TU PGINA
Un Splashcast es como una televisin orientada y virtual que puede ser compartida entre amigos y colgado
en cualquier pgina Web. Teniendo una cuenta puedes colgar desde videos de YouTube hasta PowerPoint.
1.- REGISTRANDONOS EN LA PGINA DE SPLASHCAST:
A.- Abre la siguiente pgina Web: www.splashcastmedia.com
B.- Sigue los siguientes pasos. Recuerda que debes contar con una cuenta de correo electrnico.
1.- Da un clic sobre el enlace Login
2.- Luego vamos a registrarnos, da

un Clic en el botn register now.
NOTA: Este panel es

para
ingresar
las
siguientes veces, luego
que tengas tu cuenta en
SplashCast.
C.- Completa los siguientes datos que te piden y anota aparte el password para que no se te olvide.
1.- Completa los datos

obligatorios.
NOTA: Para crear otra
cuenta de splashCast,
necesitas otro correo.
botn done.
2.- Acepta las
condiciones del
servicio.
PAGINA - 42
D.- En la siguiente ventana Friend Manager da

un Clic en el botn skip this step. Aparecer la
ventana de ingreso con tu email y password.
E.- Activa remember me on this

computer, para que recuerde
siempre esos datos, y da un clic en
el botn login. Ahora ya estamos
listos para crear nuestro canal.
2.- CREAR UN CANAL DE PELICULAS CON VARIAS PARTES DE VIDEOS DE YOUTUBE

A.- Creamos un Canal desplegando la barra indicada y completamos los datos:
2.- Completa los dos primeros datos:

Name: historia del cusco
Category: Educacin
1.- Desplegamos la barra Choose a Channel y

seleccionamos la opcin Create new channel.
botn save.
B.- Aparecer un mensaje de canal vaco y la pregunta si deseamos crear un show en el canal,
debemos aceptar dando clic en yes. Cada show creado puede contener varios videos que pueden
ser relacionados o no.
Desarrollemos los siguientes pasos para crear un show:

PAGINA - 43
1.- Aparecer la siguiente ventana en la cual ejecutamos:

1.-Elegimos el tipo de
show que vamos a
trabajar. Para nuestro caso
VIDEO.
2.-Ahora elegimos
YouTube.
3.- Finalmente done

2.- En la siguiente ventana de bsqueda utilizamos slo la primera barra superior
keywords:
1.- Digita el tema de los videos a buscar. Para

nuestro caso: Cusco milenario y presiona go.
NOTA: Uno puede buscar sus videos en la pgina de YouTube primero y una vez elegidos puede
colocar el ttulo de ellos para buscarlo. Esta forma es ms recomendada.
3.- Aparecer la siguiente ventana Search YouTube con los videos encontrados en
miniatura, donde podemos ejecutar:
1.- Selecciona los videos que deseas para
agregar a tu show. Clic en los cuadritos del
vrtice superior izquierdo de cada video.
2.- Puedes avanzar a la siguiente

pgina para revisar otros videos.
3.- Este botn te permite hacer otra
bsqueda sumando videos a los
elegidos anteriormente.
4.- Terminado se seleccionar los

videos. Da un clic en save y luego
en done.
PAGINA - 44
5.-Aparecer la siguiente pantalla de edicin: Edit Show, donde puedes organizar tus
videos.
1.- Arrastrando
puedes cambiar
de posicin los
videos.
3.- Puedes agregar

otro video
2.- Puedes eliminar

cualquier video
4.- Finalmente haz clic en el botn save.

6.- Aparecer la siguiente pantalla para grabar el show. Completa slo los dos primeros
datos y contina.
1.- Completa estos

datos, son suficiente.
2.- Da un clic en
next.
7.- Luego da un clic en el botn publish de la siguiente ventana:
PAGINA - 45
8.- Aparecer la siguiente ventana Publish Show, donde puedes modificar:
1.- El tiempo de transicin

de un video al siguiente. Lo
recomendable
es
2
segundos.
2.- Da un clic en el botn publish
para continuar.
9.- Como no notificamos a ningn amigo, pasamos a la siguiente ventana:
1.- Da un clic en el botn skip this step,

para continuar
10.- Aparecer la siguiente pantalla de Shows, en la que podemos agregar otro show o
editar uno hecho, pero lo ms importante es que podemos obtener el cdigo HTML
del canal:
1.- Da un clic en el botn code para obtener

los cdigos a insertar.
PAGINA - 46
11.- Aparecer la siguiente pantalla, donde podemos:
1.- Modificar el tamao de los

videos:
320x240 : Para Entrada.
210x150 : Para Elemento de Pgina,
como no aparece lo debes cambiar en
blogger, al pegar el cdigo.
2.- Da un clic en el botn copy

HTML text. para copiar los
cdigos.
3.- Finalmente hacemos clic en done o

podemos cerrar la ventana para pasar a la
ventana de blogger.
3.- AGREGANDO LOS CODIGOS HTML text EN EL EDITOR DE HTML DE UNA ENTRADA:
B.- Trabajando en la ficha Redactar coloca de ttulo CUSCO en la entrada:
C.- Selecciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) el cdigo HTML text
copiado. Quedar as:
<embed src="http://web.splashcast.net/go/so/1/c/GCYV3146ZH" wmode="transparent" width="320"
height="240" allowFullScreen="true" type="application/x-shockwave-flash" />
OJO:
Antes de publicar debes cambiar lo siguiente:
Cmbialo por </embed> y listo.
El cdigo final quedar:

<embed src="http://web.splashcast.net/go/so/1/c/GCYV3146ZH" wmode="transparent" width="320"
height="240" allowFullScreen="true" type="application/x-shockwave-flash"></embed>
D.- Finalmente Seleccione el botn PUBLICAR ENTRADA
NOTA: Para modificar el tamao de un vdeo debemos saber que:
1.- Los parmetros: width=" " : Establece el Ancho y height=" " : Establece el Alto del video
Valores aproximados para los casos:
Lugar donde ubicas el video
EN UNA ENTRADA
PANEL
DERECHO
ELEMENTO
width="425"
height="355"
COMO width="210"
height="150"
o
o
A
A
valores
Menos
Menos
225
165
PAGINA - 47

B.- Selecciona el enlace Aadir un elemento de pgina: (gadget), (Add a Page Element).
C.- Da un clic en el botn o enlace HTML/Javascript.
D.- Digita el ttulo: CUSCO.
F.- Modifica los valores de width y height por:
width="210" height="150"
E.- Finalmente Seleccione el enlace Ver blog de Elemento de pgina aadido.
PAGINA - 48

4.-HTML
5.-MP3
6.-WWW
1.-E-mail
2.-Chat
3.-Sonido MID

1.- Qu otros usos educativos le puede dar usted a su Blog?
2.- Bosqueja un pequeo proyecto sobre la aplicacin de los Blog en tus Clases.

CULMINACIN DEL PROYECTO LIBRO ELECTRNICO
1.- Agrgale a tu Blog: Sonido de Fondo, puedes utilizar el que ms te agrade.
2.- Agrgale un Panel de Mensajes con CBOX para las Autoevaluaciones. Con este avance se culminar la
evaluacin del proyecto.
3.- Otros cambios y mejoras queda a tu creatividad, las cuales realzarn el contenido de tu Libro.
PAGINA - 49
INTERNET : CREAR UN BLOG
CONCLUSIONESY POTENCIALIDADES EDUCATIVAS

1.- Hay muchas Pginas Web que te brindan el servicio gratuito para crear tu Blog. Elegimos el servicio de
Blogger para crear libros electrnicos porque nuestra experiencia desde el ao 2006 ha sido un trabajo en
una interfaz cada da ms fcil de utilizar y la posibilidad de modificar las plantillas adems de ser un
servicio gratuito con una publicacin y actualizacin en tiempo real.
2.- Una vez que se domina el manejo de esta herramienta, podemos aplicarlo para elaborar una gama muy
amplia de materiales educativos, experiencias que podemos asegurar y demostrar. Contamos con las
siguientes experiencias de los Blogs aplicados en la educacin:
2.1.- LIBROS ELECTRNICOS
Esta experiencia la estamos implementando la cual a sido pensada para elaborar textos tanto por parte de los
docentes como tambin por los alumnos. Abre la posibilidad de poder producir material de consulta y en
lnea.
EJEMPLO: El modelo del que trata el presente manual es el siguiente:
www.cuentos-suizo.blogspot.com/
2.2.- ELABORAR UNA CLASE VIRTUAL.Utilizando la tcnica La caza de tesoros podemos elaborar Blogs que permitan hacer un uso orientado y
positivo de las bondades del Internet. Veamos un ejemplo:
RECICLAJE
rea: Ciencias Sociales
Nivel: Secundaria
INTRODUCCIN
En el mundo actual, el nivel de desarrollo de un pas se mide por la

cantidad de residuos que produce. Pero no es menos cierto que su grado
de cultura y desarrollo cvico es funcin del nivel de reciclado de estos
residuos que genera.
Estamos a tiempo para concienciarnos del impacto medioambiental que
producen nuestras basuras. Esta actividad puede ser interesante y en ella
puedes encontrar informacin y orientacin en este sentido.
PREGUNTAS
1.- Cual es la materia prima para la fabricacin papel?

2.- Por qu crees que es necesario reciclar el papel?
3.- Crees que es mas ecolgico utilizar el papel blanco o sin blanquear.
Justifica la respuesta.
4.- Qu significa en el argot medioambiental: las 3R?
5.- Seguro que al revisar las pginas recomendadas encontrars alguna
actividad interesante para realizar en el laboratorio. Prepara el guin.
RECURSOS
pgina 1
http://www.iespana.es/natureduca/activ_reciclaje_papel.htm
pgina 2
http://www.redcicla.com/index.htm
pgina 3
http://alternativa-joven.org/extrenatura/sub4/rrr.html
LA GRAN
PREGUNTA
Vamos a probar tu idea sobre el reciclado: Qu porcentaje de la basura

domstica crees que se puede reciclar?... (pinsalo y contesta)...Ahora
busca en la pgina 2 y comprueba.
PAGINA - 50

EVALUACIN
Se valorar la precisin en la respuesta, la justificacin en aquellas que lo

necesiten, la redaccin clara y escrita atendiendo a las reglas gramaticales
y ortogrficas.
EJEMPLO: Un modelo la tenemos en el siguiente:

http://energiasuizo.blogspot.com/
2.3.- CLASES VIRTUALES DE HISTORIA UTILIZANDO VIDEOS DE YOUTUBE.Si bien la mayora de docentes tenemos una desconfianza de los vdeos que encontramos en YouTube, no
podemos negar que es una pgina a la que acceden la gran mayora de nuestros estudiantes. Por ello
debemos explotarlo de modo orientando y seleccionando los materiales positivos de esa pgina.
La facilidad con que se insertan y manipulan los vdeos hace que podamos utilizar con mucho valor este
servicio:
EJEMPLO:
www.aniversuizo.blogspot.com
2.4.- PERIODICOS ESCOLARES ELECTRNICOS.Herramienta que explotan los docentes de comunicacin para que los alumnos puedan publicar noticias
locales, regionales, nacionales e internacionales. Poniendo en prctica sus opiniones y creatividad sobre la
realidad.
2.5.- MDULOS DE TRABAJO PARA CASOS DE ALUMNOS QUE FALTAN A LA

ESCUELA O PARA ESTUDIOS A LARGA DISTANCIA.Herramienta que abre las opciones de facilitar los estudios para alumnos que se hayan ausentado de clases
por motivos de salud u otros. En nuestra experiencia nos sirvi para trabajar con alumnos de la nocturna.
Para los cuales se les facilita los materiales avanzados cuando han faltado por causas justificadas, pero con
evaluaciones presenciales obligatorias. As no se retrazan y culminan su ao escolar satisfactoriamente.
2.6.- TRABAJAR EN REDES EDUCATIVAS.A travs de esta herramienta todos los trabajos de las Instituciones Educativas pueden integrarse y
actualizarse en tiempo real, de esa forma se estn comunicando los avances en los diferentes programas que
se desarrollan.
EJEMPLO:
http://promotoresescolares7084.blogspot.com/
2.7.- PRODUCCION Y PUBLICACIN DE TRABAJOS DE INVESTIGACIN DE LOS

DOCENTES.2.8.- DIFUNDIR LOS AVANCES PROPIOS DE CADA INSTITUCIN.EJEMPLO:
www.aniversuizo.blogspot.com
PAGINA - 51
BIBLIOGRAFA CONSULTADA
Pginas Web:
1.- https://www.blogger.com/
2.- http://www.latarea.com.mx/articu/articu12/salcid12.htm
3.- http://www.cidse.itcr.ac.cr/revistamate/index.html
4.- http://www.aula21.net/
5.- http://dewey.uab.es/pmarques/buenidea.htm#intro
6.- http://www.eduteka.org/ComprensionLecturaInternet.php
7.- http://dewey.uab.es/pmarques/habilweb.htm#riesgos#riesgos
8.- http://contexto-educativo.com.ar/2003/4/nota-02.htm
9.- http://www.eduteka.org/BlogsEducacion.php
PAGINA - 52

Como Crear Un Blog 2

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Como Crear Un Blog 2

Cargado por

Copyright:

Formatos disponibles

www.cuentos-suizo.blogspot.

PROFESOR: LIC. ALDO VEGA ROSALES

INTERNET : LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

UNA PGINA QUE REVOLUCIONA: BLOGGER

Publique sus opiniones.

INTERNET : LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

1.- INGRESANDO A BLOGGER Y RECONOCIENDO SU INTERFAZ

y en la barra de Direccin digita:

www.blogger.com (Luego presione [ENTER])

3.- Estos enlaces te permiten hacer la

4.- Bloque Ayuda de

1.- Bloque Crear un Blog, aqu iniciars

INTERNET : LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

2.- CREANDO TU BLOG EN 3 PASOS

Paso 1: Creando tu Cuenta

1.- Nombre de usuario:

3.- Nombre que registrar Blogger

4.- Digite los caracteres

5.- Active el cuadro de

INTERNET : LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

Paso 2: Asignndole un nombre a tu Blog

3.- Una vez culminado

Paso 3: Eligiendo una Plantilla para tu Blog.

2.- Una vez culminado

INTERNET : LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

Debes esperar hasta que aparezca el siguiente mensaje

1.- Da un clic en EMPEZAR A

3.- CREANDO ENTRADAS

superpuesta, donde puedes desarrollar las siguientes acciones:

8.- Ficha Edicin de

4.- Enlace Vista previa

3.- Ficha Redactar .- Es El AREA DE

5.- Publique para ver su

7.- Coloque una etiqueta para su

INTERNET : LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

BARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADAS

3.1.1.-Aadiendo una Imagen a tu entrada

NOTA.- Puedes aadir una

1.- Da un Clic en el botn Examinar para dirigirnos a la

2.- Clic en uno de los

3.- Seleccione el tamao de

4.- Da un Clic en el botn Subir

INTERNET : LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

3.-Debemos esperar, aparecer el siguiente mensaje:

1.- D Clic para continuar

3.1.2.-Aadiendo texto a tu entrada

4.- PUBLICANDO LA ENTRADA Y VIENDO TU BLOG

NOTA: esta pantalla es importante para

4.1.-Viendo tu Blog (Importante)

INTERNET : LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

5.-CREAR UNA NUEVA ENTRADA A TU BLOG

6.-EDITAR UNA ENTRADA CREADA

INTERNET : LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

1.-Da un Clic, sobre el Opcin Editar

NOTA B.-Aqu puedes Eliminar