Manual Elaborar Blog Aplicacion Educacion

www.cuentos-suizo.blogspot.
com

PROFESOR: LIC. ALDO VEGA ROSALES
Autorizado por el autor slo para impresiones aldovr73@hotmail.com

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES
PAGINA - 2 -
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 - 3 -

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:

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.
4.- Bloque Informativo de
Blogger.
1.- Botn 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.
CAPTULO I
Internet
Explorer
3.- Estos enlaces te permiten hacer la
bsqueda de Blogs importantes.

PAGINA - 4 -

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:

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:
__________________________
3.- Nombre que registrar Blogger
en las entradas de tu Blog.
4.- Digite los caracteres
que aparecen encima
6.- Una vez culminado da
un clic en Continuar
1.- Da un Clic sobre
el botn naranja.
5.- Active el cuadro de
aceptacin de las
condiciones del servicio.
2.- Contrasea:
Como mnimo 8 caracteres y segura.
Para que no se te olvide, Antalo
aqu: ____________________
PAGINA - 5 -

Paso 2: Asignndole un nombre a tu Blog

Paso 3: Eligiendo una Plantilla para tu Blog.
Puedes elegir la plantilla que ms te agrade slo seleccinalo y Contina:

APRENDA A ELABORAR SU BLOG
2.- La direccin URL ser para que t y el resto puedan acceder al Blog a travs
de Internet Explorer, sea creativo y digite sin www:
Antelo aqu: _________________.blogspot.com para no olvidarlo.
1.- Selecciona una
plantilla, dando un Clic
sobre l. Para nuestro
ejemplo selecciona:
Rounders 3
1.-El Ttulo se ubicar en la
Cabecera de tu Blog, por ello
debe tener relacin con la
informacin a publicar.
3.- Una vez culminado
da un Clic en Continuar
2.- Una vez culminado
da un Clic en Continuar
PAGINA - 6 -
Debes esperar hasta que aparezca el siguiente mensaje

3.- CREANDO ENTRADAS
Cuando uno da Clic en EMPEZAR A PUBLICAR, aparece la siguiente pantalla con la ficha
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.- Da un clic en EMPEZAR A PUBLICAR
para crear la Primera Entrada, que es
obligatorio para publicar tu Blog.
Creacin de entradas
2.- BARRA DE HERRAMIENTAS.- Para
Aadir Imagen y dar Formato al Texto. Sus
elementos se explican mas adelante.
1.- Coloca el Ttulo que
llevar tu entrada.
3.- Ficha Redactar .- Es el AREA DE
EDICION.- Donde se desarrolla el
contenido de tu Entrada: Texto
Imgenes Vdeos - Enlaces.
6.- Coloque una etiqueta para su
entrada si lo desea. Esta aparecer
al final de su entrada.
7.- Ficha Edicin de HTML.-
Para agregar cdigos de HTML de
otras funciones o de servicios de
otras pginas como YouTube.
5.- Despliegue el enlace Opciones de
entrada.- Para controlar los comentarios
y cambiar el orden de las Entradas
modificando su fecha y hora de creacin. 4.- Publique para ver su blog.
2.- Opciones avanzadas de configuracin.-
Desplegando este enlace puedes comprar un
dominio personalizado para tu blog o insertar
un blog de blogger al nuevo.
PAGINA - 7 -
BARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADAS

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: La primera vez debes aceptar las
condiciones del servicio 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.
ESTILO DE
TEXTO
TAMAOS
DE TEXTO
NEGRITA
CURSIVA
COLOR DEL
TEXTO
ALINEACION
LISTA
NUMERICA
LISTA CON
VIETAS
ELIMIMNAR
FORMATO DE LA
SELECCION
AADIR
IMAGEN
Aadir Vdeo
VNCULOS
COMPROBAR
ORTOGRAFA
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 , BMP o Png. Tamao mximo 8 Mb.
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.- Puedes aadir una
imagen de la Web colocando su
URL.
PAGINA - 8 -
3.-Debemos esperar, aparecer el siguiente mensaje:

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 Entrada 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.

4.1.-Visualizando 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.
1.- D Clic para continuar
aadiendo texto.
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.
PAGINA - 9 -

5.-CREAR UNA NUEVA ENTRADA A TU BLOG
1.- En la Pantalla Anterior de la Ficha Creacin de entradas seleccionamos la opcin Nueva
entrada 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.

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:

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.
Aqu
Edita la ltima
entrada creada.
1
2
PAGINA - 10 -

2.-Aparecer la siguiente pantalla donde podrs modificar cualquier entrada creada y otros
cambios importantes en tu Blog. Slo sigue el paso 1:

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

NOTA A.- Aqu puedes modificar
el nmero de entradas que se
mostrarn en cada pgina de tu
Blog de 5 300.
NOTA B.-Aqu puedes Eliminar
cualquier entrada publicada, con un Clic
en Suprimir y luego aceptar la
confirmacin.
1.-Da un Clic, sobre el Opcin Editar
de la Entrada que desee modificar,
guese por el Ttulo de la entrada.
PAGINA - 11 -

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
creatividad.

PAGINA - 12 -

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:

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:

Inmediatamente ingresars por primera vez al Panel Escritorio, donde distinguiremos las siguientes
opciones a utilizar en adelante:

