You are on page 1of 61

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

1.- Botn Crear un Blog: aqu iniciars la creacin de tu Blog en tres pasos.

3.- Estos enlaces te permiten hacer la bsqueda de Blogs importantes. 4.- Bloque Informativo de Blogger.

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 el botn naranja.

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 segura. 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 t y el resto puedan acceder al Blog a t ravs 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.

2.- Opciones avanzadas de configuracin.Desplegando este enlace puedes comprar un dominio personalizado para tu blog o insertar un blog de blogger al nuevo.

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.- Coloca el Ttulo que llevar tu entrada. 2.- BARRA DE HERRAMIENTAS.- Para Aadir Imagen y dar Formato al Texto. Sus elementos se explican mas adelante.

3.- Ficha Redactar .- Es el AREA DE EDICION.- Donde se desarrolla el contenido de tu Entrada: Texto Imgenes Vdeos - Enlaces.

7.- Ficha Edicin de HTML.Para agregar cdigos de HTML de otras funciones o de servicios de otras pginas como YouTube.

6.- Coloque una etiqueta para su entrada si lo desea. Esta aparecer al final de su entrada.

5.- Despliegue el enlace Opciones de


entrada.- Para controlar los comentarios

4.- Publique para ver su blog.

y cambiar el orden de las Entradas modificando su fecha y hora de creacin.

PAGINA - 6

BARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADAS


ESTILO DE TEXTO CURSIVA VNCULOS ALINEACION
LISTA CON VIETAS

TAMAOS DE TEXTO

ELIMIMNAR FORMATO DE LA SELECCION

COLOR DEL TEXTO NEGRITA

LISTA NUMERICA COMPROBAR ORTOGRAFA

Aadir Vdeo 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 , BMP o Png. Tamao mximo 8 Mb.

3.- Seleccione el tamao de la imagen que desea.

2.- Clic en uno de los Diseos para la ubicacin de la imagen con respecto al texto.

4.- Da un Clic en el botn Subir imagen para agregar la imagen a tu Entrada.

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

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

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

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

Si trabajas en una PC propia activa esta opcin para que ingrese directo a tu cuenta.

Inmediatamente ingresars 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.

7.-Te permite crear muchos blogs en la misma cuenta de Blogger. Importante para crear Libros Electrnicos.

3.-Te direcciona a la ficha Creacin de entradas: Nueva entrada, Editar Entradas.

4.-Te direcciona a la Ficha Configuracin: Bsico, Publicacin, Formato, Comentarios, etc.

2.-NUEVA ENTRADA: Lo utilizars para agregar una nueva entrada a tu Blog.

6.-Te lleva a la Ficha Monetizar: Donde con AdSense ganars dinero gracias a los anuncios orientados que se colocan en tu blog.

5.-Te lleva 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 haga 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.- Seleccione Desde la Web, haga 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 Cierra BLOGGER y entra a tu Blog por Internet Explorer Recuerda: www. ___________________.blogspot.com Podrs observar tu perfil con los datos ingresados as como la Foto. [Enter]

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

NOTA 1.- Exportar-Importar tu blog.Puedes exportar tu blog descargndolo a tu PC y luego importarlo a otro blog.

NOTA 2.- Puedes Eliminar tu blog haciendo un clic en este enlace.

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.


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. 2.-Digita los caracteres de verificacin.

3.- 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: (GMT-05:00) Lima 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. 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 interesa, t puedes descubrir qu opciones ms contiene:

1.- Mostrar u ocultar los comentarios a tus entradas que se vern en tu Blog.

2.- Limita la posibilidad comentar a los usuarios.

de

3.- Permite ubicar los formularios de comentarios de tal modo que sea ms cmodo para los usuarios. 4.- Da un Clic para guardar los cambios.

PAGINA - 18

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

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.

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

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. 1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contrasea. 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.7 3.3

PAGINA - 20

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:

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.

1.- Modifica el Ttulo y la descripcin de tu Blog.

3.- Puedes ubicar la imagen en lugar del ttulo o detrs.

