Manual
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to like this
No Downloads

Views

Total Views
2,555
On Slideshare
2,468
From Embeds
87
Number of Embeds
4

Actions

Shares
Downloads
32
Comments
1
Likes
0

Embeds 87

http://oapblogger.blogspot.com 59
http://www.oapblogger.blogspot.com 24
http://www.slideshare.net 3
http://oapblogger.blogspot.com.es 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Manual d’ús de blogguer PAGINA - 1 -
  • 2. CAPíTULO I CREAR Y PUBLICAR UN BLOG CON BLOGGEREn menos de cinco minutos entrarás a formar parte de un fenómeno que está transformando Internet ylos medios de comunicación en una actividad participativa.1.- INGRESANDO A BLOGGER Y RECONOCIENDO SU INTERFAZPara ingresar a BLOGGER Abre Internet Explorer y en la barra de Dirección: Internet Explorer www.blogger.com (Luego presione [ENTER])Revisa las partes Principales de la interfaz de Blogger, eso hará más rápido nuestro trabajo. 2.- Bloque Acceder a tu cuenta creada en Blogger: Con tu Correo Electrónico y Contraseña. 3.- Estos enlaces te permiten hacer la búsqueda de Blogs importantes. 4.- Bloque Ayuda de Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS: 1.- Cada cuenta a crear en Blogger requiere de un Correo Electrónico (E-mail) diferente, puede ser en: Hotmail, Terra, Yahoo, etc. 2.- En una cuenta de Blogger puedes crear muchos Blogs independientes, sólo comparten el perfil. PAGINA - 2 -
  • 3. 2.- CREANDO TU BLOG EN 3 PASOSEn la Interfaz de Blogger, nos dirigimos al Bloque Crear Blog, que te guiará de manera sencilla y en3 pasos todo el proceso de creación de tu Blog. Empecemos: 1.- Da un Clic sobre la Flecha anaranjada. Paso 1: Creando tu Cuenta Aparecerá el siguiente cuadro que debes completar siguiendo las indicaciones:1.- Nombre de usuario:Digite el Correo Electrónico que serásu Nombre de usuario. Anótalo aquí:2.- Contraseña:Como mínimo 8 caracteres y Optima.Para que no se te olvide, Anótaloaquí: 3.- Nombre que registrará Blogger en las entradas de tu Blog. 4.- Digite los caracteres que aparecen encima 5.- Active el cuadro de aceptación de las condiciones del servicio. 6.- Una vez culminado da un clic en Continuar PAGINA - 3 -
  • 4. Paso 2: Asignándole un nombre a tu Blog 1.-El Título se ubicará en la Cabecera de tu Blog, por ello debe tener relación con la información a publicar. APRENDA A ELABORAR SU BLOG2.- La dirección URL será para que Ud. y el resto pueda acceder a tu Blog através de Internet Explorer, sea creativo y digite sin www:Anótelo 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 más te agrade sólo selecciónalo y Continúa: 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 - 4 -
  • 5. Debes esperar hasta que aparezca el siguiente mensaje 1.- Da un clic en EMPEZAR A PUBLICAR para crear la Primera Entrada, que es obligatorio para publicar tu Blog.3.- CREANDO ENTRADASCuando uno da Clic en EMPEZAR A PUBLICAR, aparece la siguiente pantalla con la ficha Creación 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 continúe los siguientes pasos: 2.- BARRA DE 1.- Coloque el Título que HERRAMIENTAS.- Para Añadir llevará tu entrada. Imagen y dar Formato al Texto. Sus elementos se explican mas adelante. 8.- Ficha Edición de HTML 4.- Enlace Vista previa 3.- Ficha Redactar .- Es El AREA DE EDICION.- Donde se desarrolla el contenido de tu Entrada: Texto – Imágenes – Enlaces. 6.- Enlace Opciones de entrada.- Permite cambiar el orden de las Entradas modificando sus fechas. 7.- Coloque una etiqueta para su 5.- Publique para ver su entrada si lo desea. Esta aparecerá blog al final de su entrada. PAGINA - 5 -
  • 6. BARRADEHERRAMIENTAS DELEDITORDEENTRADAS CURSIVAESTILO DE VÍNCULOS ELIMIMNAR TEXTO LISTA CON FORMATO DE LA VIÑETAS SELECCION TAMAÑOS ALINEACION DE TEXTO LISTA Añadir Vídeo COLOR DEL NUMERICA TEXTO AÑADIR COMPROBAR IMAGEN ORTOGRAFÍA NEGRITA 3.1.1.-Añadiendo una Imagen a tu entrada 1.-Da un clic en el botón Añadir Imagen de la barra de herramientas del editor. 2.-Aparece el panel Añadir una imagen desde su equipo o añadir una imagen de la Web. Donde debes seguir los siguientes pasos para añadir una imagen desde tu equipo: NOTA.- Puedes añadir una imagen de la Web colocando su URL.1.- Da un Clic en el botón Examinar para dirigirnos a lacarpeta donde tiene almacenado su imagen yseleccionarlo. (La imagen debe ser de formatoJPG[Fotos], Gif o BMP. 3.- Seleccione el tamaño de la imagen que desea.2.- Clic en uno de losDiseños para la ubicación dela imagen con respecto altexto. 4.- Da un Clic en el botón Subir imagen para agregar la imagen a tu Entrada. NOTA: La primera vez aparecerán condiciones del servicio, al lado derecho de SUBIR IMAGEN, la que debes aceptar para poder añadir imágenes, éstas subirán a la red y pasarán a ser de dominio público. Así que debes tener cuidado con las fotos que subes a la Web. PAGINA - 6 -
  • 7. 3.-Debemos esperar, aparecerá el siguiente mensaje: 1.- Dé Clic para continuar añadiendo texto 3.1.2.-Añadiendo 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 fácil. Si queremos ver nuestro avance damos clic en el enlace Vistaprevia de la Barra de Herramientas, si deseamos volver da un Clic al enlace Ocultar vista preliminar. Una vez culminado da un Clic en el botón Publicar para terminar.4.- PUBLICANDO LA ENTRADA Y VIENDO TU BLOGUna vez publicado tu Blog aparecerá la siguiente pantalla con la Ficha Creación de entradassuperpuesta que te indica que tu Blog ha sido publicado. NOTA: esta pantalla es importante para continuar trabajando: Ver tu Blog: En una ventana nueva o en la misma ventana, Crear otra entrada, Editar la última entrada o cualquiera. 4.1.-Viendo tu Blog (Importante) 1.-Para ver tu Blog publicado, en la pantalla anterior tenemos dos opciones directas: Verblog : Permite ver tu Blog, pero en la Misma Ventana, debemos utilizar el botón Atrás del Internet Explorer para volver a la Ventana anterior. (Ver gráfico anterior). (En una ventana nueva): Permite ver tu Blog en Otra Ventana, es la más recomendable para el trabajo. (Ver gráfico anterior). 2.-Por el momento utiliza la segunda opción para revisar tu Blog publicado y cierra la ventana. PAGINA - 7 -
  • 8. 5.-CREAR UNA NUEVA ENTRADA A TU BLOG 1.- En la Pantalla Anterior de la Ficha Creación de entradas seleccionamos la opción Crear o el enlace celeste Crearuna entradanueva, veamos el primer caso 1 2 2.-Luego ingresamos la información siguiendo los mismos pasos que en la primera entrada hasta publicarlo, además puedes ver tu Blog publicado. NOTA: Observarás que las entradas se publican en estricto orden cronológico inverso al orden de ingreso, es decir se mostrará en primer lugar la más reciente en el tiempo. Así que organiza tus entradas antes de crearlas.6.-EDITAR UNA ENTRADA CREADASi deseas realizar algunos cambios a cualquiera de las Entradas creadas, sigue los siguientes pasos: 1.-En la Ficha Creación de entradas selecciona el enlace Editarentradas, veamos: Aquí Edita la última entrada creada. PAGINA - 8 -
  • 9. 2.-Aparecerá la siguiente pantalla donde podrás modificar cualquier entrada creada y otros cambios importantes en tu Blog. Sólo sigue el paso 1: NOTA A.- Aquí puedes modificar el número de entradas que se mostrarán en cada página de tu Blog de 5 – 300. 1.-Da un Clic, sobre el Opción Editar NOTA B.-Aquí puedes Eliminar de la Entrada que desee modificar, cualquier entrada publicada, con un Clic guíese por el Título de la entrada. en Suprimir y luego la confirmación. 3.- Se ingresará al Editor de la entrada elegida, donde podrás realizar los cambios necesarios para finalmente volver a publicarlo.7.-ENTRAR A TU BLOG A TRAVÉS DE INTERNET EXPLORERUna vez publicado tu Blog, cualquier persona de cualquier parte del mundo que conozca la direcciónURL de tu Blog puede acceder a él. De la siguiente manera: 1.-Abre Internet Explorer y en la barra de dirección digitar la dirección de tu Blog creado: www. .blogspot.com PAGINA - 9 -
  • 10. CAPíTULO IIEDITAR TU PERFIL Y ADMINISTRAR OPCIONES Y DISEÑOS DE TU BLOGBlogger establece tu perfil con los datos que ingresaste. Pero, puedes editar este perfil modificando tusdatos personales e incluso agregarle una fotografía; también se puede modificar el Título de tu Blog asícomo agregarle una descripción. Veamos: Nota Previa: Antes de iniciar debes Verificar la Dirección de Correo Electrónico de Google, para lo cual debes ingresar a tu correo utilizado y abrir el mensaje de verificación en el que debes dar un Clic sobre el enlace que te indican y listo. Ahora si continuemos:1.- EDITANDO TU PERFILIngresa 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 dondedebes ejecutar los siguientes pasos: 1.- Ingresa tu Nombre de Usuario: E- 2.- Ingresa tu Contraseña: mail utilizado y anotado en la Página 4. Anotado en Página 4. Si trabajas en una PC propia activa 3.- Da un Clic en el esta opción para que botón ACCEDER. ingrese directo a tu cuenta.Inmediatamente ingresará por primera vez al Panel Escritorio, donde distinguiremos las siguientesopciones a utilizar en adelante: 6.-Te permite crear muchos 1.- EDITAR PERFIL: Lo Utilizarás para blogs en tu misma cuenta de agregar y modificar datos de tu perfil así como Blogger. Importante para crear una foto. Libros Electrónicos. 4.-Me direcciona a la ficha Opciones: Básico, Publicación, Formato, Comentarios, etc. 2.-NUEVA ENTRADA: Lo 3.-Me direcciona a la ficha 5.-Me direcciona a la ficha Diseño: utilizarás para agregar una Creación de entradas: Crear, Elementos de la Página, Fuentes y nueva entrada a tu Blog. Editar Entradas. colores, Edición de HTML, Seleccionar Plantilla Nueva. PAGINA - 10 -
  • 11. NOTA: Para agregar una Foto o Imagen a tu perfil, tenemos dos casos:1.- Podemos subirlo desde tu equipo o2.- Desde la Web, ello implica que tu foto debe tener una dirección URL en Internet. 1.1.- INGRESANDO TUS DATOS Y AÑADIENDO TU FOTO A TU PERFIL. 1.- Selecciona el enlace Editarperfil del Panel Escritorio. 2.- Aparecerá el panel Editar perfil de usuario en el que puedes completar o dejar en blanco aceptando las opciones según tu información personal. Estoy seguro de que es fácil para ti. Por lo que sólo te explicaré como agregar la foto. Revisa detenidamente el siguiente gráfico: NOTA: Algunos datos ya aparecen llenos. Si deseas sólo completa los obligatorios. Continúa… PAGINA - 11 -
  • 12. 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. Sólo de Clic en Examinar… y seleccione la foto. http://bp3.blogger.com/_2HCcfuntMz8/RZ1cxdaTsJCASO 2: Si la foto o imagen es de la Web:A.- Debe copiar la URL de la Foto o Imagen.B.- Pegue la URL o dirección Web de la foto. Seleccione Desde la Web,un Clic en la barra de texto y presione [Ctrl] + [V]. Continúa… PAGINA - 12 -
  • 13. 2.- Una vez culminado da un clic sobre este botón para guardar su perfil.4.- Aparecerá el siguiente mensaje donde debes seleccionar la opción Volver a: Escritorio. 1.- Da un clic en el enlace Escritorio.5.- Retornarás al Panel Escritorio de Blogger donde podrás ver la foto del perfil y tambiénver tu Blog: 1.- Da un Clic en el enlace Ver blog para ver su Blog.6.- Ahora Cierre BLOGGER y entra a tu Blog por Internet Explorer Recuerda: www. .blogspot.com [Enter]Podrás observar tu perfil con los datos ingresados así como la Foto. PAGINA - 13 -
  • 14. 2.- CAMBIANDO ALGUNAS OPCIONES DE TU BLOG.Si deseas modificar algunos datos de tu Blog como el Título, agregarle un Subtítulo o Descripción,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 Contraseña. 2.- Selecciona el enlace Configuración del Panel Escritorio. Aquí 3.-Aparecerá la siguiente pantalla con la ficha Configuración superpuesta, los cambios lo harás en el enlace Básico, que está recortada para desarrollar sólo las opciones que nos interesa: 1.- Cambia el título del Blog que había colocado 2.- Ingrese una Descripción del Título éste se colocará en la Cabecera como Subtítulo. 3.- Guarde los valores para que los cambios se apliquen. NOTA A.- En esta pantalla también puede eliminar su Blog dando un Clic en este botón. PAGINA - 14 -
  • 15. 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 BA 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 Publicación y seguimos los siguientes pasos: 1.- Ingrese la nueva dirección URL que modificará la anterior. No olvides ser original para que no lo rechace y digita os caracteres de verificación. 2.- Da un clic para guardar la nueva configuración. 2.- Aparecerá un mensaje que me indica que los cambios se han guardado: Continuemos con otros cambios: 2.3.- CAMBIAR TIEMPO DE PUBLICACIÓN, EL FORMATO E IDIOMA DE LAS FECHAS Y HORA DE TU BLOG 1.- Selecciona el enlace Formato de la ficha Configuración. 2.-Aparecerá la siguiente pantalla en la que debes buscar con mucha paciencia los valores referentes a nuestro país. Sólo los indicados. Empieza, sé que lo puedes hacer: PAGINA - 15 -
  • 16. 1.- Para establecer el # de entradas que se verán en la página principal de tu Blog. 2.- Para establecer el formato de fecha que se ubica en la cabecera de cada entrada de tu Blog y del panel Archivos. 3.- Para establecer el formato de la hora en que se publica una entrada de tu Blog. 4.- Para establecer La zona horaria: [UTC-05:00] Hora de Perú y El idioma de la fecha: español (Perú) 5.- Da un Clic para guardar los cambios. 3.- Aparecerá el mensaje que indica que los cambios se han guardado. NOTA IMPORTANTE Otras opciones a modificar quedarán como parte de la práctica que tú irás descubriendo en la elaboración de tu Blog.3.- PERSONALIZAR EL DISEÑO DE TU BLOG. Hasta este momento tu Blog estará como en la imagen siguiente. En la que ubicarás las partesque se describen, las que quizás quieras personalizar: 1.- BARRA NAVBAR: Buscador, Salir, etc. 2.- CABECERA DEL BLOG: Muestra el Título y Subtítulo. 4.- ZONA DE VÍNCULOS 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 5.- ZONA DE VÍNCULOS entradas publicadas en orden SECUNDARIA: Se le puede inverso a la fecha de creación. agregar elementos: Imagen, Lista de enlaces, etc. PAGINA - 16 -
  • 17. La ficha Diseño de Blogger facilita a los usuarios la personalización del diseño de su Blog conpocos conocimientos técnicos o ninguno. Cambios como: Añadir y organizar elementos de la Página,Modificar las fuentes y colores, Edición de HTML y Seleccionar una plantilla nueva para tu Blog sonfáciles de realizar. Para iniciar debes seguir los siguientes pasos: 3.1.- EDITAR ELEMENTOS DE LA PÁGINA. 1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contraseña. 2.- Selecciona el enlace Diseño del Panel Escritorio. Aquí 3.-Aparecerá la siguiente pantalla con la ficha Diseño superpuesta, los cambios lo trabajarás en el enlace Elementos delapágina. Que se explican en la siguiente página: Botones: Guardar, Vista previa y Borrar Cambios 3.1 3.2 3.4 3.5 3.3 3.7 PAGINA - 17 -
  • 18. 3.1.- Editarla BarradeNavegación.- Para editar esta barra ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la barra de navegación, aparecerá la siguiente ventana donde podrás seleccionar un color distinto para esta barra. 2.- Guarda los cambios y puedes revisarlo con el botón Vista previa. 3.2.- EditarelEncabezado.- Para editar la Cabecera o Encabezado ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la Cabecera, aparecerá la siguiente ventana donde podrás Ejecutar: 1.- Modifica el Título y la2.- Puedes subir una imagen descripción de tudesde tu equipo o de la web Blog.con la URL de la imagen.3.- Puedes ubicar la imagenen lugar del título o detrás. 5.- Da un clic en guardar y puedes revisarlo son el4.- No olvides activar reducir botón vista previa.hasta ajustar NOTA: Si la imagen no te gusta, puedes editar nuevamente y eliminar la imagen 3.3.- Editarlas Entradas delBlog.- 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 podrás modificar: El número de entradas, El formato de fechas, etc. Así como ordenar las etiquetas arrastrándolos. 2.- Guarda los cambios y puedes revisarlo con el botón Vista previa. PAGINA - 20 -
  • 19. 1.- Puedes desactivar estas opciones si deseas que desaparezcan estos elementos de tu Blog. 2.- Arrastrar las etiquetas para ordenarlo, si lo desea. 3.4.- Editar la zona Archivo delBlog.- 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 podrás modificar: El Título, Estilo, Formato de Fecha, etc. 2.- Guarda los cambios y puedes revisarlo con el botón Vista previa. 1.- Modificar Título por ENLACES DE ENTRADAS2.- Puedes eliminar esta listade enlaces a las entradas. PAGINA - 21 -
  • 20. 3.5.- Editar la zona Datos personales o Perfil delBlog.- 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 podrás Editar: El Título, Datos personales y Ubicación. 2.- Guarda los cambios y puedes revisarlo con el botón Vista previa.3.6.- Organizar elementos de la página.- Sólo se pueden organizar los elementos de tu página: Datos personales y Archivo de blog o los elementos agregados para ello ejecuta lo siguiente: 2.- Guarda los cambios y puedes revisar los cambios con el botón Vista previa. 1.- Arrastra el elemento Datos personales a la ubicación deseada, veamos que quede sobre el elemento Archivo del Bolg (Enlaces de Entradas). PAGINA - 22 -
  • 21. 3.7.- AñadirunElemento dePágina atuBlog(Añadirungadget).- Debemos tener en cuenta lo siguiente: 1.- Hay tres zonas para añadir un elemento a tu página: La Zona de enlaces principal, La Zona de enlaces secundaria y en la parte inferior de tu blog. 2.- Puedes añadir los siguientes elementos básicos: Da un clic sobre la imagen o título del elemento.NOTA:También puedes añadir otros elementos:DESTACADOS: Blogger Play, YouTube, Nasa Photo of the day, etc.LOS MÁS POPULARES: Search YouTube, Traductor, Tiempo del Mundo, etc.EL MÁS RECIENTE: Sudoku, Sala de Juegos, Google Video, etc.Y Categorías como:Noticias, Herramientas, Comunicación, Diversión y juegos, Finanzas, Deportes, etc. Sólo desarrollaremos dos elementos básicos: Lista de vínculos e Imagen ya que el proceso es el mismo para el resto, solo trabaja con paciencia. Empecemos: A.- Añadiruna Lista devínculos.- Para añadir una lista de vínculos debes tener en cuenta lo siguiente: 1.- Lo más recomendable es hacerlo en la Zona de vínculos secundaria. 2.- Debes contar con una lista de direcciones de páginas Web. Ejemplo: -MINISTERIO DE EDUCACION: www.minedu.gob.pe -INSTITUTO DE PEDAGOGIA POPULAR: www.ipp-peru.com -CONOCIENDO AL PERU: www.perucultura.org.pe -SOFTWARE EDUCATIVO: www.internenes.com Luego ejecuta lo siguiente: PAGINA - 23 -
  • 22. 1.- Da un clic sobre el enlace Añadir un elemento de página (Añadir un gadget) de la Zona de vínculos secundario, aparecerá la ventana Añadir un gadget. 2.-Ubica el elemento Lista de vínculos y da un clic sobre la imagen. Aparecerá la ventana siguiente en la cual sigue los pasos indicados: 1.- Escribe el título general del Elemento o la zona de enlaces. 2.- Puedes ordenar los enlaces alfabéticamente 3.- Digitar la dirección de la página Web (URL) a que se enlazará. 5.- Para añadir varios vínculos al mismo elemento usa este botón. Para nuestro caso son 4.4.- Digitar el nombre que aparecerá enlos enlaces y que los usuarios de tublog leerán. 6.- Puedes editar, suprimir y cambiar de ubicación a los enlaces agregados. NOTA: Si desea eliminar el elemento 7.- Guarda los cambios y revisa los avances con el total, Edita el elemento y el botón botón Vista previa o el enlace Ver blog. ATRÁS cambiará por ELIMINAR. Nota.- En la pantalla Elementos de la página sólo se verá el título del elemento y Editar. 3.- Puedes añadir otra Lista de vínculos si lo desea, sólo debes repetir los pasos anteriores. B.- Añadir una Imagen.- Puedes añadir una imagen desde tu equipo o desde cualquier otro lugar de Internet. Además ahora puedes enlazar esa imagen con una Página Web, conociendo su dirección. Para desarrollar estas acciones debes tener en cuenta: 1.- Para añadir una imagen colgada en Internet, debes conocer la dirección URL de la imagen. (Debes copiar la URL). PAGINA - 24 -
  • 23. 2.- Si deseas enlazar esa imagen con una Web, debes conocer la dirección URL de esa Web. Luego ejecuta lo siguiente: 1.- Da un clic sobre el enlace Añadir un elemento de página de la zona que desees, por ejemplo la zona de vínculos principal, aparecerá la ventana Añadir un elemento de página (Añadir 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 URL1.- Coloca un Título a de la Web elegida.tu Imagen. 3.1.- Si la imagen está en tu PC da un clic en el botón examinar, luego ubica y selecciona la imagen. 3.2.- Si la imagen es de la Web, selecciona esta opción y digita o pega en la barra de texto la dirección URL de la imagen previamente seleccionada o copiada.Una vez que sube la imagen aparecerá la siguienteventana: 4.- Guarda los cambios y puedes revisar como queda con el botón Vista previa o el enlace Ver blog. NOTA.- 1.- Si desea eliminar el elemento total, Edita el elemento y el botón ATRÁS cambiará por ELIMINAR. 2.- Si no deseas enlazar la imagen sólo deja vacío la barra Enlace. 3.- Si deseas subir una imagen de la Web, te recomiendo que primero la bajes a tu PC. De ese modo será más sencillo. 3.2.- CAMBIAR LAS FUENTES Y COLORES DE LA PLANTILLA. 1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contraseña. 2.- Selecciona el enlace Diseño del Panel Escritorio. PAGINA - 25 -
  • 24. Aquí 3.-Aparecerá la siguiente pantalla con la ficha Diseño superpuesta, los cambios lo trabajarás en el enlace Fuentes y colores que presenta la siguiente pantalla donde debemos reconocer sus elementos:1.-BARRA DE LISTA DE LOS 2.-LISTAS DE: COLORES –ELEMENTOS DE LA PLANTILLA FORMATOS DE FUENTESCUYOS COLORES Y FUENTES A APLICAR.PUEDES CAMBIAR. 4.-GUARDAR O BORRAR CAMBIOS 3.3.- CAMB I AR DE PLANT ILLA . 3.-PANEL DE VISTA PREVIA 3.1.- Cambiarcoloresdeloselementos delaplantilla.- A.- Cambiar el Color de Fondo de la Cabecera de la Página.- 1.- En la barra de Lista de colores y Fuentes selecciona la opción Color de fondo de la cabecera de la página. Elemento 1 en el gráfico anterior. Ejecuta lo siguiente: PAGINA - 26 -
  • 25. 2.-Puedes elegir el color de fondo que desees de1.-Selecciona la opción Color de fondo los paneles: Colores de tu blog, Colores quede la cabecera de la página. combinan con tu blog y Más 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 son: Color de fondo principal Color del texto Color del título de la entrada Color de la cabecera de fecha Color del borde de la entrada Color del vínculo Color de los vínculos visitados Color de fondo de la cabecera de la página Color del título del blog Color del título de la barra lateral principal Color de fondo de la columna lateral superior Color del texto de la columna lateral superior Color de los vínculos de la columna lateral superior Color de los vínculos visitados de la columna lateral superior Bottom Sidebar Title Color Bottom Sidebar Link Color Bottom Sidebar Visited Link Color Como práctica cambia el color del Título de tu Blog y haz otros retoques de acuerdo a tu gusto y que mejoren la presentación de tu Blog. PAGINA - 27 -
  • 26. 3.2.- CambiarlaFuente deloselementos delaplantilla.- A.- Cambiar la Fuente del Título del blog.- 1.- En la barra de Lista de colores y Fuentes selecciona la opción Color de fondo de la cabecera de la página. Elemento 1 en el gráfico anterior. Ejecuta lo siguiente: 2.- Selecciona Georgia de la Familia de fuentes1.-Selecciona la opción Fuente del títulodel blog. 3.-Activa los Estilos de fuente: Negrita y Cursiva. 6.-Para ver tu blog en otra ventana5.-Guarda los cambios. luego de haber guardado los cambios. Vista previa para verificar los 4.-Aumenta o disminuye el tamaño de cambios antes de guardarlos la fuente del título si es necesario. B.- Otras Fuentes que puedes cambiar son.- Aa Fuente del texto Aa Fuente del título del blog Aa Fuente de descripción del blog Aa Fuente del título de la barra lateral Aa Fuente del título de la entrada Como práctica cambia el tipo de Fuente y Tamaño de la descripción de tu Blog y haz otros retoques de acuerdo a tu gusto y que mejoren la presentación de tu Blog. NOTA.- El uso del enlace Edición deHTML de la ficha Plantilla requiere de conocimientos más 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 Contraseña. 2.- Selecciona el enlace Diseño del Panel Escritorio. PAGINA - 28 -
  • 27. Aquí 3.-Aparecerá la siguiente pantalla con la ficha Plantilla superpuesta, los cambios lo trabajarás en el enlace Seleccionar plantilla nueva. Para cambiar de plantilla debes tener en cuenta lo siguiente: Nota.- Si modificas la plantilla, se descartarán los cambios que hayas efectuado en Fuentes y colores, pero se conservarán los elementos de la página. 3.1.- Cambiar a la Plantilla Rounders 2.- 1.- En la pantalla 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 Denimes una plantilla que abarca todo elancho 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 descartarán los cambios efectuados en Fuentes y Colores. PAGINA - 29 -
  • 28. CAPíTULO III OPCIONES AVANZADASHasta este momento tu Blog se presenta atractivo. Pero ahora quizá desees personalizarlo de modoavanzado: Incluir otros formatos, Agregarle un sonido de fondo, Servicios gratuitos de otras páginas como:Panel de Mensajes, Vídeos de YouTube, Canales de Vídeos, Presentador de fotos, Contador de ingresantes,etc. Todo ello se puede hacer agregando algunos códigos HTML de servicios que algunas páginas permitende modo gratuito.Algunos servicios gratuitos son:1.- PANEL DE MENSAJES EN TU BLOG CON CBOX: Página Web: www.cbox.ws2.- VÍDEOS DE LA PÁGINA DE YOUTUBE EN TU BLOG: Página Web: www.youtube.es3.- SLIDE SHOW – PRESENTADOR DE FOTOS CON SLIDE: Página Web: www.slide.com4.- SPLASHCAST – VIDEOS DE YOUTUBE POR CANALES Y OTROS: Página Web: www.splashcastmedia.com6.- CONTADORES DE INGRESANTES A TU BLOG Página Web: www.freelogs.com7.- COMPARTIR Y MANEJAR SUS ARCHIVOS EN LÍNEA CON BOX. Página Web: www.box.net8.- ESPACIOS DE TRABAJO COLABORATIVO – INTRANET Y OTROS CON MAYETICVILLAGE. Página Web: http://es.mayeticvillage.com9.- RELOJES PARA MEJORAR LA PRESENTACION DE TU BLOG CON CLOCKLINK. Página Web: www.clocklink.com/Existen otros servicios gratuitos que podrás ir descubriendo con la experiencia. Empecemos esta parte demanera práctica, con las fichas de trabajo que a continuación colocamos, sólo con algunos servicios, el restoqueda para que investigues. PAGINA - 30 -
  • 29. FICHA DETRABAJON°1 AGREGÁNDOLE UN SONIDO DE FONDO A TU BLOG COMO ELEMENTO DE PÁGINA1.- OBTENIENDO DIRECCIONES URL DE SONIDOS MIDI: A.- Abre la siguiente página Web: www.culturageneral.net B.- Luego selecciona la opción Música Clásica. C.- Luego Sonata n°14“ClarodeLuna” . D.- Luego en la ventana que se presenta Clic Derecho sobre el Reproductor de la Música o sobre la palabra AQUÍ y seleccionar Propiedades. E.- En la ventana Propiedades selecciona y copia la Ubicación: 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 Diseño. B.- Selecciona el enlace Añadirunelemento depágina. C.- En la ventana que aparece ubica el elemento HTML/Javascript y seleccionalo. D.- En la ventana que aparece coloca un título y Digita las siguientes líneas de códigos: PAGINA - 31 -
  • 30. <embed width="200" autostart="true" loop="true" src="Pega Aquí la Dirección URL del sonidoMIDI" height="40"></embed> NOTA: En el código src pega la dirección del sonido Midi copiado. Quedaría 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 botón GUARDAR y Verblog. F.- Puedes reubicar el elemento añadido o cambiar el sonido Midi por otro. NOTAS PARATOMAR EN CUENTA: Parámetro Utilidad SRC Contiene la dirección URL del archivo de sonido a reproducir WIDTH y HEIGHT Aparece un pequeño reproductor, estos parámetros especifican su tamaño. Ancho y Alto respectivamente. AUTOSTART="true" Arranca automáticamente la reproducción. Para que no arranque automáticamente en lugar de “true” colocamos “0” LOOP="true" Reproduce ininterrumpidamente el fichero hasta que salimos de la página. Como se dio WIDTH="200" y HEIGTH="40" se mostrará un controlador de sonido. Según el sistema operativo será: Aquí unas páginas web para obtener direcciones de melodías Midi: Para obtener la URL de otras melodías revisa las siguientes páginas. Sólo 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 - 32 -
  • 31. FICHA DETRABAJON°2 AGREGAR UN PANEL DE MENSAJES DE CBOX A UNA ENTRADA DE TU BLOG Y COMO ELEMENTO DE TU PÁGINA1.- OBTENIENDO LOS CODIGOS INSERTAR DEL PANEL EN LA PÁGINA DE CBOX: A.- Abre la siguiente página Web: www.cbox.ws B.- Sigue los siguientes pasos. Recuerda que debes contar con una cuenta de correo electrónico. 1.- Da un clic en la pestaña sign up 2.- Completa los datos que nos solicitan: -Nombre de usuario. -Correo Electrónico: Uno por cuenta. -Contraseña. -La URL del Blog. -Elige un Estilo. 4.- Ahora da un clic sobre el botón Create my Cbox! 3.- Acepta las condiciones del servicio. C.- Cierra la ventana que aparece y tienes que ingresar a tu correo para verificar tu cuenta en Cbox, en este correo vendrá tu nombre de usuario y contraseña para acceder a tu cuenta. 1.- Da un clic en este enlace de verificación. PAGINA - 33 -
  • 32. D.- Aparecerá la siguiente pantalla, donde ingresarás con tu nombre de usuario y contraseña: 1.- Digita tu nombre de 2.- Digita tu usuario contraseña E.- aparecerá la siguiente ventana final: 1.- Da un clic en el botón Update. 2.- Selecciona y copia los códigos de la barra.2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA A.- Ingresa a la entrada donde vas a colocar el Panel de comentarios. B.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) los códigos en el lugar que deses. <!-- 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 - 34 -
  • 33. D.- Finalmente Seleccione el botón PUBLICAR ENTRADA y visualiza tu Blog en una ventana nueva. NOTA: Para modificar el tamaño del Panel debemos saber que: 1.- Los parámetros: width=" " : Establece el Ancho del Panel height=" " : Establece el Alto del Panel 2.- Modifica según tu necesidad. Cambiando el primer par es para visualizar el mensaje. El segundo par es para poner nombre y digitar el mensaje. Siempre deben coincidir los width.3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PÁGINA (HTML/Javascript) A.- Selecciona la ficha Diseño. B.- Selecciona el enlace Añadir un elemento de página (AddaPageElement). C.- Da un clic en el botón AÑADIR AL BLOG del elemento HTML/Javascript. D.- Digita el título: PANEL DE MENSAJES. E.- Pega el código Insertar en el área CONTENIDO. F.- Modifica los valores de width y height si lo deseas. D.- Seleccione el botón GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de elemento de página añadida. PAGINA - 35 -
  • 34. FICHA DETRABAJON°3AGREGAR UN VÍDEO DE YOUTUBE A UNA ENTRADA DE TU BLOG Y COMO ELEMENTO DE TU PÁGINA1.- OBTENIENDO LOS CODIGOS INSERTAR DEL VÍDEO EN LA PÁGINA DE YOUTUBE: A.- Abre la siguiente página Web: www.youtube.es B.- En la barra Buscar digita el tema o personaje: cusco C.- Luego, da un clic al vídeo de la lista: Cusco – Promperu Tv Comercial. Puedes ver el vídeo para asegurarte que es el que buscas de lo contrario puedes cambiarlo en la lista de la derecha. D.- Puede personalizar la presentación del vídeo: No incluir videos relacionados, Mostrar borde. Selecciona en este panel otro ví deo si el ant erior no t e gusta. NOTA: Si des eas cambiar de tema tienes que ir a l a barra Search. E.- Da un clic sobre la barra Insertar y Copia ([Ctrl] + [C]) los códigos que aparecen. Si deseas puedes seleccionar en este panel otro vídeo 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 título CUSCO - PROMPERU TV COMERCIAL y en la entrada: PAGINA - 36 -
  • 35. Una belleza milenaria para admirar - (Darle formato) C.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) el código 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 botón PUBLICAR ENTRADA y visualiza tu Blog en una ventana nueva. NOTA: Para modificar el tamaño de un vídeo debemos saber que: 1.- Los parámetros: 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 width="210" A 225 ELEMENTO height="150" A 1653.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PÁGINA (HTML/Javascript) A.- Selecciona la ficha Diseño. B.- Selecciona el enlace Añadir un elemento de página (AddaPageElement). C.- Da un clic en el botón AÑADIR AL BLOG del elemento HTML/Javascript. D.- Digita el título : CUSCO - PROMPERU TV COMERCIAL. E.- Pega el código 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 botón GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de elemento de página añadida. PAGINA - 37 -
  • 36. FICHA DETRABAJON°4 PONER UN SLIDE SHOW EN TU BLOG1.- REGISTRANDONOS Y EMPEZANDO A CREAR NUESTRO SLIDE SHOW: A.- Abre la siguiente página Web: www.slide.com B.- En la página de slide nos registramos siguiendo los siguientes pasos: 1.- REGISTRATE.- Para ello damos un clic en el botón Regístrate. Y completamos los datos de la siguiente ventana: 2.- SUSCRIBETE.- Con un correo electrónico y una contraseña. Luego da un clic en el botón Regístrate. 2.- En la siguiente pantalla da un clic en el enlace Clic here, para empezar a crear el slide.2.- AGREGANDO LAS FOTOS AL SLIDE SHOW.- A.- Debemos seguir los siguientes pasos y ser muy curiosos ya que hay muchos efectos: VISUALIZADOR DEL SLIDE SHOW 3.- Darle un 4.- Darle un Borde Estilo. (Skins). 2.- Subir las 1.- Seleccionar imágenes. las imagenes 5.- Darle un Tamaño. Considerar los valores de los videos: Para una Entrada dejar como esta. Para añadirlo como un Elemento de página: Ancho: 210 y Altura 150. PAGINA - 38 -
  • 37. B.- Luego podemos reordenar las imágenes arrastrándolos y ponerle una leyenda desarrollando: 4.- Guardamos para obtener el 1.- Arrastrar código HTML. las fotos 3.- Cambiar colores Fuente y fondo. 2.- Colocar una leyenda C.- Copiamos el código 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 título LAS MARAVILLAS DEL CUSCO C.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) el código 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 href="http://www.slide.com/pivot?cy=h5&at=un&id=1873497444995296512&map=2" target="_blank"><img src="http://widget- 00.slide.com/p2/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a></div></div> PAGINA - 40 -
  • 38. D.- Puedes modificar los valores de width y height de la parte superior para cambiar el Ancho y Alto del Slide respectivamente. El Width de la parte inferior debe llevar el mismo que el anterior. E.- Finalmente Seleccione el botón PUBLICAR ENTRADA y saldrá un error: Este error lo arreglamos haciendo el siguiente cambio en los códigos: <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 sr c= am p:a/w or: t- C"httbi / r pidge 00.slide.com/p1/1873497 444995296512/ h5_t 016_v000_s 0un_f 00/i mages/ xsli de1.gif" border="0" ismap="ismap" /></a> < a "middle" ></embed><div style Listo, Ahora si podemos publicar entrada.4.- AGREGANDO EL SLIDE SHOW COMO ELEMENTO DE PÁGINA (HTML/Javascript) A.- Selecciona la ficha Diseño. B.- Selecciona el enlace Añadir un elemento de página (AddaPageElement). C.- Da un clic en el botón AÑADIR AL BLOG del elemento HTML/Javascript. D.- Digita el título : LAS MARAVILLAS DEL CUSCO. E.- Pega ([Ctrl]+[V]) el código 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 botón GUARDAR. I.- Finalmente Seleccione el enlace Ver blog de elemento de página añadida. PAGINA - 41 -
  • 39. FICHA DETRABAJON°5 AGREGAR UN SPLASHCAST A UNA ENTRADA DE TU BLOG Y COMO ELEMENTO DE TU PÁGINAUn Splashcast es como una televisión orientada y virtual que puede ser compartida entre amigos y colgadoen cualquier página Web. Teniendo una cuenta puedes colgar desde videos de YouTube hasta PowerPoint.1.- REGISTRANDONOS EN LA PÁGINA DE SPLASHCAST: A.- Abre la siguiente página Web: www.splashcastmedia.com B.- Sigue los siguientes pasos. Recuerda que debes contar con una cuenta de correo electrónico. 1.- Da un clic sobre el enlace Login 2.- Luego vamos a registrarnos, da un Clic en el botón register now. NOTA: Este panel es para ingresar las siguientes veces, luego que tengas tu cuenta en SplashCast. C.- Completa los siguientes datos que te piden y anota aparte el password para que no se te olvide. 1.- Completa los datos obligatorios. NOTA: Para crear otra cuenta de splashCast, necesitas otro correo. 3.- Da un Clic en el botón done. 2.- Acepta las condiciones del servicio. PAGINA - 42 -
  • 40. D.- En la siguiente ventana Friend Manager da un Clic en el botón skip this step. Aparecerá la ventana de ingreso con tu email y password. E.- Activa remember me on this computer, para que recuerde siempre esos datos, y da un clic en el botón login. Ahora ya estamos listos para crear nuestro canal.2.- CREAR UN CANAL DE PELICULAS CON VARIAS PARTES DE VIDEOS DE YOUTUBE A.- Creamos un Canal desplegando la barra indicada y completamos los datos: 2.- Completa los dos primeros datos: 1.- Desplegamos la barra Choose a Channel y Name: historia del cusco seleccionamos la opción Create new channel. Category: Educación 3.- Da un Clic en el botón save. B.- Aparecerá un mensaje de canal vacío y la pregunta si deseamos crear un show en el canal, debemos aceptar dando clic en yes. Cada show creado puede contener varios videos que pueden ser relacionados o no. Desarrollemos los siguientes pasos para crear un show: PAGINA - 43 -
  • 41. 1.- Aparecerá la siguiente ventana en la cual ejecutamos:1.-Elegimos el tipo de 2.-Ahora elegimosshow que vamos a YouTube.trabajar. Para nuestro casoVIDEO. 3.- Finalmente done 2.- En la siguiente ventana de búsqueda utilizamos sólo la primera barra superior keywords: 1.- Digita el tema de los videos a buscar. Para nuestro caso: Cusco milenario y presiona go. NOTA: Uno puede buscar sus videos en la página de YouTube primero y una vez elegidos puede colocar el título de ellos para buscarlo. Esta forma es más recomendada. 3.- Aparecerá la siguiente ventana Search YouTube con los videos encontrados en miniatura, donde podemos ejecutar: 1.- Selecciona los videos que deseas para agregar a tu show. Clic en los cuadritos del vértice superior izquierdo de cada video. 2.- Puedes avanzar a la siguiente página para revisar otros videos. 3.- Este botón te permite hacer otra 4.- Terminado se seleccionar los búsqueda sumando videos a los videos. Da un clic en save y luego elegidos anteriormente. en done. PAGINA - 44 -
  • 42. 5.-Aparecerá la siguiente pantalla de edición: Edit Show, donde puedes organizar tus videos.1.- Arrastrandopuedes cambiarde posición losvideos. 2.- Puedes eliminar 3.- Puedes agregar cualquier video otro video 4.- Finalmente haz clic en el botón save. 6.- Aparecerá la siguiente pantalla para grabar el show. Completa sólo los dos primeros datos y continúa. 1.- Completa estos datos, son suficiente. 2.- Da un clic en next. 7.- Luego da un clic en el botón publish de la siguiente ventana: PAGINA - 45 -
  • 43. 8.- Aparecerá la siguiente ventana Publish Show, donde puedes modificar: 1.- El tiempo de transición de un video al siguiente. Lo recomendable es 2 segundos. 2.- Da un clic en el botón publish para continuar.9.- Como no notificamos a ningún amigo, pasamos a la siguiente ventana: 1.- Da un clic en el botón skip this step, para continuar10.- Aparecerá la siguiente pantalla de Shows, en la que podemos agregar otro show o editar uno hecho, pero lo más importante es que podemos obtener el código HTML del canal: 1.- Da un clic en el botón code para obtener los códigos a insertar. PAGINA - 46 -
  • 44. 11.- Aparecerá la siguiente pantalla, donde podemos: 1.- Modificar el tamaño de los videos: 320x240 : Para Entrada. 210x150 : Para Elemento de Página, 2.- Da un clic en el botón copy como no aparece lo debes cambiar en HTML text. para copiar los blogger, al pegar el código. códigos. 3.- Finalmente hacemos clic en done o podemos cerrar la ventana para pasar a la ventana de blogger.3.- AGREGANDO LOS CODIGOS HTML text EN EL EDITOR DE HTML DE UNA ENTRADA: A.- Crea una Nueva Entrada en tu Blog. B.- Trabajando en la ficha Redactar coloca de título CUSCO en la entrada: C.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) el código HTML text copiado. Quedará así: <embed src="http://web.splashcast.net/go/so/1/c/GCYV3146ZH" wmode="transparent" width="320" height="240" allowFullScreen="true" type="application/x-shockwave-flash" /> OJO: Antes de publicar debes cambiar lo siguiente: Cámbialo por </embed> y listo. El código final quedará: <embed src="http://web.splashcast.net/go/so/1/c/GCYV3146ZH" wmode="transparent" width="320" height="240" allowFullScreen="true" type="application/x-shockwave-flash"></embed> D.- Finalmente Seleccione el botón PUBLICAR ENTRADA NOTA: Para modificar el tamaño de un vídeo debemos saber que: 1.- Los parámetros: width=" " : Establece el Ancho y height=" " : Establece el Alto del video 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 width="210" A 225 ELEMENTO height="150" A 165 PAGINA - 47 -
  • 45. 3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PÁGINA (HTML/Javascript) A.- Selecciona la ficha Diseño. B.- Selecciona el enlace Añadir un elemento de página: (gadget), (AddaPageElement). C.- Da un clic en el botón o enlace HTML/Javascript. D.- Digita el título: CUSCO. E.- Pega el código Insertar en el área CONTENIDO. F.- Modifica los valores de width y height por: width="210" height="150" D.- Seleccione el botón GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de Elemento de página añadid PAGINA - 48 -
  • 46. PAGINA - 50 -