CAPTULO II
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.- Ingresa tu Nombre de Usuario: E-mail
utilizado y anotado en la Pgina 4.
2.- Ingresa tu Contrasea:
Anotado en Pgina 4.
3.- Da un Clic en el
botn ACCEDER.
1.- EDITAR PERFIL: Lo Utilizars para
agregar y modificar datos de tu perfil as como
una foto.
7.-Te permite crear muchos
blogs en la misma cuenta de
Blogger. Importante para crear
Libros Electrnicos.
Si trabajas en una
PC propia activa
esta opcin para que
ingrese directo a tu
cuenta.
2.-NUEVA ENTRADA: Lo
utilizars para agregar una
nueva entrada a tu Blog.
4.-Te direcciona a la Ficha
Configuracin: Bsico, Publicacin,
Formato, Comentarios, etc.
5.-Te lleva a la Ficha Diseo:
Elementos de la Pgina, Fuentes y
colores, Edicin de HTML,
Seleccionar Plantilla Nueva.
3.-Te direcciona a la ficha Creacin
de entradas: Nueva entrada, Editar
Entradas.
6.-Te lleva a la Ficha Monetizar: Donde con
AdSense ganars dinero gracias a los anuncios
orientados que se colocan en tu blog.

PAGINA - 13 -

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: 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.
Contina
NOTA: Algunos datos ya aparecen
llenos. Si deseas slo completa los
obligatorios.
PAGINA - 14 -

http://bp3.blogger.com/_2HCcfuntMz8/RZ1cxdaTsJ
CASO 1: Se puede subir una foto o
imagen de su equipo. Slo haga Clic en
Examinar y seleccione la foto.
CASO 2: Si la foto o imagen es de la Web:
A.- Debe copiar la URL de la Foto o Imagen.
B.- Seleccione Desde la Web, haga un Clic en la barra de texto y presione
[Ctrl] + [V].
Contina
NOTA: Veamos los casos para subir una foto o imagen a tu perfil:
PAGINA - 15 -

4.- Aparecer el siguiente mensaje donde debes seleccionar la opcin Volver a: Escritorio.

5.- Retornars al Panel Escritorio de Blogger donde podrs ver la foto del perfil y tambin
ver tu Blog:

6.- Ahora Cierra 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.

2.- Una vez culminado da un clic sobre este
botn para guardar su perfil.
1.- Da un clic en el enlace
Escritorio.
1.- Da un Clic en el enlace Ver blog
para ver su Blog.
PAGINA - 16 -
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.

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, t puedes descubrir qu opciones ms contiene:

1.- Cambia el ttulo del Blog que
habas colocado
2.- Ingrese una Descripcin del
Ttulo ste se colocar en la
Cabecera como Subttulo.
3.- Culminado los cambios Guarde la
Configuracin para que se apliquen.
Aqu
NOTA 2.- Puedes Eliminar tu blog
haciendo un clic en este enlace.
NOTA 1.- Exportar-Importar tu blog.-
Puedes exportar tu blog descargndolo a
tu PC y luego importarlo a otro blog.
PAGINA - 17 -

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.

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:

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:
Mensaje
C
1.- Ingrese la nueva direccin URL que
modificar la anterior. No olvides ser
original para que no lo rechace.

3.- Da un clic para guardar
la nueva configuracin.
A
B
2.-Digita los caracteres de verificacin.

PAGINA - 18 -

3.- Aparecer el mensaje que indica que los cambios se han guardado.

2.4.- CONTROLAR LOS COMENTARIOS A TUS ENTRADAS DE TU BLOG

1.- Selecciona el enlace Comentarios de la ficha Configuracin.
2.-Aparecer la siguiente pantalla que est recortada para desarrollar slo las opciones que nos

5.- Da un Clic para guardar los cambios.
3.- Para establecer el formato de la
hora en que se publica una entrada de
tu Blog.
4.- Para establecer La zona horaria:
(GMT-05:00) Lima y El idioma de la
fecha: espaol (Per)
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.
4.- Da un Clic para guardar
los cambios.
3.- Permite ubicar los formularios de
comentarios de tal modo que sea ms
cmodo para los usuarios.
1.- Mostrar u ocultar los comentarios
a tus entradas que se vern en tu Blog.
2.- Limita la posibilidad de
comentar a los usuarios.
PAGINA - 19 -
3.- Aparecer el mensaje que indica que los cambios se han guardado.
2.5.- PERMISOS A AUTORES Y LECTORES CONVERTIR TU BLOG EN UNA
INTRANET.

1.- Selecciona el enlace Permisos de la ficha Configuracin.
2.-Aparecer la siguiente pantalla que est recortada para desarrollar slo las opciones que nos

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:

3.- ZONA DE LAS
ENTRADAS: Muestra las
entradas publicadas en orden
inverso a la fecha de creacin.
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.
2.- CABECERA DEL BLOG:
Muestra el Ttulo y Subttulo.
5.- ZONA DE VNCULOS
SECUNDARIA: Se le puede
agregar elementos: Imagen,
Lista de enlaces, etc.
1.- BARRA NAVBAR:
Buscador, Salir, etc.
1.- Puedes aadir hasta 100 autores que
pueden escribir en tu blog. Slo requieres su
correo electrnico para invitarlos.
2.- Lectores del blog.- Tiene los casos.
Cualquiera.- De forma predeterminada para un acceso libre.
Slo a los usuarios que yo elija.- til para elaborar una Intranet, en la
que los usuarios necesitan su informacin de acceso. Slo requieres su
correo electrnico para invitarlo. Luego ellos reciben un correo para
registrarse: Con su correo y aadiendo una contrasea queda listo.
nicamente autores del blog.- Restringe el uso slo a los autores
aadidos.
PAGINA - 20 -
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, eliminar 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.

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:

3.2
3.3
3.4
3.5
Botones: Guardar, Vista
previa y Borrar Cambios

3.1
Aqu
3.7
PAGINA - 21 -
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 - Colocar una imagen.- Para editar la Cabecera ejecuta lo
siguiente:
1.- Da un clic sobre el enlace Editar de la Cabecera, aparecer la siguiente
ventana donde podrs:

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.
2.- Puedes subir una imagen desde tu
equipo, o desde la Web con la URL de
la imagen.
NOTA1.- Para no desproporcionar la
cabecera la imagen debe tener dimensiones
hasta Ancho: 700 x Alto 124 Pxeles. Para
cubrir toda la cabecera.
NOTA 2.- Cuando se pega la URL de la
imagen debes mover el punto de insercin
al inicio de la URL, slo as se ver 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
PAGINA - 22 -

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.

2.- Arrastrar las etiquetas
para ordenarlo, si lo deseas.
1.- Puedes desactivar estas opciones
si deseas que desaparezcan estos
elementos de tu Blog.
1.- Modifica el Ttulo por
ENLACES DE ENTRADAS
NOTA.- Puedes eliminar esta
lista de enlaces a las entradas.
3.- Da un clic en guardar y
puedes revisar los cambios
con el botn Vista previa.
3.- Guarda los cambios.
2.- Elige un Estilo de
presentacin: Jerarqua,
Lista o Men desplegable.
PAGINA - 23 -
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.
2.- Guarda los cambios y puedes revisarlo con el botn Vista previa.

3.6.- Organizar elementos de la pgina.- Slo se pueden organizar los elementos de tu
pgina: Seguidores, Datos personales y Archivo de blog o los elementos
aadidos. Para ello ejecuta lo siguiente:

1.- Arrastra el elemento Datos
personales a la ubicacin deseada,
veamos que quede sobre el elemento
Seguidores.
2.- Guarda los cambios y puedes
revisarlo con el botn Vista previa.
ACTIVIDAD.- Elimina el elemento Seguidores de tu blog.
Para ello edita el elemento.
PAGINA - 24 -
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:

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:
NOTA 2:
Tambin puedes aadir otros elementos:
DESTACADOS: Flickr Photostream, Recent post, Twitter Updates, Picasa Photostream, etc.
LOS MS POPULARES: Blogger Play, Fish, Digg 2.0, etc.
Ms gadgets: Sudoku, Sala de Juegos, Google Video, etc.
Y puedes buscar de alguna empresa: YouTube, Google, etc.
Da un clic sobre la
imagen o ttulo del
elemento.

PAGINA - 25 -
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 Enlaces y da un clic sobre la imagen.
Aparecer la ventana siguiente en la cual sigue los pasos indicados:

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).
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.
4.- Digitar el nombre que aparecer en
los enlaces y que los usuarios de tu
blog leern.
5.- Para aadir varios vnculos
al mismo elemento usa este
botn. Para nuestro caso son 4.
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.
NOTA: Si desea eliminar el elemento
total, Edita el elemento y el botn
ATRS cambiar por ELIMINAR.
6.- Puedes editar, suprimir y
cambiar de ubicacin a los
enlaces agregados.
PAGINA - 26 -
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:

3.2.- CAMBIAR LAS FUENTES Y COLORES DE LA PLANTILLA.


Una vez que sube la imagen aparecer la siguiente
ventana:
1.- Coloca un Ttulo a
tu Imagen.
2.- Si desea enlazar la imagen digite la URL
de la Web elegida.
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.
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.- El elemento HTML/Javascript que Aade una caracterstica de un tercero u otro cdigo a tu blog se
trabajar en el captulo III : OPCIONES AVANZADAS.

3.1.- Si la imagen est en tu PC da un clic en
el botn examinar, luego ubica y selecciona la
imagen.
4.- Guarda los cambios y puedes
revisar como queda con el botn Vista
previa o el enlace Ver blog.
PAGINA - 27 -

el enlace Fuentes y colores que presenta la siguiente pantalla donde primero debemos
reconocer sus elementos:

3.3.- CAMBIAR DE PLANTILLA.

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. Y ejecuta lo siguiente:

1.-BARRA DE LISTA DE LOS
ELEMENTOS DE LA PLANTILLA
CUYOS COLORES Y FUENTES
PUEDES CAMBIAR.
2.-LISTAS DE: COLORES
FORMATOS DE FUENTE A
APLICAR.
4.-GUARDAR O BORRAR
CAMBIOS
3.-PANEL DE VISTA PREVIA
Aqu
PAGINA - 28 -

B.- Otros colores que puedes cambiar en los elementos de tu blog 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

ACTIVIDAD.-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.

3.2.- Cambiar la Fuente de los elementos de la plantilla.-
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.
1.-Selecciona la opcin Color de fondo
de la cabecera de la pgina.
3.-Guarda los cambios.
Vista previa para verificar los
cambios antes de guardarlos
4.-Para ver tu blog en otra ventana
luego de haber guardado los cambios.
PAGINA - 29 -
A.- Cambiar la Fuente del Ttulo del blog.-
1.- En la barra de Lista de colores y Fuentes selecciona la opcin Fuente del
ttulo del blog. Y ejecuta lo siguiente:

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
Aa Fuente del ttulo de la entrada

ACTIVIDAD.- 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.

3.3.- SELECCIONAR UNA PLANTILLA NUEVA PARA TU BLOG.