5.- Da un clic en guardar y puedes revisarlo son el botn vista previa.

4.- No olvides activar reducir hasta ajustar

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

1.- Puedes desactivar estas opciones si deseas que desaparezcan estos elementos de tu Blog.

2.- Arrastrar las etiquetas para ordenarlo, si lo deseas.

3.- Guarda los cambios.

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.- Modifica el Ttulo por ENLACES DE ENTRADAS 2.- Elige un Estilo de presentacin: Jerarqua, Lista o Men desplegable.

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.

PAGINA - 22

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:

2.- Guarda los cambios y puedes revisarlo con el botn Vista previa.

1.- Arrastra el elemento Datos personales a la ubicacin deseada, veamos que quede sobre el elemento Seguidores.

ACTIVIDAD.- Elimina el elemento Seguidores de tu blog. Para ello edita el elemento.

PAGINA - 23

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

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

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:

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

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

1.- Coloca un Ttulo a tu Imagen.

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.- 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.2.- CAMBIAR LAS FUENTES Y COLORES DE LA PLANTILLA. 1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contrasea. 2.- Selecciona el enlace Diseo del Panel Escritorio.

PAGINA - 26

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

PAGINA - 27

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.

3.-Guarda los cambios.

4.-Para ver tu blog en otra ventana luego de haber guardado los cambios.

Vista previa para verificar los cambios antes de guardarlos

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

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

6.-Para ver tu blog en otra ventana luego de haber guardado 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 Aa Aa


Aa

Fuente del texto Fuente del ttulo del blog Fuente de descripcin del blog Fuente del ttulo de la barra lateral Fuente del ttulo de la entrada

Aa

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.

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. 1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contrasea. 2.- Selecciona el enlace Diseo del Panel Escritorio.

PAGINA - 29

Aqu

3.-Aparecer la siguiente pantalla con la ficha Diseo 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 Seleccionar plantilla nueva ejecuta lo siguiente:
2.-Guarda la Plantilla

3.-Para ver tu blog en otra ventana luego de haber guardado los cambios.

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

AUTOEVALUACION N 2 Qu has aprendido?


Debes desarrollar las siguientes preguntas: I.- VOCABULARIO: Define los siguientes trminos informticos: 1.-Http 2.-Enlace 3.-Plantilla 4.-JPG 5.-Perfil 6.-Fuente

II.- CUESTIONARIO: Desarrolla las siguientes preguntas: 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?

PROYECTO Qu haras con lo aprendido?


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

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
www.youtube.es

2.- VDEOS DE LA PGINA DE YOUTUBE EN TU BLOG: Pgina Web:

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.

PAGINA - 32

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.- 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 siguiente ventana coloca un Ttulo y Digita las siguientes lneas de cdigos en Contenido:

PAGINA - 33

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

FICHA DE TRABAJO N 2 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. 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. 4.- Ahora da un clic sobre el botn Create my Cbox! 3.- Acepta las condiciones del servicio. 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.

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

PAGINA - 35

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.

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.

2.- Selecciona y copia los cdigos de la barra. 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:
<!-- BEGIN CBOX - www.cbox.ws - v001 --> <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&amp;boxtag=4916&amp;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&amp;boxtag=4916&amp;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> <!-- END CBOX -->

PAGINA - 36

D.- Finalmente Selecciona 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 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. 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.

PAGINA - 37

FICHA DE TRABAJO N 3 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. D.- Puede personalizar la presentacin del vdeo: No incluir videos relacionados, Mostrar borde de color.

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.

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

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 valores Menos Menos 225 165

width="425" height="355" COMO width="210" height="150"

o o A A

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 : CUSCO - PROMPERU TV COMERCIAL. E.- Pega el cdigo Insertar en el rea CONTENIDO. F.- Modifica los valores de width y height de la parte inferior (SEGUNDA PAREJA) por:

width="210" height="150"
D.- Seleccione el botn GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de elemento de pgina aadida.

PAGINA - 39

FICHA DE TRABAJO N 4 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

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

3.-Finalmente Selecciona el botn I accept.

PAGINA - 40