2.- Selecciona Georgia de la Familia de fuentes
1.-Selecciona la opcin Fuente del ttulo
del blog.
5.-Guarda los cambios.
Vista previa para verificar los
cambios antes de guardarlos
3.-Activa los Estilos de fuente:
Negrita y Cursiva.
4.-Aumenta o disminuye el tamao de
la fuente del ttulo si es necesario.
NOTA.- El uso del enlace Edicin de HTML de la ficha Plantilla requiere de conocimientos
ms avanzados. As que lo dejamos para otro momento.
PAGINA - 30 -

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 Seleccionar plantilla nueva ejecuta lo siguiente:

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.
1.-EN EL PANEL DE
GRUPOS DE PLANTILLAS.-
Selecciona la plantilla
Rounders 2 de este grupo.
NOTA: La plantilla Stretch Denim
es una plantilla que abarca todo el
ancho de la pantalla.
2.-Guarda la Plantilla
Aqu
PAGINA - 31 -


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 Editar 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 Editar del elemento de pgina Archivo del blog y
Elimnalo.

PAGINA - 32 -

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 AGRUPADOS POR CANALES Y OTROS
Pgina Web: www.splashcastmedia.com
5.- SUBIR DOCUMENTOS A TU BLOG Y COMPARTIRLOS
Pgina Web: www.box.net
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.

CAPTULO III
PAGINA - 33 -

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.- Selecciona la opcin Msica Clsica.
C.- Luego Sonata n 14 Claro de Luna .

D.- Luego en la ventana que se presenta haz 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.- 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 siguiente ventana coloca un Ttulo y Digita las siguientes lneas de cdigos en Contenido:

1.- Clic derecho sobre
cualquiera de las zonas:
2.- Selecciona y copia
esta URL:
PAGINA - 34 -

NOTA: En el cdigo src pega la direccin del sonido Midi copiado.

Quedara de la siguiente manera:

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 Utilidad
SRC Contiene la direccin URL del archivo de sonido a reproducir
WIDTH y HEIGHT Aparece un pequeo reproductor, estos parmetros especifican su
tamao. Ancho y Alto respectivamente.
AUTOSTART="true" Arranca automticamente la reproduccin. Para que no arranque
automticamente en lugar de true colocamos 0
LOOP="true" 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:

<embed width="200" autostart="true" loop="true" src="Pega Aqu la Direccin URL del sonido
MIDI" height="40"></embed>
<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>
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 - 35 -
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.

C.- Cierra la ventana de Cbox 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.

4.- Ahora da un clic sobre el botn
Create my Cbox!
2.- Completa los datos que nos solicitan:
-Nombre de usuario. Puede ser cualquiera.
Siempre cambiar para crear un nuevo Cbox
con el mismo correo.
-Correo Electrnico.
-Contrasea. Antalo para no olvidarte.
-La URL del Blog.
-Elige un Estilo.
1.- Da un clic en la pestaa sign up.

3.- Acepta las condiciones del servicio.

1.- Da un clic en este enlace
de verificacin.
PAGINA - 36 -

D.- Aparecer la siguiente pantalla, donde ingresars con tu nombre de usuario y contrasea:

E.- aparecer la siguiente ventana final:

2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA

A.- Crea o 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 desees. Quedar as:


<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>

1.- Digita tu nombre de
usuario.
2.- Digita tu
contrasea
1.- Da un clic en el botn
Update.
2.- Selecciona y
copia los cdigos de
la barra.
NOTA.- Para crear un nuevo Cbox con la misma
cuenta de correo, sal de este panel y repite los
pasos. Slo cambia el nombre de usuario al crear tu
cuenta.
PAGINA - 37 -
D.- Finalmente Selecciona el botn PUBLICAR ENTRADA y visualiza tu Blog en una
ventana nueva.

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 (Aadir un gadget).
C.- Da un clic en el 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.

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 se modifica la zona para visualizar el
mensaje. El segundo par modifica la zona donde se digita el nombre y el mensaje. Siempre deben
coincidir los width.

PAGINA - 38 -

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.com
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.

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:
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
(Embed) y Copia ([Ctrl] + [C]) los
cdigos que aparecen.

D.- Puede personalizar la presentacin del
vdeo: No incluir videos relacionados,
Mostrar borde de color.

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.

PAGINA - 39 -
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.

D.- Finalmente Seleccione el botn PUBLICAR ENTRADA y visualiza tu Blog en una ventana
nueva.


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"

<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>
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 valores
EN UNA ENTRADA width="425" o Menos
height="355" o Menos
PANEL DERECHO COMO
ELEMENTO
width="210" A 225
height="150" A 165

PAGINA - 40 -

AGREGAR UNA LISTA DE VDEOS ESCOGIDOS DE YOUTUBE A UNA
ENTRADA DE TU BLOG Y COMO ELEMENTO DE TU PGINA

Este elemento es muy importante para integrar una pelcula que ha sido subido a YouTube en varias partes,
de esta manera podrs ponerlo en forma secuencial y automtica. Veamos como:

1.- OBTENIENDO LOS CODIGOS INSERTAR DEL VDEO EN LA PGINA DE YOUTUBE:

A.- Abre la siguiente pgina Web: www.youtube.es y regstrate de la siguiente manera:

1.- Seleccione el enlace
Sign Up
3.-Finalmente Selecciona el
botn I accept.

Nota: las siguientes
veces ingresars por la
zona: Sign In
2.-Completando los datos que se te
piden en esta zona:
1.-El nombre: Debe ser original.
2.-Fecha de nacimiento.
3.-Sexo

PAGINA - 41 -
B.- En la siguiente ventana contina:

C.- Ahora hacemos una bsqueda de los vdeos que queremos: Ejemplo PIRAMIDES DE
CARAL.

2.-Completando los datos que se te piden
en esta zona:
1.-El Correo electrnico.
2.-Password.
3.-Palabra de verificacin

1.-Digita el tema, Youtube tiene
absolutamente todo tipo de
videos. Luego pulsa Search
2.-Se mostrar la Lista de vdeos,
selecciona el video parte 1. O el que
desees para visualizarlo, ser tu
primer vdeo.
3.-Finalmente Selecciona el botn
Create New Account and Finish.
PAGINA - 42 -
D.- Una vez visto el vdeo que queremos lo aadimos a Favoritos: Save to Favorites

E.-Para el segundo vdeo, sigue los siguientes pasos:

Repite estos pasos para agregar el tercer y el resto de los vdeos. Para nuestro caso Las pirmides de
Caral son 05, ya sabes si deseas puedes cambiar de tema o autor.

F.-Culminando de agregar los vdeos a la lista, sigue los siguientes pasos:

1.- Crea una lista. Haz clic en
+Playlist
2.- Puedes seleccionar o crear tus listas.
Para nuestro caso crearemos la lista de
nombre CARAL.
3.- Agrega el primer video a la
lista CARAL haciendo clic en
el botn Add.
4.- Selecciona el vdeo
parte 2.
1.-Visualiza el vdeo y luego
selecciona +Playlist .
2.- Si tienes varias listas selecciona la
adecuada y haz un clic en el botn Add y
listo. Para nuestro caso: CARAL.
PAGINA - 43 -

G.-Se presentar la pantalla para editar la lista de videos creada donde puedes cambiar el orden,
eliminar, aumentar vdeos a tu lista, etc. Y obtener el cdigo HTML de la siguiente manera:

1.- Selecciona el enlace
Account.
2.- Selecciona el enlace
Playlists.
1.- Selecciona el botn Share This
Playlist.
2.-Aparecer una ventana
donde debes completar los
datos que se te piden:
1.-El Correo electrnico.
2.-Nombre.
3.-Mensaje opcional

3.-Finalmente Selecciona el
botn Send.

PAGINA - 44 -

H.-Te llegar un correo electrnico a tu cuenta, lo debes abrir y seguir los siguientes pasos:

2.- AGREGANDO LOS CODIGOS Embeddable Player EN EL EDITOR DE HTML DE UNA
ENTRADA:
B.- Coloca de ttulo CUSCO LAS PIRMIDES DE CARAL
C.- Selecciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) el cdigo de Youtube.

D.- Finalmente Seleccione el botn PUBLICAR ENTRADA y visualiza tu Blog en una ventana
nueva.
1.- Haz un clic sobre la imagen.
2.- Aparecer una ventana, donde debes
copiar el cdigo Embeddable Player que
pegars en el Editor de Plantilla de tu Blog:
([Ctrl] + [C])
<object width="480" height="385"><param name="movie"
value="http://www.youtube.com/p/2052DDC192995D87&hl=en&fs=1"></param><param
name="allowFullScreen" value="true"></param><param name="allowscriptaccess"
value="always"></param><embed
src="http://www.youtube.com/p/2052DDC192995D87&hl=en&fs=1" type="application/x-
shockwave-flash" width="480" height="385" allowscriptaccess="always"
allowfullscreen="true"></embed></object>
PAGINA - 45 -


D.- Digita el ttulo : LA CIUDAD PERDIDA DE CARAL.
E.- Pega el cdigo HTML en el rea CONTENIDO.
F.- Modifica los valores de width y height de la parte inferior (SEGUNDA PAREJA) por:

NOTA:
1.- Una vez creado una Lista en YouTube, para modifiarlo debes ingresar con tu Nombre
de usuario y Contrasea.
2.- Los cambios que hagas en la lista se aplicarn automticamente en tu Blog, ya no es
necesario copiar y pegar los cdigos.
3.- Puedes agregar dos o ms listas en tu Blog.
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:

PANEL DERECHO COMO
ELEMENTO
width="210" A 225
height="150" A 165

PAGINA - 46 -
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.- AGREGANDO LAS FOTOS AL SLIDE SHOW.-
A.- Debemos seguir los siguientes pasos y ser muy curiosos ya que hay muchos efectos:

1.-Da un clic en el botn
Regstrarse.
2.- REGISTRATE.- En la siguiente ventana
con un correo electrnico y una contrasea.
Luego da un clic en el botn Registrarse.
Te llegar un correo de notificacin
recordndote tu e-mail y password.
1.- Seleccionar
las imagenes
2.- Subir las
imgenes.
VISUALIZADOR DEL SLIDE SHOW
3.- Darle un
Estilo.
4.- Darle un Borde
(Skins).
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.
3.- En la siguiente pantalla de tu perfil da
un clic en el Icono Crear Slideshow, para
empezar a crear el slide. Puedes completar
tu perfil.
NOTA.-Da un clic en el
botn Ingresar para acceder
a tu cuenta ya creada. Te
pedir el correo electrnico
y la contrasea
PAGINA - 47 -
B.- Luego podemos reordenar las imgenes arrastrndolos y ponerle una leyenda desarrollando:

C.- Guardamos el SLIDE SHOW, agregndole un ttulo, para obtener el cdigo HTML.

D.- Copiamos el cdigo HTML obtenido:

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/x-
shockwave-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://widget-
00.slide.com/p1/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide1.gif" border="0"
ismap="ismap" /></a> <a
ismap="ismap" /></a></div></div>
1.- Arrastrar
las fotos
2.- Colocar una leyenda
3.- Cambiar colores de
Fuente y fondo del pie
de foto.
4.- Guardamos los cambios
a las fotos.
1.- Seleccionamos y copiamos ([Ctrl]+[C]).
PAGINA - 48 -

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 valor 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:

Listo, Ahora si podemos publicar la 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.

NOTA: Si deseas quitar los anuncios del Slide Show para ahorrar espacio. Esto es muy fcil. Con mucho
cuidado borra todos los cdigos y qudate slo con las lneas:

<embed src=.... align="middle"></embed>

<div><embed src="http://widget-00.slide.com/widgets/slideticker.swf" type="application/x-
shockwave-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
ismap="ismap" /></a> <a
Cambiar por:
"middle"></embed><div style
PAGINA - 49 -
COLOCANDO DOCUMENTOS PARA DESCARGAR DE TU BLOG
Box es otra pgina que te permite Colgar y Compartir en la red tus documentos en cualquier formato,
aunque se recomienda que sean PDF. Tus documentos sern fcilmente descargados por los usuarios, se
colocan en una entrada o como elemento en tu blog. Slo sigue los siguientes pasos:
1.- REGISTRANDOTE EN LA PGINA DE BOX Y PUBLICANDO TU DOCUMENTO:
A.- Abre la siguiente pgina Web: www.box.net
B.- Sigue los siguientes pasos.

C.- Aparecer la siguiente ventana donde podrs crear el primer flder para subir tus documentos:

2.- Deja en blanco
esta barra.
1.- Coloca un nombre
al folder.
3.- Da un clic en el botn Create
Folder. Aparecer un mensaje.
4.- Da un clic en el botn No
thanks. Para visualizar tu flder
creado
2.- Ahora da un
clic sobre el botn
Continue.
1.- Completa los datos que nos
solicitan en Sign Up Now:
-Nombre
-Correo Electrnico: Uno por cuenta.
-Contrasea y Confirmar.
-Phone: No es necesario.
3.- En la siguiente ventana verifica
que est seleccionado la opcin
Lite y nuevamente da un clic en el
botn Continue.
NOTA.- Para ingresar a tu cuenta las
siguientes veces con tu correo y Password.
PAGINA - 50 -

D.- Aparecer la siguiente pantalla donde debemos reconocer las siguiente herramientas:

E.- Cuando termine aparecer la siguiente ventana donde podrs:

F.- Cuando termine aparecer la siguiente ventana donde podrs visualizar los documentos subidos
al flder creado. As como obtener el cdigo embed del flder.

2.- Ahora da un clic en el botn Upload para
que suban los archivos.
3.- Aparecer el
siguiente mensaje
para esperar.
1.- Da un clic sobre el flder
creado TUTORIA. Aparecer el
siguiente mensaje.
2.- Da un clic sobre
el enlace Upload
new files.
NOTA.- Si deseas crear otro
folder.
Add files. Aparecer una
ventana para ubicar y subir
los documentos que desees
repitiendo el proceso.
PAGINA - 51 -

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

<embed src="http://www.box.net/static/flash/box_explorer.swf?widget_hash=pfzhvdpbk8&v=0&cl=0"
width="460" height="345" wmode="transparent" type="application/x-shockwave-flash"></embed>
C.- Puedes Cambiar el Ancho y Alto de la
presentacin de los documentos: width="400"
height="300" o de acuerdo a tu gusto. Ms
informacin, en la siguiente pgina.
NOTA1.- La opcin Shared
despliega las siguientes
opciones del documento.
2.- Da un clic en Shared.
NOTA2.- El botn naranja
despliega el siguiente men del
documento.
5.- En la siguiente ventana selecciona y
copia los cdigos Embed de la barra.
No te olvides:
Copiar: [Ctrl]+[C]
All Files.
Embed flder in your site.
6.- Cierra el mensaje.
4.- Puedes modificar los
tamaos y la vista de los
documentos.
PAGINA - 52 -

C.- Finalmente Selecciona el botn PUBLICAR ENTRADA


D.- Digita el ttulo: Ttulo del Grupo de Documentos.
E.- Pega el cdigo Insertar(embed) en el rea CONTENIDO.
F.- Modifica los valores de width y height por:
E.- Finalmente Seleccione el enlace Ver blog de Elemento de pgina aadido.

Finalmente tus documentos se vern de la siguiente manera:

NOTA: Para modificar el tamao de presentacin debemos saber que:
1.- Los parmetros: width=" " : Establece el Ancho y height=" " : Establece el Alto
Valores aproximados para los casos:

PANEL DERECHO COMO
ELEMENTO DE PGINA
width="210" A 225
height="150" A 165

PAGINA - 53 -
PUBLICAR UN DOCUMENTO EN ISSUU Y AGREGARLO A TU BLOG
Issuu es una pgina que te permite Editar, Recopilar, Compartir y Publicar tus documentos en un formato
interactivo. Tus documentos PDF se vern en una entrada o como elemento en tu blog, de manera que los
usuarios puedan leerlo o descargarlo, esto es bastante dinmico y sencillo. Slo sigue los siguientes pasos:

1.- REGISTRANDONOS EN LA PGINA DE ISSUU Y PUBLICANDO TU DOCUMENTO:
A.- Abre la siguiente pgina Web: www.issuu.com
NOTA: Recuerda que debes contar con una cuenta de correo electrnico.

NOTA: Este botn te
permitir subir un documento
una vez te hayas registrado.
1.- Da un clic sobre el enlace Sign up.
O en el Botn Sign up now.