B.- En la siguiente ventana contina:

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

3.-Finalmente Selecciona el botn Create New Account and Finish.

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

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.

PAGINA - 41

D.- Una vez visto el vdeo que queremos lo aadimos a Favoritos: Save to Favorites 4.- Selecciona el vdeo parte 2. 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.

E.-Para el segundo vdeo, sigue los siguientes pasos: 1.-Visualiza el vdeo selecciona +Playlist .
y luego

2.- Si tienes varias listas selecciona la adecuada y haz un clic en el botn Add y listo. Para nuestro caso: CARAL.

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:

PAGINA - 42

1.Selecciona Account.

el

enlace

2.Selecciona Playlists.

el

enlace

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

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

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

2.- AGREGANDO LOS CODIGOS Embeddable Player EN EL EDITOR DE HTML DE UNA ENTRADA: A.- Crea una Nueva Entrada en tu Blog. 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. <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/xshockwave-flash" width="480" height="385" allowscriptaccess="always" allowfullscreen="true"></embed></object> D.- Finalmente Seleccione el botn PUBLICAR ENTRADA y visualiza tu Blog en una ventana nueva.
PAGINA - 44

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 valores Menos Menos 225 165

width="425" height="355" COMO width="210" height="150"

o o A A

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

width="210" height="150"
D.- Seleccione el botn GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de elemento de pgina aadida.

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.

PAGINA - 45

FICHA DE TRABAJO N 5 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: 1.-Da un clic en el botn Regstrarse.
NOTA.-Da un clic en el botn Ingresar para acceder a tu cuenta ya creada. Te pedir el correo electrnico y la contrasea

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.

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.

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

3.- Darle un Estilo.

4.- Darle un Borde (Skins).

1.- Seleccionar las imagenes

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

B.- Luego podemos reordenar las imgenes arrastrndolos y ponerle una leyenda desarrollando: 1.- Arrastrar las fotos 4.- Guardamos los cambios a las fotos.

3.- Cambiar colores de Fuente y fondo del pie de foto.

2.- Colocar una leyenda C.- Guardamos el SLIDE SHOW, agregndole un ttulo, para obtener el cdigo HTML. D.- Copiamos el cdigo HTML obtenido: 1.- Seleccionamos y copiamos ([Ctrl]+[C]).

3.- AGREGANDO LOS CODIGOS HTML EN EL EDITOR DE HTML DE UNA ENTRADA: A.- Crea una Nueva Entrada en tu Blog. 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 href="http://www.slide.com/pivot?cy=h5&at=un&id=1873497444995296512&map=2" 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 - 47

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: <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://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 la entrada. 4.- AGREGANDO EL SLIDE SHOW 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 : 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>

PAGINA - 48

FICHA DE TRABAJO N 6 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: NOTA.- Para ingresar a tu cuenta las A.- Abre la siguiente pgina Web: www.box.net siguientes veces con tu correo y Password. B.- Sigue los siguientes pasos.

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.

2.- Ahora da un clic sobre el botn Continue.

C.- Aparecer la siguiente ventana donde podrs crear el primer flder para subir tus documentos: 1.- Coloca un nombre al folder.

4.- Da un clic en el botn No thanks. Para visualizar tu flder creado

2.- Deja en blanco esta barra.

3.- Da un clic en el botn Create Folder. Aparecer un mensaje.

PAGINA - 49

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

NOTA.- Si deseas crear otro folder.

1.- Da un clic sobre el flder creado TUTORIA. Aparecer el siguiente mensaje.

2.- Da un clic sobre el enlace Upload new files.

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


1.- Da un clic en el botn Add files. Aparecer una ventana para ubicar y subir los documentos que desees repitiendo el proceso.

3.- Aparecer el siguiente mensaje para esperar. 2.- Ahora da un clic en el botn Upload para que suban los archivos.

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

PAGINA - 50

1.- Da un clic en el botn All Files.

NOTA2.- El botn naranja despliega el siguiente men del documento.

NOTA1.- La opcin Shared despliega las siguientes opciones del documento.

2.- Da un clic en Shared.

4.- Puedes modificar los tamaos y la vista de los documentos.

3.- Da un clic en el enlace Embed flder in your site. 5.- En la siguiente ventana selecciona y copia los cdigos Embed de la barra. No te olvides: Copiar: [Ctrl]+[C]

6.- Cierra el mensaje.

2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA 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.

PAGINA - 51

C.- Finalmente Selecciona el botn PUBLICAR ENTRADA


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:

Lugar donde ubicas el video EN UNA ENTRADA PANEL DERECHO ELEMENTO DE PGINA

width="425" height="355" COMO width="210" height="150"

o o A A

valores Menos Menos 225 165

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: Ttulo del Grupo de Documentos. E.- Pega el cdigo Insertar(embed) en el rea CONTENIDO. F.- Modifica los valores de width y height por:

width="210" height="150"
D.- Seleccione el botn GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de Elemento de pgina aadido.

Finalmente tus documentos se vern de la siguiente manera:

PAGINA - 52

FICHA DE TRABAJO N 7 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 B.- Sigue los siguientes pasos. NOTA: Recuerda que debes contar con una cuenta de correo electrnico.

1.- Da un clic sobre el enlace Sign up. O en el Botn Sign up now.


NOTA: Este botn te permitir subir un documento una vez te hayas registrado.

C.- Seguidamente completa los siguientes datos que se te piden y anota aparte el password para que no se te olvide.

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.

2.- Acepta las condiciones del servicio.

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

D.- Ingresa a tu correo electrnico y confirma tu cuenta de issuu:

1.- Da un clic sobre el enlace Join issuu para confirmar la cuenta. Aparecer un nuevo mensaje de Bienvenida. 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: 1.- Da un clic en el enlace Log in. Para poder ingresar. 4. Da un clic en el botn Browse. Y selecciona el documento a subir

3. Luego clic en el botn UPLOAD DOCUMENT para subir el primer documento.

2. Ingresa tu correo y password. Luego da un clic en el botn Log in.

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.

6. Finalmente da un clic en el botn Upload file.

PAGINA - 54

F.- Ahora tendremos nuestro documento publicado. Pasaramos a obtener su cdigo embed para insertarlo en nuestro blog. NOTA.- Si deseas subir otro documento.

1.- Da un clic en Published y aparecer tu documento a la derecha. Debes seleccionarlo.

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

Aparecer la siguiente ventana, donde:

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

PAGINA - 55

2.- AGREGANDO LOS CODIGOS HTML EN EL EDITOR DE HTML DE UNA ENTRADA: A.- Crea una Nueva Entrada en tu Blog. 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:
Cambia el Ancho y Alto de la presentacin <object style="width:600;height:450"><param name="movie" del documento. Sigue las indicaciones que value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&a o se dan ms abajo: width:425;height:355 mp;documentId=090329014956de acuerdo a tu plantilla. 0661c1d5da65491fa65ad74e5ee84ee7&amp;documentUsername=aldo2009&amp;documentNa me=como_crear_un_blog_con_blogger&amp;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&amp;documentId=0903290149560661c1d5da65491fa65ad74e5ee84ee7&amp;documentUsername=aldo2009&amp;documentNa me=como_crear_un_blog_con_blogger&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv% 2Flight%2Flayout.xml" /></object>

OJO:

Antes de publicar debes cambiar lo siguiente:


El cdigo final quedar:

Cmbialo por </embed> y listo.

=aldo2009&amp;documentName=como_crear_un_blog_con_blogger&amp;layout=http%3A%2F% 2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml"></embed></object> D.- Finalmente Seleccione el botn PUBLICAR ENTRADA


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:

Lugar donde ubicas el video EN UNA ENTRADA PANEL DERECHO ELEMENTO DE PGINA

width="425" height="355" COMO width="210" height="150"

o o A A

valores Menos Menos 225 165

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: Ttulo del documento. E.- Pega el cdigo Insertar en el rea CONTENIDO. F.- Modifica los valores de width y height por:

width="210" height="150"
D.- Seleccione el botn GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de Elemento de pgina aadido.
PAGINA - 56