2.- Acepta las condiciones del
servicio.
1.- Completa los datos
obligatorios:
Nombre y Apellidos
Nombre de perfil y E-mail
Password: ________________
Gnero y Edad
Palabra Clave: Digita una de
las palabras que aparecen.

NOTA: Para crear otra cuenta
necesitas otro correo.
3.- Da un Clic en el botn Agree and
continue. Aparecer la ventana de
bienvenida que te pedir confirmar el
email que se te envi a tu correo.
C.- Seguidamente completa los siguientes datos que se te
piden y anota aparte el password para que no se te olvide.
PAGINA - 54 -
D.- Ingresa a tu correo electrnico y confirma tu cuenta de issuu:

E.- Cierra todas las ventanas y vuelve a ingresar a la pgina de issuu. Si ingresa directo a tu cuenta
sube el documento (Paso 3). Si no sucede esto entonces ejecuta lo siguiente:

3. Luego clic en el botn
UPLOAD DOCUMENT para
subir el primer documento.
5.- Completa solo los datos:
Title: Ttulo del documento
Descriptions: Breve resumen
Keywords: Palabras sobre el tema:
Mnimo 2 separados por una coma.
Type: Tipo de documento
Que son obligatorios.

1.- Da un clic en el enlace Log in.
Para poder ingresar.
2. Ingresa tu correo y
password. Luego da un clic
en el botn Log in.
6. Finalmente da un clic en
el botn Upload file.
1.- Da un clic sobre el enlace Join issuu para confirmar
la cuenta. Aparecer un nuevo mensaje de Bienvenida.
4. Da un clic en el botn
Browse. Y selecciona el
documento a subir
PAGINA - 55 -
F.- Ahora tendremos nuestro documento publicado. Pasaramos a obtener su cdigo embed para
insertarlo en nuestro blog.

Aparecer la siguiente ventana, donde:

1.- Da un clic en Published y
aparecer tu documento a la derecha.
Debes seleccionarlo.
NOTA.- Si deseas subir otro
documento.

1.- Da un clic en el enlace Copy to clipboard
para seleccionar y copiar los cdigos HTML
de la barra de texto (Embed code).

2.- Da un clic en el men More y
selecciona Get embed code.

PAGINA - 56 -
2.- AGREGANDO LOS CODIGOS HTML EN EL EDITOR DE HTML DE UNA ENTRADA:
B.- Trabajando en la ficha Redactar coloca el ttulo del documento en la entrada:
C.- Selecciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) el cdigo HTML text
copiado. Quedar as:

Antes de publicar debes cambiar lo siguiente:

D.- Finalmente Seleccione el botn PUBLICAR ENTRADA


D.- Digita el ttulo: Ttulo del documento.
<object style="width:600;height:450"><param name="movie"
value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&a
mp;documentId=090329014956-
0661c1d5da65491fa65ad74e5ee84ee7&documentUsername=aldo2009&documentNa
me=como_crear_un_blog_con_blogger&layout=http%3A%2F%2Fskin.issuu.com%2Fv%
2Flight%2Flayout.xml" /><param name="allowFullScreen" value="true" /><embed
src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf"
type="application/x-shockwave-flash" allowFullScreen="true" style="width:600;height:450"
flashvars="mode=embed&documentId=090329014956-
0661c1d5da65491fa65ad74e5ee84ee7&documentUsername=aldo2009&documentNa
me=como_crear_un_blog_con_blogger&layout=http%3A%2F%2Fskin.issuu.com%2Fv%
2Flight%2Flayout.xml" /></object>

PANEL DERECHO COMO
ELEMENTO DE PGINA
width="210" A 225
height="150" A 165

El cdigo final quedar:
Cmbialo por </embed> y listo.
=aldo2009&documentName=como_crear_un_blog_con_blogger&layout=http%3A%2F%
2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml"></embed></object>
OJO:
Cambia el Ancho y Alto de la presentacin
del documento. Sigue las indicaciones que
se dan ms abajo: width:425;height:355 o
de acuerdo a tu plantilla.
PAGINA - 57 -
PUBLICAR UN DOCUMENTO EN SCRIBD Y AGREGARLO A TU BLOG
Scribd es otra pgina que te permite Editar, Recopilar, Compartir y Publicar tus documentos en cualquier
formato, aunque se recomienda que sean PDF. Tus documentos PDF se vern en una entrada o como
elemento en tu blog, de manera que los usuarios puedan leerlo o descargarlo. Slo sigue los siguientes
pasos:
1.- REGISTRANDOTE EN LA PGINA DE SCRIBD Y PUBLICANDO TU DOCUMENTO:
A.- Abre la siguiente pgina Web: www.scribd.com

C.- Aparecer la siguiente ventana donde podrs subir tu documento:

2.- Ahora da un clic sobre el botn
Sign Up.
1.- Completa los datos que nos
solicitan en Sign Up:
-Correo Electrnico: Uno por cuenta.
-Contrasea.
-Nombre.
Para registrarnos.
Nota: El botn Upload nos permitir subir
un documento ms adelante.

3.- Edita el ttulo de tu documento.
1.- Da un clic sobre el botn Clic to
Choose Files.
2.- Aparecer el cuadro para buscar el
documento y abrirlo.
4.- Terminado
da un clic en el
botn Upload
Docs.
PAGINA - 58 -

D.- Aparecer la siguiente pantalla en la que indica que el documento seleccionado est subiendo:

E.- Cuando termine aparecer la siguiente ventana donde podrs:

F.- Cuando termine aparecer la siguiente ventana donde te pedir:

1.- Completa los datos que te
piden: Title, Type, Category
y Tags.
2.- Ingresa un
breve resumen
del documento.
3.- Da un clic
sobre el botn
Save Changes.
1.- Ingrese el correo
electrnico que utiliz al
principio.
Send.
3.- Aparecer el siguiente
mensaje, slo da un clic en
el botn Finish.
PAGINA - 59 -
G.- Cuando termine aparecer la siguiente ventana donde obtendrs el cdigo embed:

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

<a title="View Manual para elaborar un blog on Scribd" href="http://www.scribd.com/doc/14017068/Manual-para-elaborar-un-blog"
style="margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-
size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block; text-decoration:
underline;">Manual para elaborar un blog</a>
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
id="doc_403183320880181" name="doc_403183320880181" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" align="middle"
height="500" width="100%" > <param name="movie"
value="http://d.scribd.com/ScribdViewer.swf?document_id=14017068&access_key=key-
13l03g8yujrusxehp3f&page=1&version=1&viewMode="> <param name="quality" value="high">
<param name="play" value="true"> <param name="loop" value="true"> <param
name="scale" value="showall"> <param name="wmode" value="opaque"> <param name="devicefont"
value="false"> <param name="bgcolor" value="#ffffff"> <param name="menu" value="true">
<param name="allowFullScreen" value="true"> <param name="allowScriptAccess" value="always">
<param name="salign" value=""> <embed
src="http://d.scribd.com/ScribdViewer.swf?document_id=14017068&access_key=key-
13l03g8yujrusxehp3f&page=1&version=1&viewMode=" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer" play="true" loop="true" scale="showall" wmode="opaque"
devicefont="false" bgcolor="#ffffff" name="doc_403183320880181_object" menu="true" allowfullscreen="true"
allowscriptaccess="always" salign="" type="application/x-shockwave-flash" align="middle" height="500"
width="100%"></embed> </object> <div style="margin: 6px auto 3px auto; font-family: Helvetica,Arial,Sans-
serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch:
normal; -x-system-font: none; display: block;"> <a href="http://www.scribd.com/upload" style="text-decoration: underline;">Publish at
Scribd</a> or <a href="http://www.scribd.com/browse" style="text-decoration: underline;">explore</a> others: <a
href="http://www.scribd.com/browse/Books/Education" style="text-decoration: underline;">Education</a> <a
href="http://www.scribd.com/browse/Books/" style="text-decoration: underline;">Books</a> <a
href="http://www.scribd.com/tag/Blog" style="text-decoration: underline;">Blog</a> <a href="http://www.scribd.com/tag/Internet"
style="text-decoration: underline;">Internet</a> </div>
C.- Cambia el Alto y Ancho de la presentacin
del documento: height:500 width:450 o de
acuerdo a tu plantilla. Ms informacin, ms
abajo.
Share y aparecer una
ventana.
2.- Da un clic en el botn Copy de
la barra Embed Code. Con esto ya
puedes pegar el cdigo en tu blog.
NOTA2: Puedes borrar el todo el cdigo
<div style.Hasta</div>
Para retirar mensajes incluidos.

PAGINA - 60 -
D.- Finalmente Selecciona el botn PUBLICAR ENTRADA


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: Ttulo del documento.


PANEL DERECHO COMO
ELEMENTO DE PGINA
width="210" A 225
height="150" A 165

PAGINA - 61 -
AGREGAR UN CONTADOR DE USUARIOS A TU BLOG COMO ELEMENTO DE
TU PGINA

1.- REGISTRANDOTE EN LA PGINA DE FREELOGS:
A.- Abre la siguiente pgina Web: www.freelogs.com

C.- Completa tus datos para registrarte:

1.- NOMBRE.- Debe ser
diferente para cada contador.
2.- PASSSWORD.- 6 dgitos
puede ser cualquiera.
3.- CONTEO.- De
cunto en cunto
deseas que se
cuente las visitas.
4.- Debes colocar un
Correo electrnico
cualquiera.
5.-Colocar la direccin del
Blog. 6.- Seleccionar un
Estilo de la Lista.
Utilizar See Styles
para visualizar los
modelos. Luego
Cerrar y ubicarlo
por su nombre en la
lista.
7.-Activar esta opcin.
1.- Selecciona este
enlace para empezar
a registrarte.
8.- Selecciona el botn Create
Counter.
PAGINA - 62 -

D.- Aparecer la siguiente pantalla, del cual debemos seleccionar y copiar los cdigos que nos da
de resultado:


B.- Selecciona el enlace Aadir un elemento de pgina (Aadir un gadget). En la
ubicacin que desees.
D.- Digita el ttulo: VISITAS A MI BLOG.
F.- Seleccione el botn GUARDAR.
G.- Finalmente Seleccione el enlace Ver blog de Elemento de pgina aadido.

Seleccionar y
Copiar

Copiar:
[Ctrl] + [C]
PAGINA - 63 -


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


1.- Qu otros usos educativos le puedes dar a un 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 Auto evaluaciones, colocndole las preguntas
requeridas. Con este avance se culminar la evaluacin del proyecto.

3.- Otros cambios y mejoras queda a tu creatividad, las cuales realzarn la presentacin y el contenido de tu
Libro Electrnico.

INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
PAGINA - 64 -
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 - 65 -
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 - 66 -

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

Manual Elaborar Blog Aplicacion Educacion

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

Manual Elaborar Blog Aplicacion Educacion

Cargado por

Copyright:

Formatos disponibles

www.cuentos-suizo.blogspot.

También podría gustarte