FICHA DE TRABAJO N 8 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 B.- Sigue los siguientes pasos.

Nota: El botn Upload nos permitir subir un documento ms adelante.

1.- Completa los datos que nos solicitan en Sign Up: -Correo Electrnico: Uno por cuenta. -Contrasea. -Nombre. Para registrarnos.

2.- Ahora da un clic sobre el botn Sign Up. C.- Aparecer la siguiente ventana donde podrs subir tu documento: 1.- Da un clic sobre el botn Clic to Choose Files. 3.- Edita el ttulo de tu documento.

4.- Terminado da un clic en el botn Upload Docs. 2.- Aparecer el cuadro para buscar el documento y abrirlo.
PAGINA - 57

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

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

3.- Da un clic sobre el botn Save Changes. 1.- Completa los datos que te piden: Title, Type, Category y Tags. 2.- Ingresa un breve resumen del documento.

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

1.- Ingrese el correo electrnico que utiliz al principio.

3.- Aparecer el siguiente mensaje, slo da un clic en el botn Finish.

2.- Da un clic en el botn Send.

PAGINA - 58

G.- Cuando termine aparecer la siguiente ventana donde obtendrs el cdigo embed:

1.- Da un clic en el enlace 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.

2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA 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; fontsize: 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=key13l03g8yujrusxehp3f&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"> C.- Cambia el Alto y Ancho de la presentacin <param name="menu" value="true"> <param name="allowFullScreen" value="true"> <param name="allowScriptAccess" value="always"> del documento: height:500 width:450 o de <param name="salign" value=""> <embed acuerdo a tu plantilla. Ms informacin, ms src="http://d.scribd.com/ScribdViewer.swf?document_id=14017068&access_key=keyabajo. 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,Sansserif; 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 NOTA2: Puedes borrar el todo el cdigo href="http://www.scribd.com/browse/Books/Education" style="text-decoration: underline;">Education</a> <a <div style.Hasta</div> href="http://www.scribd.com/browse/Books/" style="text-decoration: underline;">Books</a> <a Para retirar mensajes incluidos. 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>

PAGINA - 59

D.- Finalmente Selecciona el botn PUBLICAR ENTRADA


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:

Lugar donde ubicas el video EN UNA ENTRADA PANEL DERECHO ELEMENTO DE PGINA

width="425" height="355" COMO width="210" height="150"

o o A A

valores Menos Menos 225 165

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: (gadget), (Add a Page Element). C.- Da un clic en el botn o enlace HTML/Javascript. D.- Digita el ttulo: Ttulo del documento. E.- Pega el cdigo Insertar en el rea CONTENIDO. F.- Modifica los valores de width y height por:

width="210" height="150"
D.- Seleccione el botn GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de Elemento de pgina aadido.

PAGINA - 60

FICHA DE TRABAJO N 9 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 B.- Sigue los siguientes pasos.

1.- Selecciona este enlace para empezar a registrarte.

C.- Completa tus datos para registrarte:

3.- CONTEO.- De cunto en cunto deseas que se cuente las visitas.

1.- NOMBRE.- Debe ser diferente para cada contador. 2.- PASSSWORD.- 6 dgitos puede ser cualquiera.

4.- Debes colocar un Correo electrnico cualquiera. 6.- Seleccionar un Estilo de la Lista. Utilizar See Styles para visualizar los modelos. Luego Cerrar y ubicarlo por su nombre en la lista.

5.-Colocar la direccin del Blog.

7.-Activar esta opcin. 8.- Selecciona el botn Create Counter.

PAGINA - 61

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

Seleccionar y Copiar Copiar: [Ctrl] + [C]

2.- 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). En la ubicacin que desees. C.- Da un clic en el elemento HTML/Javascript. D.- Digita el ttulo: VISITAS A MI BLOG. E.- Pega el cdigo Insertar en el rea CONTENIDO. F.- Seleccione el botn GUARDAR. G.- Finalmente Seleccione el enlace Ver blog de Elemento de pgina aadido.

PAGINA - 62

You might also like