49133105 manual-de-blogger-2011

www.cuentos-suizo.blogspot.com
PROFESOR: LIC. ALDO VEGA ROSALES
Autorizado por el autor sólo para impresiones – aldovr73@hotmail.com
Corregida y Aumentada

PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
PAGINA - 2 -
INTRODUCCIÓN
¿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 cronológico de archivos, sobre cualquier tema: Un diario personal,
Un espacio de colaboración, Una fuente de noticias impactantes, Una colección de vínculos, etc.
Además de tener la posibilidad de insertar un sistema de comentarios para que los lectores puedan
participar.
UNA PÁGINA QUE REVOLUCIONA: BLOGGER
Blogger es una página Web que desde su lanzamiento, hace prácticamente cinco años, ha permitido
que los Blogs transformen Internet, han influido en la política, 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 fácil de utilizar y publicación 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 opinión sobre la información que usted comparte en su Blog.
Los grupos de Blogs.- pueden ser excelentes herramientas de comunicación para equipos
reducidos, familias u otros colectivos.
Enviar fotografías
En ocasiones, simplemente desea compartir una fotografía. Hay un botón para subir fotografías
en la interfaz de Blogger.
Si bien los Blogs surgieron en el campo periodístico, 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 unión: la Comunicación y la Educación. Se han
convertido en una herramienta comunicativa que potencia las habilidades de docentes y alumnos.
Permite la construcción colectiva del conocimiento y se sostiene en el aprendizaje social o por
observación de modelos, direccionándolo hacia la práctica de la ética digital, la convivencia libre y
tolerante.
Por eso es imperativo que los educadores peruanos de los diversos niveles de la educación básica
y superior puedan acceder a la llamada alfabetización digital, como opción personal y profesional. De
ese modo se accedería a espacios gratuitos que ofrece la Red, en este caso, la creación y
mantenimiento de Blogs, llamados a convertirse en edublogs conducidos por blogsfesores entusiastas y
responsables. Algunas herramientas educativas fáciles de crear con Blogger son: Libros Electrónicos,
Periódicos Electrónicos Escolares, Museos virtuales, Clases virtuales utilizando positivamente
YouTube, etc. Sólo depende de tu dedicación y creatividad.
Este es un curso guiado con ejemplos y prácticas que no requieren más que conocimientos
básicos de informática para llevarlo a cabo y cubre desde los aspectos más básicos para la creación de
su Blog hasta los más avanzados. Espero que lo disfruten.

PAGINA - 3 -
CREAR Y PUBLICAR UN BLOG CON BLOGGER
En menos de cinco minutos entrarás a formar parte de un fenómeno que está transformando Internet y
los medios de comunicación en una actividad participativa.
1.- INGRESANDO A BLOGGER Y RECONOCIENDO SU INTERFAZ
Para ingresar a BLOGGER Abre Internet Explorer y en la barra de Dirección digita:
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 ya
creada en Blogger: Con tu Correo
Electrónico y Contraseña.
4.- Enlaces Informativos
de Blogger.
1.- Botón Comenzar: Aquí iniciarás la
creación de tu Blog en tres pasos.
CAPíTULO I
Internet
Explorer
3.- Estos enlaces te permiten
hacer la búsqueda de Blogs
importantes.
NOTAS:
1.- Cada cuenta a crear en Blogger requiere de:
- Un Correo Electrónico (E-mail) diferente, puede ser en: Hotmail, Terra, Yahoo, etc.
- Un Teléfono Móvil a la mano (Celular). Se puede crear hasta 3 Cuentas por Número.
2.- En una Cuenta de Blogger puedes crear muchos Blogs independientes, sólo comparten el
perfil.

PAGINA - 4 -
2.- CREANDO TU BLOG EN 3 PASOS
En la Interfaz de Blogger, nos dirigimos al botón Comenzar, que te guiará de manera sencilla y en 3
pasos todo el proceso de creación de tu Blog. Empecemos:
Paso 1: Creando tu Cuenta
Aparecerá el siguiente cuadro que debes completar siguiendo las indicaciones:
1.- Nombre de usuario:
Digite el Correo Electrónico que será
su Nombre de usuario. Anótalo aquí:
__________________________
2.- Contraseña:
Como mínimo 8 caracteres y segura.
Para que no se te olvide, Anótalo
aquí: _____________________
4.- Digite los caracteres
que aparecen encima
5.- Active el cuadro de
aceptación de las
condiciones del servicio.
3.- Nombre que
registrará Blogger
en las entradas de tu
Blog.
6.- Una vez culminado da
un clic en Continuar
1.- Da un Clic sobre
el botón naranja.

PAGINA - 5 -
Ahora se te pedirá tu número de Teléfono Celular para que a través del sistema telefónico
de verificación de manera gratuita te proporcionen un código:
Paso 2: Asignándole un nombre a tu Blog
APRENDA A ELABORAR SU BLOG
2.- La dirección URL será para que tú y el resto puedan acceder al Blog a través de
Internet Explorer, sea creativo y digite sin WWW:. Comprueba que esté disponible y
Anótalo aquí: _________________.blogspot.com para no olvidarlo.
1.-El Título se ubicará en la
Cabecera de tu Blog, por ello
debe tener relación con la
información a publicar.
3.- Una vez culminado
da un Clic en Continuar
1.- Seleccione su país de
origen.
2.- Digite su número de
Celular.
60516 4.- Digita el código
recibido y da un clic en
el botón Verificar.
NOTA:
Por cada Número de Teléfono
sólo te limitan a crear 03 blogs.
3.- Da un Clic en el botón Enviar y de inmediato
recibirás una llamada a tu celular en el que te
dictarán un código de 05 dígitos.
980216582

PAGINA - 6 -
Paso 3: Eligiendo una Plantilla para tu Blog.
Puedes elegir la plantilla que más te agrade sólo selecciónalo y Continúa:
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.
NOTA 2.- Opciones avanzadas de
configuración.- Desplegando este enlace
puedes comprar un dominio personalizado
para tu blog o insertar un blog de Blogger al
nuevo.
NOTA 1.- Con este enlace puede personalizar la
apariencia de su blog antes de publicar:
Le recomendamos primero empezar a publicar.
CAMBIAR LA PLANTILLA CAMBIAR COLORES
2.- Ahora da un
Clic en Continuar.
1.- Selecciona una
plantilla, dando un Clic
sobre él. Luego podrás
cambiarla.

PAGINA - 7 -
3.- CREANDO ENTRADAS
Cuando uno da Clic en EMPEZAR A PUBLICAR, aparece la siguiente pantalla con la ficha
superpuesta, donde puedes desarrollar las siguientes acciones:
3.1. Crear la Primera entrada.-
En el enlace Nueva entrada está el Editor de Entrada que se trabaja como cualquier
procesador de textos, reconozca sus elementos y continúe los siguientes pasos:
Creación de entradas
6.- Coloque una etiqueta para su
entrada si lo desea. Esta aparecerá
al final de su entrada.
4.- Publique para ver su blog.
CAMBIAR DISEÑO CAMBIOS AVANZADOS
1.- Coloca el Título que
llevará tu entrada.
2.- BARRA DE HERRAMIENTAS.- Para
Añadir Imagen y dar Formato al Texto. Sus
elementos se explican más adelante.
7.- Ficha Edición de HTML.-
Para agregar códigos de HTML de
otras funciones o de servicios de
otras páginas como YouTube.
3.- Ficha Redactar.- Es el AREA DE
EDICION, donde se desarrolla el
contenido de tu Entrada: Texto –
Imágenes – Vídeos - Enlaces.
5.- Despliegue el enlace Opciones de
entrada.- Para controlar los comentarios
y cambiar el orden de las Entradas
modificando su fecha y hora de creación.

PAGINA - 8 -
BARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADAS
3.1.1.-Añadiendo una Imagen a tu entrada
1.-Da un clic en el botón Insertar 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: no olvides que las imágenes 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.
1.- Da un Clic en el botón 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. Tamaño máximo 8 Mb.
2.- Da un Clic en el botón Aceptar
para agregar la imagen a tu
Entrada.
NOTA.- Puedes añadir una
imagen de la Web
seleccionando este enlace y
colocando su URL.
DESHACE
TAMAÑOS
DE TEXTO
NEGRITA
CURSIVA
COLOR DE FONDO
DEL TEXTO
AÑADE O
ELIMINA UN
ENLACE
LISTA CON
VIÑETAS
ELIMINA EL
FORMATO
INSERTAR
IMAGEN
VÍNCULOS
COMPROBAR
ORTOGRAFÍA
REHACE
SUBRAYA
TACHADO
COLOR DEL
TEXTO
ALINEACION
LISTA
NUMERADA
INSERTAR
UN VIDEO
(Desde tu equipo)
INSERTAR SALTO
DE LÍNEA
CITA

PAGINA - 9 -
3.- Una vez insertada la imagen se puede editar:
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 botón Vista previa, si deseamos volver
da un Clic al enlace Ocultar vista preliminar.
Una vez culminado la entrada da un Clic en el botón Publicar Entrada para terminar.
4.- PUBLICANDO LA ENTRADA Y VIENDO TU BLOG
Una vez publicado tu Blog aparecerá la siguiente pantalla con la Ficha Creación de entradas
superpuesta que te indica que la entrada de tu Blog ha sido publicada.
Esta pantalla es importante para continuar trabajando: Ver tu Blog, Crear otra entrada, Editar la última entrada
o cualquiera.
1.- Da un Clic sobre la imagen y aparecerá
la Barra de Edición donde podrás:
-Cambiar el Tamaño.
-Alinear.
-Añadir una leyenda o
-Eliminar.
NOTA: Antes de insertar la
imagen se te recomienda crear
varias líneas con la tecla
[Enter]. Así podrás desplazar
el punto de Inserción más fácil.
VER ENTRADA
EN UNA
VENTANA
NUEVA
NOTA: Para Ver tu Blog: En una ventana
nueva haz Clic en este ícono.

PAGINA - 10 -
4.1.-Visualizando tu Blog (Importante)
1.-Para ver tu Blog publicado, en la pantalla anterior tenemos dos opciones directas:
Ver entrada, Ver blog : 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).
Icono : 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.
5.-CREAR UNA NUEVA ENTRADA A TU BLOG
1.- En la Pantalla Anterior de la Ficha Creación de entradas seleccionamos la opción Nueva
entrada o el enlace celeste Crear una entrada nueva, veamos el primer caso
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 publicación, es decir se mostrará en primer lugar la más reciente en el tiempo. Así que
organiza tus entradas antes de crearlas.
1
2

PAGINA - 11 -
6.-EDITAR UNA ENTRADA CREADA
Si 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 Editar entradas, veamos:
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:
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 EXPLORER
Una vez publicado tu Blog, cualquier persona de cualquier parte del mundo que conozca la dirección
URL 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
Aquí
Edita la última
entrada creada.
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
de la Entrada que desee modificar,
guíese por el Título de la entrada.
NOTA B.- Puedes Eliminar cualquier
entrada publicada, seleccionándolo y con un
Clic en Suprimir Selección. 

PAGINA - 12 -
AUTOEVALUACION N° 1 – ¿Qué has aprendido?
Debes desarrollar las siguientes preguntas:
I.- VOCABULARIO: Define los siguientes términos informáticos:
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 Cuál es a tu parecer la importancia de sus recursos?
2.- Con tus propias palabras ¿Qué es un Blog y que función tienen?
3.- ¿Qué materiales educativos puedes elaborar en tu área de trabajo con Blogger?
PROYECTO – ¿Qué harías con lo aprendido?
AVANCE DEL PROYECTO Nº 1 – LIBRO ELECTRÓNICO
1.- Crea una nueva cuenta de Correo Electrónico, sólo para el proyecto:
Anótelo Aquí: Contraseña:
2.- Escoge la temática del Libro Electrónico 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 Electrónico en hojas, escribiendo una entrada por Blog, con las
imágenes que colocarás. La cual presentará las siguientes secciones:
.
4.- Inicia la Creación de tu cuenta en Blogger y elabora la entrada de la presentación pon en práctica tu
creatividad.

PAGINA - 13 -
EDITAR TU PERFIL Y ADMINISTRAR OPCIONES Y DISEÑOS 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 fotografía; también se puede modificar el Título de tu Blog así
como agregarle una descripción. Veamos:
1.- EDITANDO TU PERFIL
Ingresa a BLOGGER Recuerda: www.blogger.com (Luego presione [ENTER])
En la Interfaz de BLOGGER, nos dirigimos al Bloque Acceder a tu cuenta de Blog creado donde
debes ejecutar los siguientes pasos:
Inmediatamente ingresarás por primera vez al Panel Escritorio,
donde distinguiremos las siguientes opciones a utilizar en adelante:
CAPíTULO II
1.- Ingresa tu Nombre de Usuario: E-mail
utilizado y anotado en la Página 4.
2.- Ingresa tu Contraseña:
Anotado en Página 4.
3.- Da un Clic en el
botón ACCEDER.
1.- EDITAR PERFIL: Lo Utilizarás para
agregar y modificar datos de tu perfil así como
una foto.
7.-Te permite crear muchos
blogs en una misma cuenta de
Blogger. Utilizar para crear
Libros Electrónicos.
2.-NUEVA ENTRADA: Lo
utilizarás para agregar una
nueva entrada a tu Blog.
4.-Te direcciona a la Ficha
Configuración: Básico, Publicación,
Formato, Comentarios, etc.
5.-Te lleva a la Ficha Diseño:
Elementos de la Página, Edición de
HTML, Diseñador de Plantillas.
3.-Te direcciona a la ficha Creación
de entradas: Nueva entrada, Editar
Entradas.
6.-Te lleva a la Ficha Monetizar: Donde con
AdSense ganarás dinero gracias a los anuncios
orientados que se colocan en tu blog.
NOTA1: Si trabajas
en una PC propia
activa esta opción
para que ingrese
directo a tu cuenta.
NOTA2: Si te direcciona a la ventana Google
cuentas ubica y selecciona el enlace Blogger
para empezar.

PAGINA - 14 -
1.1.- INGRESANDO TUS DATOS Y AÑADIENDO 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 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: 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 dirección URL en Internet.
NOTA: Algunos datos ya aparecen
llenos. Si deseas sólo completa los
obligatorios.

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

PAGINA - 16 -
4.- Aparecerá el siguiente mensaje donde debes seleccionar la opción Volver a: Escritorio.
5.- Retornarás al Panel Escritorio de Blogger donde podrás ver la foto del perfil y también
ver tu Blog:
6.- Ahora Cierra 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.
2.- Una vez culminado da un clic sobre este
botón para guardar su perfil.
1.- Da un clic en el enlace
Escritorio.
1.- Da un Clic en el Icono para Ver el
Blog en una ventana nueva.

PAGINA - 17 -
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.
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, tú puedes descubrir qué opciones más contiene:
1.- Cambia el título del Blog
que habías colocado
2.- Ingrese una Descripción del
Título éste se colocará en la
Cabecera como Subtítulo.
3.- Culminado los cambios Guarde la
Configuración para que se apliquen.
NOTA 2.- Puedes Eliminar tu blog
haciendo un clic en este enlace.
NOTA 1.- Exportar-Importar tu blog.-
Puedes exportar tu blog descargándolo a
tu PC y luego importarlo a otro blog.
Aquí

PAGINA - 18 -
4.- Aparecerá un mensaje que me indica que los cambios se han guardado. Ahora puedes:
A.- Realizar otros cambios, B.- Ver tu Blog o C.- Salir.
Hagamos otros cambios en la misma ventana:
2.2.- CAMBIAR LA DIRECCION URL DE TU BLOG
1.-En la pantalla anterior seleccionamos el enlace Publicación y seguimos los siguientes pasos:
2.- Aparecerá un mensaje que me indica que los cambios se han guardado:
Continuemos con otros cambios:
2.3.- CAMBIAR TIEMPO DE 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:
Mensaje
C
1.- Ingrese la nueva dirección URL que
modificará la anterior. No olvides ser
original para que no lo rechace.
3.- Da un clic para guardar
la nueva configuración.
2.-Digita los caracteres de verificación.
A
B

PAGINA - 19 -
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 Configuración.
2.-Aparecerá la siguiente pantalla que está recortada para desarrollar sólo las opciones que nos
5.- Da un Clic para guardar los cambios.
3.- Para establecer el formato de la
hora en que se publica una entrada de
tu Blog.
4.- Para establecer La zona horaria:
(GMT-05:00) Lima y El idioma de la
fecha: español (Perú)
2.- Para establecer el formato de fecha
que se ubica en la cabecera de cada
entrada de tu Blog y del panel
Archivos.
4.- Da un Clic para guardar
los cambios.
3.- Permite ubicar los formularios de
comentarios de tal modo que sea más
cómodo para los usuarios.
2.- Limita la posibilidad de
comentar a los usuarios.
1.- Para establecer el # de entradas que
se verán en la página principal de tu
Blog.
1.- Mostrar u ocultar los comentarios
a tus entradas que se verán en tu Blog.

PAGINA - 20 -
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 Configuración.
2.-Aparecerá la siguiente pantalla que está recortada para desarrollar sólo las opciones que nos
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 partes
que se describen, las que quizás quieras personalizar:
3.- ZONA DE LAS
ENTRADAS: Muestra las
entradas publicadas en orden
inverso a la fecha de creación.
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.
2.- CABECERA DEL BLOG:
Muestra el Título y Subtítulo.
5.- ZONA DE VÍNCULOS
SECUNDARIA: Se le puede
agregar elementos: Imagen,
Lista de enlaces, etc.
1.- BARRA NAVBAR:
Buscador, Salir, etc.
1.- Puedes añadir hasta 100 autores que
pueden escribir en tu blog. Sólo requieres su
correo electrónico para invitarlos.
2.- Lectores del blog.- Tiene los casos.
Cualquiera.- De forma predeterminada para un acceso libre.
Sólo a los usuarios que yo elija.- Útil para elaborar una Intranet, en la
que los usuarios necesitan su información de acceso. Sólo requieres su
correo electrónico para invitarlo. Luego ellos reciben un correo para
registrarse: Con su correo y añadiendo una contraseña queda listo.
Únicamente autores del blog.- Restringe el uso sólo a los autores
añadidos.

PAGINA - 21 -
La ficha Diseño de Blogger facilita a los usuarios la personalización del diseño de su Blog con
pocos conocimientos técnicos o ninguno. Cambios como: Añadir, eliminar y organizar Elementos de la
Página, Modificar las fuentes y colores, Edición de HTML y Seleccionar una plantilla nueva para tu
Blog son fáciles de realizar. Para iniciar debes seguir los siguientes pasos:
3.1.- EDITAR ELEMENTOS DE LA PÁGINA.
2.- Selecciona el enlace Diseño del Panel Escritorio.
3.-Aparecerá la siguiente pantalla con la ficha Diseño superpuesta, los cambios lo trabajarás en
el enlace Elementos de la página. Que se explican en la siguiente página:
3.2
3.3
3.4
3.5
3.1
3.7
Aquí
Botones: Guardar, Vista
previa y Borrar Cambios

PAGINA - 22 -
3.1.- Editar la Barra de Navegació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.- 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 podrás:
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 Píxeles. Para
cubrir toda la cabecera.
NOTA 2.- Cuando se pega la URL de la
imagen debes mover el punto de inserción
al inicio de la URL, sólo así se verá la
imagen.
3.- Puedes ubicar la imagen en
lugar del título o detrás.
1.- Modifica el Título
y la descripción de tu
Blog.
5.- Da un clic en guardar
y puedes revisarlo son el
botón vista previa.
NOTA: Si la imagen no te gusta, puedes editar nuevamente y eliminar la imagen
4.- No olvides activar reducir
hasta ajustar

PAGINA - 23 -
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 podrás modificar: El número de entradas, El formato
de fechas, etc. Así como ordenar las etiquetas arrastrándolos.
2.- Arrastrar las etiquetas
para ordenarlo, si lo deseas.
1.- Puedes desactivar estas opciones
si deseas que desaparezcan estos
elementos de tu Blog.
3.- Guarda los cambios.

PAGINA - 24 -
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 podrás modificar: El Título, Estilo, Formato de Fecha, etc.
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 podrás Editar: El Título, Datos personales y Ubicación.
2.- Guarda los cambios y puedes revisarlo con el botón Vista previa.
1.- Modifica el Título por
ENLACES DE ENTRADAS
NOTA.- Puedes eliminar esta
lista de enlaces a las entradas.
3.- Da un clic en guardar y
puedes revisar los cambios
con el botón Vista previa.
2.- Elige un Estilo de
presentación: Jerarquía,
Lista o Menú desplegable.

PAGINA - 25 -
3.6.- Organizar elementos de la página.- Sólo se pueden organizar los elementos de tu
página: Seguidores, Datos personales y Archivo de blog o los elementos
añadidos. Para ello ejecuta lo siguiente:
3.7.- Añadir un Elemento de Página a tu Blog (Añadir un gadget).- Debemos tener
en cuenta lo siguiente:
1.- Hay varias 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:
1.- Arrastra el elemento Datos
personales a la ubicación deseada,
veamos que quede sobre el elemento
Seguidores.
2.- Guarda los cambios y puedes
revisarlo con el botón Vista previa.
Da un clic sobre la
imagen o título del
elemento.
ACTIVIDAD 2.- Elimina el elemento Seguidores de tu blog. Para ello edita el elemento.

PAGINA - 26 -
Sólo desarrollaremos dos elementos básicos: Lista de vínculos e Imagen ya que el
proceso es el mismo para el resto, sólo trabaja con paciencia. Empecemos:
A.- Añadir una Lista de ví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:
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 Enlaces y da un clic sobre la imagen.
Aparecerá la ventana siguiente en la cual sigue los pasos indicados:
NOTA 2:
También puedes añadir otros elementos:
DESTACADOS: Flickr Photostream, Recent post, Twitter Updates, Picasa Photostream, etc.
LOS MÁS POPULARES: Blogger Play, Fish, Digg 2.0, etc.
Más gadgets: Sudoku, Sala de Juegos, Google Video, etc.
Y puedes buscar de alguna empresa: YouTube, Google, etc.
NOTA 1: Puedes agregar otros
elementos básicos como:
AdSense: Publicidad.
Lista de blogs: Blogs favoritos.
Actualidad, etc.

PAGINA - 27 -
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).
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).
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á.
4.- Digitar el nombre que aparecerá en
los enlaces y que los usuarios de tu
blog leerán.
5.- Para añadir varios vínculos
al mismo elemento usa este
botón. Para nuestro caso son 4.
7.- Guarda los cambios y revisa los avances con el
botón Vista previa o el enlace Ver blog.
Nota.- En la pantalla Elementos de la página sólo
se verá el título del elemento y Editar.
NOTA: Si desea eliminar el elemento
total, Edita el elemento y el botón
ATRÁS cambiará por ELIMINAR.
6.- Puedes editar, suprimir y
cambiar de ubicación a los
enlaces agregados.

PAGINA - 28 -
2.-Ubica el elemento Imagen y da un clic sobre su imagen. Aparecerá la
ventana siguiente en la cual sigue los pasos siguientes:
3.2.- CAMBIAR LAS FUENTES Y COLORES DE LA PLANTILLA.
Una vez que sube la imagen aparecerá la siguiente
ventana:
1.- Coloca un Título a
tu Imagen.
2.- Si desea enlazar la imagen digite la URL
de la Web elegida.
3.2.- Si la imagen es de la Web, selecciona
esta opción y digita o pega en la barra de texto
la dirección URL de la imagen previamente
seleccionada o copiada.
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.- El elemento HTML/Javascript que Añade una característica de un tercero u otro código a tu blog se
trabajará en el Capítulo III: OPCIONES AVANZADAS.
3.1.- Si la imagen está en tu PC da un clic en
el botón examinar, luego ubica y selecciona la
imagen.
4.- Guarda los cambios y puedes
revisar como queda con el botón Vista
previa o el enlace Ver blog.
Aquí

PAGINA - 29 -
3.-Aparecerá la siguiente pantalla Diseñador de plantillas de Blogger con la ficha Plantillas
superpuesta, donde primero debemos reconocer sus elementos:
3.3.- CAMBIAR DE PLANTILLA.
3.1.- Cambiar colores de los elementos de la plantilla.-
A.- Cambiar el Color de Fondo de la Cabecera de la Página.-
1.- En el menú principal selecciona Avanzado y del Panel de Opciones
selecciona Fondos. Y ejecuta lo siguiente:
3.-Aplique
los cambios.
Vista previa para verificar los
cambios antes de aplicarlos
1.-MENÚ PRINCIPAL
del Diseñador de
Plantillas de Blogger.
3.-PANEL DE
ELEMENTOS
a aplicar.
5.- APLICA CAMBIOS
AL BLOG.
6.-PANEL DE VISTA PREVIA.
2.-PANEL DE OPCIONES
de cada elemento del menú
principal.
4.- RETORNA A LA
FICHA DISEÑO.
1.-Puedes seleccionar un
Color de fondo Exterior
y Principal.
2.-Selecciona un Color de
Fondo de Cabecera. Por
ejemplo Verde.

PAGINA - 30 -
B.- Otros colores que puedes cambiar en los elementos de tu blog son:
Color del texto
Color del título de la entrada
Color de la cabecera de fecha
Color del borde
Color del vínculo
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
Bottom Sidebar Title Color
Color del enlace
3.2.- Cambiar la Fuente de los elementos de la plantilla.-
A.- Cambiar la Fuente del Título del blog.-
1.- En el menú principal selecciona Avanzado y del Panel de Opciones
selecciona Título del blog. Y ejecuta lo siguiente:
3.- Selecciona un color
para el título.
1.-Selecciona el tipo de
Fuente del título del Blog:
Georgia.
5.-Aplique
los cambios.
Vista previa para verificar los
cambios aplicados.
2.-Activa los Estilos de
fuente: Negrita, Cursiva y
Tamaño.
4.-Puedes cambiar el color
de la descripción.
ACTIVIDAD 3.-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 - 31 -
B.- Otras Fuentes que puedes cambiar son.-
Aa Texto de la página
Aa Texto de la pestaña
Aa Título de la entrada
Aa Fuente del título de la barra lateral
Aa Pie de página de la entrada
3.3.- SELECCIONAR UNA PLANTILLA NUEVA PARA TU BLOG.
3.-Aparecerá la siguiente pantalla con la ficha Diseño superpuesta, se pueden cambiar las
plantillas de dos maneras:
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.- A través del Diseñador de Plantillas.-
1.- En la ficha Diseño selecciona el enlace Diseñador de plantillas y ejecuta lo
siguiente:
NOTAS:
1.- Los elementos del PANEL DE OPCIONES pueden variar de acuerdo a la plantilla
elegida, sólo identifica las necesarias.
2.-El uso del enlace Edición de HTML de la ficha Diseño requiere de conocimientos más
avanzados. Así que lo dejamos para otro momento.
ACTIVIDAD 4.- Como práctica cambia el tipo de Fuente y Tamaño de los títulos de las
entradas de tu Blog y haz otros retoques de acuerdo a tu gusto y que mejoren la
presentación de tu Blog.
Aquí

PAGINA - 32 -
3.2.- A través del Editor de HTML.-
1.- En la ficha Diseño selecciona el enlace Edición de HTML y ejecuta lo siguiente:
A.- Carga una plantilla desde un archivo de tu disco duro, este archivo puede
descargarse de Internet.
B.- Seleccionar una plantilla de diseño antigua (2006), pero estas plantillas anulan
muchas de las funciones nuevas.
1.- Selecciona una
Plantilla de la lista.
2.-Una vez decidido
aplícalo a tu Blog.
1.-En la parte inferior del enlace
Edición de HTML haz Clic en el
enlace Seleccionar plantilla de
diseño.
1.-En el enlace Edición de HTML
haz Clic en el botón Examinar…
para ubicar el archivo de plantilla.
2.-haz Clic en el botón
Subir para cargar la
plantilla.
NOTA.- Puede descargar
la plantilla antes de hacer
cambios para seguridad.

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

PAGINA - 34 -
AUTOEVALUACION Nº 2 – ¿Qué has aprendido?
Debes desarrollar las siguientes preguntas:
1.-Http
2.-Enlace
3.-Plantilla
4.-JPG
5.-Perfil
6.-Fuente
1.- ¿Qué diferencia hay entre la ficha Edición de HTML y Redactar del Editor de Entradas?
2.- ¿Elabora un esquema de los elementos de la Página y explica las funciones de cada uno de ellos?
3.- Si modificas la Plantilla de tu Blog, ¿Qué cambios se descartarán?
AVANCE DEL PROYECTO Nº 2 – LIBRO ELECTRÓNICO
1.- Ingresa al Panel Escritorio de tu Blog creado y con el enlace Crear un Blog crea los blogs
necesarios para cada página de tu libro electrónico. Anote aquí las direcciones URL de cada uno:
Página 1: www.____________________
Página 2: www.____________________
Página 3: www.____________________
Página 4: www.____________________
Página 5: www.____________________
2.- Modifica tu Perfil, si deseas escanea tu foto para colocarlo en el perfil de tu Blog.
3.- Añade una lista de vínculos, que llevará de título ÍNDICE, a cada blog. Para enlazarlos con las
Blogs creados para cada página del libro electrónico. 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, Tamaño y color de fuente, Los tamaños y
posiciones de las imágenes agregadas, etc.
6.- Entra a la ficha Diseño y selecciona el enlace Editar del elemento de página Entradas del blog y
desactiva todas las opciones. Esto es para que quitar estos datos de tu Blog.
7.- En la misma ficha Diseño selecciona el enlace Editar del elemento de página Archivo del blog y
Elimínalo.

PAGINA - 35 -
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, Tablas, Preguntas de opciones múltiples.
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 permiten de modo gratuito.
Algunos servicios gratuitos son:
1.- PANEL DE MENSAJES EN TU BLOG CON CBOX:
Página Web: www.cbox.ws
2.- VÍDEOS DE LA PÁGINA DE YOUTUBE EN TU BLOG:
Página Web: www.youtube.es
3.- SLIDE SHOW – PRESENTADOR DE FOTOS CON SLIDE:
Página Web: www.slide.com
4.- SUBIR DOCUMENTOS A TU BLOG Y COMPARTIRLOS
Páginas Web: www.box.net
www.scribd.com
5.- CONTADORES DE INGRESANTES A TU BLOG
Página Web: www.freelogs.com
6.- COMPARTIR Y MANEJAR SUS ARCHIVOS EN LÍNEA CON BOX.
Página Web: www.box.net
7.- 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 de
manera práctica, con las fichas de trabajo que a continuación colocamos, sólo con algunos servicios, el resto
queda para que investigues.
CAPíTULO III

PAGINA - 36 -
FICHA DE TRABAJO N° 1
AGREGÁNDOLE UN SONIDO DE FONDO A TU BLOG COMO ELEMENTO DE
PÁGINA
1.- OBTENIENDO DIRECCIONES URL DE SONIDOS MIDI:
A.- Abre la siguiente página Web: www.culturageneral.net
B.- Selecciona la opción Música Clásica.
C.- Luego Sonata n° 14 “Claro de Luna” .
D.- Luego en la ventana que se presenta haz 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.- 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ñadir un elemento de página (Añadir un gadget).
C.- En la ventana que aparece ubica el elemento HTML/Javascript y seleccionalo.
D.- En la siguiente ventana coloca un Título y Digita las siguientes líneas de códigos en Contenido:
1.- Clic derecho sobre
cualquiera de las zonas:
2.- Selecciona y copia
esta URL:

PAGINA - 37 -
NOTA: En el código src pega la dirección del sonido Midi copiado.
Quedaría de la siguiente manera:
E.- Finalmente Seleccione el botón GUARDAR y Ver blog.
F.- Puedes reubicar el elemento añadido o cambiar el sonido Midi por otro.
NOTAS PARA TOMAR 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á:
<embed width="200" autostart="true" loop="true" src="Pega Aquí la Dirección URL del sonido
MIDI" height="40"></embed>
<embed width="200" autostart="true" loop="true"
src="http://www.culturageneral.net/musica/clasica/htm/../htm/midis/sonata_no_14_claro_de_luna.
mid" height="40"></embed>
Aquí unas 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 - 38 -
AGREGAR UN PANEL DE MENSAJES DE CBOX A UNA ENTRADA DE TU
BLOG Y COMO ELEMENTO DE TU PÁGINA
1.- 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.
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 contraseña para acceder a tu cuenta.
4.- Ahora da un clic sobre el botón
Create my Cbox!
2.- Completa los datos que nos solicitan:
-Nombre de usuario. Puede ser cualquiera.
Siempre cambiar para crear un nuevo Cbox
con el mismo correo.
-Correo Electrónico.
-Contraseña. Anótalo para no olvidarte.
-La URL del Blog.
-Elige un Estilo.
1.- Da un clic en la pestaña sign up.
3.- Acepta las condiciones del servicio.
1.- Da un clic en este enlace
de verificación.

PAGINA - 39 -
D.- Aparecerá la siguiente pantalla, donde ingresarás con tu nombre de usuario y contraseña:
E.- aparecerá la siguiente ventana final:
2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA
A.- Crea o Ingresa a la entrada donde vas a colocar el Panel de comentarios.
B.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) los códigos en el lugar
que desees. Quedará así:

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

1.- Digita tu nombre de
usuario.
2.- Digita tu
contraseña
1.- Da un clic en el botón
Update.
2.- Selecciona y
copia los códigos de
la barra.
NOTA.- Para crear un nuevo Cbox con la misma
cuenta de correo, sal de este panel y repite los
pasos. Sólo cambia el nombre de usuario al crear tu
cuenta.

PAGINA - 40 -
D.- Finalmente Selecciona el botón PUBLICAR ENTRADA y visualiza tu Blog en una
ventana nueva.
3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PÁGINA (HTML/Javascript)
A.- Selecciona la ficha Diseño.
C.- Da un clic en el 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.
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 se modifica la zona para visualizar el
mensaje. El segundo par modifica la zona donde se digita el nombre y el mensaje. Siempre deben
coincidir los width.

PAGINA - 41 -
AGREGAR UN VÍDEO DE YOUTUBE A UNA ENTRADA DE TU BLOG Y COMO
ELEMENTO DE TU PÁGINA
1.- OBTENIENDO LOS CODIGOS INSERTAR DEL VÍDEO EN LA PÁGINA DE YOUTUBE:
A.- Abre la siguiente página Web: www.youtube.com
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.
A.- Crea una Nueva Entrada en tu Blog.
Selecciona en este panel otro vídeo 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
códigos que aparecen.
D.- Puede personalizar la presentación del
vídeo: No incluir videos relacionados,
Mostrar borde de color.
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.

PAGINA - 42 -
B.- Trabajando en la ficha Redactar coloca de título CUSCO - PROMPERU TV COMERCIAL y
en la entrada:
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.
D.- Finalmente Seleccione el botón PUBLICAR ENTRADA y visualiza tu Blog en una ventana
nueva.
D.- Digita el título : CUSCO - PROMPERU TV COMERCIAL.
F.- Modifica los valores de width y height de la parte inferior (SEGUNDA PAREJA) por:
width="210" height="150"
<object width="425" height="355"><param name="movie"
value="http://www.youtube.com/v/D7pbF2P8CLM&hl=en"></param><param name="wmode"
value="transparent"></param><embed src="http://www.youtube.com/v/D7pbF2P8CLM&hl=en"
type="application/x-shockwave-flash" wmode="transparent" width="425"
height="355"></embed></object>
NOTA: Para modificar el tamaño de un vídeo debemos saber que:
width=" " : Establece el Ancho del Video
height=" " : Establece el Alto del video
2.- Cambiando el segundo par es suficiente, pero es recomendable cambiar los dos pares a las
mismas medidas. Valores aproximados para los casos:
Lugar donde ubicas el video valores
EN UNA ENTRADA width="425" o Menos
height="355" o Menos
PANEL DERECHO – COMO
ELEMENTO
width="210" A 225
height="150" A 165

PAGINA - 43 -
AGREGAR UNA LISTA DE VÍDEOS ESCOGIDOS DE YOUTUBE A UNA
ENTRADA DE TU BLOG Y COMO ELEMENTO DE TU PÁGINA
Este elemento es muy importante para integrar una película que ha sido subido a YouTube en varias partes,
de esta manera podrás ponerlo en forma secuencial y automática. Veamos como:
1.- OBTENIENDO LOS CODIGOS INSERTAR DEL VÍDEO EN LA PÁGINA DE YOUTUBE:
A.- Abre la siguiente página Web: www.youtube.com y regístrate de la siguiente manera:
1.- Seleccione el enlace
Create Account
3.-Finalmente Selecciona el
botón I accept.
2.-Completando los datos que se te
piden en esta zona:
1.-El nombre: Debe ser original.
2.-Fecha de nacimiento.
3.-Sexo
Nota: las siguientes
veces ingresarás por la
zona: Sign In

INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
PAGINA - 44 -
B.- En la siguiente ventana continúa:
C.- Te llegará un correo electrónico para la confirmación de la cuenta, la cual debes de realizar
antes de continuar.
D.- Ahora hacemos una búsqueda de los vídeos que queremos: Ejemplo PIRAMIDES DE
CARAL.
2.-Completando los datos que se te piden
en esta zona:
1.-El Correo electrónico.
2.-Password.
3.-Palabra de verificación
1.-Digita el tema, Youtube
tiene absolutamente todo tipo
de videos. Luego pulsa Search
2.-Se mostrará la Lista de vídeos,
selecciona el video parte 1. O el que
desees para visualizarlo, será tu
primer vídeo.
3.-Finalmente Selecciona el botón
Create New Account and Finish.

PAGINA - 45 -
E.- Una vez visto el vídeo que queremos lo añadimos a +Playlists:
F.-Para el segundo vídeo, sigue los siguientes pasos:
Repite estos pasos para agregar el tercer y el resto de los vídeos. Para nuestro caso Las pirámides de
Caral son 05, ya sabes si deseas puedes cambiar de tema o autor.
G.-Terminando de agregar los vídeos a la lista, sigue los siguientes pasos:
1.- Crea una lista. Haz clic en
+Playlist
2.- Puedes seleccionar o crear tus listas.
Para nuestro caso crearemos la lista de
nombre CARAL.
3.- Agrega el primer video a la
lista CARAL haciendo clic en
el botón Add.
4.- Selecciona el vídeo
parte 2.
1.-Visualiza el vídeo y luego
selecciona +Playlist .
2.- Si tienes varias listas selecciona la
adecuada y haz un clic en el botón Add y
listo. Para nuestro caso: CARAL.

PAGINA - 46 -
G.-Se presentará la pantalla para editar la lista de videos creada donde puedes cambiar el orden,
eliminar, aumentar vídeos a tu lista, etc. Y obtener el código HTML de la siguiente manera:
1.- En la parte superior de la ventana
Despliega el botón de tu cuenta y selecciona el
enlace Playlists.
1.- Selecciona el botón Share This
Playlist.
2.-Aparecerá una ventana
donde debes completar los
datos que se te piden:
1.-Un Correo electrónico,
puede ser el mismo.
2.-Nombre.
3.-Mensaje opcional
3.-Finalmente Selecciona el
botón Send.

PAGINA - 47 -
H.-Te llegará un correo electrónico a tu cuenta a través del cual podrás obtener el código HTML
de la lista creada cuando lo desees. Abre el correo y sigue los siguientes pasos:
2.- AGREGANDO LOS CODIGOS Embeddable Player EN EL EDITOR DE HTML DE UNA
ENTRADA:
B.- Coloca de título CUSCO – LAS PIRÁMIDES DE CARAL
C.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) el código de Youtube.
1.- Haz un clic sobre la imagen.
2.- Aparecerá una ventana, donde debes
copiar el código Embeddable Player que
pegarás en el Editor de Plantilla de tu Blog:
([Ctrl] + [C])
<object width="480" height="385"><param name="movie"
value="http://www.youtube.com/p/2052DDC192995D87&hl=en&fs=1"></param><param
name="allowFullScreen" value="true"></param><param name="allowscriptaccess"
value="always"></param><embed
src="http://www.youtube.com/p/2052DDC192995D87&hl=en&fs=1" type="application/x-
shockwave-flash" width="480" height="385" allowscriptaccess="always"
allowfullscreen="true"></embed></object>

PAGINA - 48 -
D.- Finalmente Seleccione el botón PUBLICAR ENTRADA y visualiza tu Blog en una ventana
nueva.
D.- Digita el título : LA CIUDAD PERDIDA DE CARAL.
E.- Pega el código HTML en el área CONTENIDO.
F.- Modifica los valores de width y height de la parte inferior (SEGUNDA PAREJA) por:
NOTA:
1.- Una vez creado una Lista en YouTube, para modifiarlo debes ingresar con tu Nombre
de usuario y Contraseña.
2.- Los cambios que hagas en la lista se aplicarán automáticamente en tu Blog, ya no es
necesario copiar y pegar los códigos.
3.- Puedes agregar dos o más listas en tu Blog.
NOTA: Para modificar el tamaño de un vídeo debemos saber que:
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:
ELEMENTO
width="210" A 225
height="150" A 165

PAGINA - 49 -
PONER UN SLIDE SHOW EN TU BLOG
1.- 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:
2.- AGREGANDO LAS FOTOS AL SLIDE SHOW.-
A.- Debemos seguir los siguientes pasos y ser muy curiosos ya que hay muchos efectos:
1.-Da un clic en el botón
Regístrarse.
2.- REGISTRATE.- En la siguiente ventana
con un correo electrónico y una contraseña.
Luego da un clic en el botón Registrarse.
Te llegará un correo de notificación
recordándote tu e-mail y password.
1.- Seleccionar
las imagenes
2.- Subir las
imágenes.
VISUALIZADOR DEL SLIDE SHOW 3.- Darle un
Estilo.
4.- Darle un Borde
(Skins).
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.
3.- En la siguiente pantalla de tu perfil da
un clic en el Icono Crear Slideshow, para
empezar a crear el slide. Puedes completar
tu perfil.
NOTA.-Da un clic en el
botón Ingresar para acceder
a tu cuenta ya creada. Te
pedirá el correo electrónico
y la contraseña

PAGINA - 50 -
B.- Luego podemos reordenar las imágenes arrastrándolos y ponerle una leyenda desarrollando:
C.- Guardamos el SLIDE SHOW, agregándole un título, para obtener el código HTML.
D.- Copiamos el código HTML obtenido:
3.- AGREGANDO LOS CODIGOS HTML EN EL EDITOR DE HTML DE UNA ENTRADA:
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
ismap="ismap" /></a></div></div>
1.- Arrastrar
las fotos
2.- Colocar una leyenda
3.- Cambiar colores de
Fuente y fondo del pie
de foto.
4.- Guardamos los cambios
a las fotos.
1.- Seleccionamos y copiamos ([Ctrl]+[C]).

PAGINA - 51 -
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 botón PUBLICAR ENTRADA y saldrá un error:
Este error lo arreglamos haciendo el siguiente cambio en los códigos:
Listo, Ahora si podemos publicar la entrada.
4.- AGREGANDO EL SLIDE SHOW COMO ELEMENTO DE PÁGINA (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.
NOTA: Si deseas quitar los anuncios del Slide Show para ahorrar espacio. Esto es muy fácil. Con mucho
cuidado borra todos los códigos y quédate sólo con las líneas:
<embed src=………………………………………..…………………………….. align="middle"></embed>
<div><embed src="http://widget-00.slide.com/widgets/slideticker.swf" type="application/x-
shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent"
flashvars="cy=h5&il=1&channel=1873497444995296512&site=widget-00.slide.com"
style="width:426px;height:320px" name="flashticker" align="middle"/><div
style="width:426px;text-align:left;"><a
ismap="ismap" /></a> <a
ismap="ismap" /></a></div></div>
Cambiar por:
"middle"></embed><div style

PAGINA - 52 -
FICHA DE TRABAJO Nº 6
COLOCANDO DOCUMENTOS PARA DESCARGAR DE TU BLOG
Box es otra página que te permite Colgar y Compartir en la red tus documentos en cualquier formato,
aunque se recomienda que sean PDF. Tus documentos serán fácilmente descargados por los usuarios, se
colocan en una entrada o como elemento en tu blog. Sólo sigue los siguientes pasos:
1.- REGISTRANDOTE EN LA PÁGINA DE BOX Y PUBLICANDO TU DOCUMENTO:
A.- Abre la siguiente página Web: www.box.net
B.- Sigue los siguientes pasos.
C.- Aparecerá la siguiente ventana donde podrás Crear el primer fólder para subir tus documentos:
1.- Coloca un Nombre
al Fólder.
2.- Da un clic en el botón Create
Folder. Aparecerá un mensaje.
3.- Da un clic en el botón No
thanks. Para visualizar tu fólder
creado
2.- Ahora da un
clic sobre el botón
Continue.
1.- Completa los datos que nos
solicitan en Sign Up Now:
-Nombre
-Correo Electrónico: Uno por cuenta.
-Contraseña y Confirmar.
-Phone: No es necesario.
3.- En la siguiente ventana verifica
que esté seleccionado la opción
Lite y nuevamente da un clic en el
botón Continue.
NOTA.- Para ingresar a tu cuenta las
siguientes veces con tu correo y Password.

PAGINA - 53 -
D.- Aparecerá la siguiente pantalla donde debemos reconocer las siguientes herramientas:
E.- Aparecerá la siguiente ventana donde podrás:
F.- Cuando termine aparecerá la siguiente ventana donde podrás visualizar los documentos subidos
al fólder creado. Así como obtener el código embed del fólder.
2.- Ahora da un clic en el botón Upload
para que suban los archivos.
3.- Aparecerá el siguiente
mensaje que indica el % en
que va subiendo el o los
archivos.
1.- Da un clic sobre el fólder
creado: TUTORIA. Aparecerá
el siguiente mensaje.
2.- Da un clic sobre el
enlace Upload new
files.
NOTA.- Si deseas crear otro
folder.
Add files. Aparecerá una
ventana para ubicar y subir
los documentos que desees
repitiendo el proceso.

PAGINA - 54 -
A.- Ingresa a la entrada donde vas a colocar el documento.
B.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) los códigos.
<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
presentación de los documentos a:
width="400" height="300" o de acuerdo a tu
gusto. Más información, en la siguiente página.
NOTA1.- La opción Shared
despliega las siguientes
opciones del documento.
2.- Da un clic en Shared.
NOTA2.- El botón naranja
despliega el siguiente menú del
documento.
5.- Además seleccionar y copiar los
códigos Embed de la barra. No te
olvides:
Copiar: [Ctrl]+[C]
All Files.
Embed fólder in your site.
6.- Cierra el mensaje.
4.- Aparecerá la siguiente
ventana donde puedes
modificar los tamaños y la
vista de los documentos.

PAGINA - 55 -
C.- Finalmente Selecciona el botón PUBLICAR ENTRADA
D.- Digita el título: Título del Grupo de Documentos.
E.- Pega el código Insertar(embed) en el área CONTENIDO.
F.- Modifica los valores de width y height por:
E.- Finalmente Seleccione el enlace Ver blog de Elemento de página añadido.
Finalmente tus documentos se verán de la siguiente manera:
NOTA: Para modificar el tamaño de presentación debemos saber que:
1.- Los parámetros: width=" " : Establece el Ancho y height=" " : Establece el Alto
Valores aproximados para los casos:
ELEMENTO DE PÁGINA
width="210" A 225
height="150" A 165

PAGINA - 56 -
PUBLICAR UN DOCUMENTO EN ISSUU Y AGREGARLO A TU BLOG
Issuu es una página que te permite Editar, Recopilar, Compartir y Publicar tus documentos en un formato
interactivo. Tus documentos PDF se verán en una entrada o como elemento en tu blog, de manera que los
usuarios puedan leerlo o descargarlo, esto es bastante dinámico y sencillo. Sólo sigue los siguientes pasos:
1.- REGISTRANDONOS EN LA PÁGINA DE ISSUU Y PUBLICANDO TU DOCUMENTO:
A.- Abre la siguiente página Web: www.issuu.com
NOTA: Recuerda que debes contar con una cuenta de correo electrónico.
NOTA: Este botón te
permitirá subir un documento
una vez que te hayas
registrado.
1.- Da un clic sobre el enlace Sign up.
O en el Botón Sign up now.
2.- Acepta las condiciones
del servicio.
1.- Completa los datos
obligatorios:
Nombre y Apellidos
Nombre de perfil y E-mail
Password: ________________
Género y Edad
Palabra Clave: Digita una de
las palabras que aparecen.
NOTA: Para crear otra cuenta
necesitas otro correo.
3.- Da un Clic en el botón Agree and
continue. Aparecerá la ventana de
bienvenida que te pedirá confirmar el
email que se te envió a tu correo.
C.- Seguidamente completa los siguientes datos que se te piden y anota aparte el password para
que no se te olvide.

PAGINA - 57 -
D.- Ingresa a tu correo electrónico y confirma tu cuenta de issuu:
E.- Cierra todas las ventanas y vuelve a ingresar a la página de issuu. Si ingresa directo a tu cuenta
sube el documento (Paso 3). Si no sucede esto entonces ejecuta lo siguiente:
3. Luego clic en el botón
UPLOAD DOCUMENT para
subir el primer documento.
5.- Completa sólo los datos:
Title: Título del documento.
Descriptions: Breve resumen
Keywords: Palabras sobre el tema:
Mínimo 2 separados por una coma.
Type: Tipo de documento.
Que son obligatorios.
1.- Da un clic en el enlace Log in.
Para poder ingresar.
2. Ingresa tu correo y
password. Luego da un clic
en el botón Log in.
6. Finalmente da un clic en
el botón Upload file.
1.- Da un clic sobre el enlace Join issuu para confirmar
la cuenta. Aparecerá un nuevo mensaje de Bienvenida.
4. Da un clic en el botón
Browse. Y selecciona el
documento a subir

PAGINA - 58 -
F.- Ahora tendremos nuestro documento publicado. Pasaríamos a obtener su código embed para
insertarlo en nuestro blog.
Aparecerá la siguiente ventana, donde:
1.- Da un clic en Published y
aparecerá tu documento a la derecha.
Debes seleccionarlo.
NOTA.- Si deseas subir otro
documento.
1.- Da un clic en el enlace Copy to clipboard
para seleccionar y copiar los códigos HTML
de la barra de texto (Embed code).
2.- Da un clic en el menú More y
selecciona Get embed code.

PAGINA - 59 -
2.- AGREGANDO LOS CODIGOS HTML EN EL EDITOR DE HTML DE UNA ENTRADA:
B.- Trabajando en la ficha Redactar coloca el título del documento 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í:
Antes de publicar debes cambiar lo siguiente:
D.- Finalmente Seleccione el botón PUBLICAR ENTRADA
D.- Digita el título: Título del documento.
<object style="width:600;height:450"><param name="movie"
value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&a
mp;documentId=090329014956-
0661c1d5da65491fa65ad74e5ee84ee7&documentUsername=aldo2009&documentNa
me=como_crear_un_blog_con_blogger&layout=http%3A%2F%2Fskin.issuu.com%2Fv%
2Flight%2Flayout.xml" /><param name="allowFullScreen" value="true" /><embed
src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf"
type="application/x-shockwave-flash" allowFullScreen="true" style="width:600;height:450"
flashvars="mode=embed&documentId=090329014956-
0661c1d5da65491fa65ad74e5ee84ee7&documentUsername=aldo2009&documentNa
me=como_crear_un_blog_con_blogger&layout=http%3A%2F%2Fskin.issuu.com%2Fv%
2Flight%2Flayout.xml" /></object>
ELEMENTO DE PÁGINA
width="210" A 225
height="150" A 165
El código final quedará:
Cámbialo por </embed> y listo.
…=aldo2009&documentName=como_crear_un_blog_con_blogger&layout=http%3A%2F%
2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml"></embed></object>
OJO:
Cambia el Ancho y Alto de la presentación
del documento. Sigue las indicaciones que
se dan más abajo: “width:425;height:355” o
de acuerdo a tu plantilla.

PAGINA - 60 -
PUBLICAR UN DOCUMENTO EN SCRIBD Y AGREGARLO A TU BLOG
Scribd es otra página que te permite Editar, Recopilar, Compartir y Publicar tus documentos en cualquier
formato, aunque se recomienda que sean PDF. Tus documentos PDF se verán en una entrada o como
elemento en tu blog, de manera que los usuarios puedan leerlo o descargarlo. Sólo sigue los siguientes
pasos:
1.- REGISTRANDOTE EN LA PÁGINA DE SCRIBD Y PUBLICANDO TU DOCUMENTO:
A.- Abre la siguiente página Web: www.scribd.com
C.- Aparecerá la siguiente ventana donde podrás subir tu documento:
2.- Ahora da un clic sobre el botón
Sign Up.
1.- Completa los datos que nos
solicitan en Sign Up:
-Correo Electrónico: Uno por cuenta.
-Contraseña.
-Nombre.
Para registrarnos.
Nota: El botón Upload nos permitirá subir
un documento más adelante.
3.- Edita el título de tu documento.
1.- Da un clic sobre el botón Clic to
Choose Files.
2.- Aparecerá el cuadro para buscar el
documento y abrirlo.
4.- Terminado
da un clic en el
botón Upload
Docs.

PAGINA - 61 -
D.- Aparecerá la siguiente pantalla en la que indica que el documento seleccionado está subiendo:
E.- Cuando termine aparecerá la siguiente ventana donde podrás:
F.- Cuando termine aparecerá la siguiente ventana donde te pedirá:
1.- Completa los datos que te
piden: Title, Type, Category
y Tags.
2.- Ingresa un
breve resumen
del documento.
3.- Da un clic
sobre el botón
Save Changes.
1.- Ingrese el correo
electrónico que utilizó al
principio.
Send.
3.- Aparecerá el siguiente
mensaje, sólo da un clic en
el botón Finish.

PAGINA - 62 -
G.- Cuando termine aparecerá la siguiente ventana donde obtendrás el código embed:
A.- Ingresa a la entrada donde vas a colocar el documento.
B.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) los códigos.
<a title="View Manual para elaborar un blog on Scribd" href="http://www.scribd.com/doc/14017068/Manual-para-elaborar-un-blog"
style="margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-
size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block; text-decoration:
underline;">Manual para elaborar un blog</a>
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
id="doc_403183320880181" name="doc_403183320880181" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" align="middle"
height="500" width="100%" > <param name="movie"
value="http://d.scribd.com/ScribdViewer.swf?document_id=14017068&access_key=key-
13l03g8yujrusxehp3f&page=1&version=1&viewMode="> <param name="quality" value="high">
<param name="play" value="true"> <param name="loop" value="true"> <param
name="scale" value="showall"> <param name="wmode" value="opaque"> <param name="devicefont"
value="false"> <param name="bgcolor" value="#ffffff"> <param name="menu" value="true">
<param name="allowFullScreen" value="true"> <param name="allowScriptAccess" value="always">
<param name="salign" value=""> <embed
src="http://d.scribd.com/ScribdViewer.swf?document_id=14017068&access_key=key-
13l03g8yujrusxehp3f&page=1&version=1&viewMode=" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer" play="true" loop="true" scale="showall" wmode="opaque"
devicefont="false" bgcolor="#ffffff" name="doc_403183320880181_object" menu="true" allowfullscreen="true"
allowscriptaccess="always" salign="" type="application/x-shockwave-flash" align="middle" height="500"
width="100%"></embed> </object> <div style="margin: 6px auto 3px auto; font-family: Helvetica,Arial,Sans-
serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch:
normal; -x-system-font: none; display: block;"> <a href="http://www.scribd.com/upload" style="text-decoration: underline;">Publish at
Scribd</a> or <a href="http://www.scribd.com/browse" style="text-decoration: underline;">explore</a> others: <a
href="http://www.scribd.com/browse/Books/Education" style="text-decoration: underline;">Education</a> <a
href="http://www.scribd.com/browse/Books/" style="text-decoration: underline;">Books</a> <a
href="http://www.scribd.com/tag/Blog" style="text-decoration: underline;">Blog</a> <a href="http://www.scribd.com/tag/Internet"
style="text-decoration: underline;">Internet</a> </div>
C.- Cambia el Alto y Ancho de la presentación
del documento: height:”500” width:”450” o de
acuerdo a tu plantilla. Más información, más
abajo.
Share y aparecerá una
ventana.
2.- Da un clic en el botón Copy de
la barra Embed Code. Con esto ya
puedes pegar el código en tu blog.
NOTA2: Puedes borrar todo el código
<div style….Hasta…</div>
Para retirar mensajes incluidos.
NOTAS
1.- La autoevaluación N° 3 debe
ser presentado dentro de los tres
días siguientes a la culminación
del taller. El encargado de
decepcionar será el profesor que
dictó el taller.
2.- El proyecto final será
evaluado por el profesor el tercer
día de acabado el taller. Así que a
trabajar.

PAGINA - 63 -
D.- Finalmente Selecciona el botón PUBLICAR ENTRADA
B.- Selecciona el enlace Añadir un elemento de página: (gadget), (Add a Page Element).
C.- Da un clic en el botón o enlace HTML/Javascript.
D.- Digita el título: Título del documento.
ELEMENTO DE PÁGINA
width="210" A 225
height="150" A 165

PAGINA - 64 -
AGREGAR UN CONTADOR DE USUARIOS A TU BLOG COMO ELEMENTO DE
TU PÁGINA
1.- REGISTRANDOTE EN LA PÁGINA DE FREELOGS:
A.- Abre la siguiente página Web: www.freelogs.com
C.- Completa tus datos para registrarte:
1.- NOMBRE.- Debe ser
diferente para cada contador.
2.- PASSSWORD.- 6 dígitos
puede ser cualquiera.
3.- CONTEO.- De
cuánto en cuánto
deseas que se
cuente las visitas.
4.- Debes colocar un
Correo electrónico
cualquiera.
5.-Colocar la dirección del
Blog.
6.- Seleccionar un
Estilo de la Lista.
Utilizar See Styles
para visualizar los
modelos. Luego
Cerrar y ubicarlo
por su nombre en la
lista.
7.-Activar esta opción.
1.- Selecciona este
enlace para empezar
a registrarte.
8.- Selecciona el botón Create
Counter.

PAGINA - 65 -
D.- Aparecerá la siguiente pantalla, del cual debemos seleccionar y copiar los códigos que nos da
de resultado:
B.- Selecciona el enlace Añadir un elemento de página (Añadir un gadget). En la
ubicación que desees.
D.- Digita el título: VISITAS A MI BLOG.
F.- Seleccione el botón GUARDAR.
G.- Finalmente Seleccione el enlace Ver blog de Elemento de página añadido.
Seleccionar y
Copiar
Copiar:
[Ctrl] + [C]

PAGINA - 66 -
CRANDO TABLAS Y PREGUNTAS DE OPCIONES MÚLTIPLES EN TU BLOG
¿Cómo se crea una tabla?
Para crear las tablas será necesario usar la etiqueta: TABLE, que significa, en inglés, tabla. Esta etiqueta consta de instrucción de
inicio, <TABLE BORDER="1">, e instrucción de fin, </TABLE>. Entre ambas debemos introducir otras tres etiquetas, que
definirán la estructura de la tabla. Estas etiquetas son:
• TR: La etiqueta Table Row nos permitirá insertar filas en la tabla. La tabla tendrá tantas filas como apariciones de esta etiqueta
haya entre <TABLE BORDER="1"> y </TABLE>. La instrucción de inicio de TR, <TR>, marca el comienzo de la línea, la
instrucción de fin, </TR>, marca su final.
• TD: La etiqueta Table Data (Datos de tabla), nos permite insertar columnas en una fila de la tabla. El comienzo de la instrucción
viene dado por, <TD> y finaliza con la instrucción de fin, </TD>. En general entre el comienzo y el fin se inserta texto que
queramos, pero también podemos insertar cualquier elemento de HTML: imágenes, listas, e incluso otras tablas.
Ejemplo 1: Para empezar crearemos una tabla sencilla de dos filas y dos columnas.
1. En primer lugar ponemos la instrucción de inicio y fin de la etiqueta TABLE dejando una línea entre ellas para insertar
posteriormente el resto de etiquetas:
<TABLE BORDER="1">
...Otras etiquetas...
</TABLE>
2. A continuación insertamos las filas. La tabla que nos hemos propuesto crear consta de dos filas. Por tanto debemos usar la
etiqueta TR dos veces. Lo que insertemos en la primera (entre la instrucción de inicio y la instrucción de fin) será el contenido de
la primera fila y lo que insertemos en la segunda será el contenido de la segunda fila:
<TABLE BORDER="1">
<TR> </TR> <TR> </TR>
</TABLE>
3. El tercer paso será definir el contenido de cada fila. Como nos habíamos propuesto que la tabla tuviese dos columnas en cada
fila debemos insertar dos celdas en cada una. Para crear una celda debemos usar la etiqueta TD. Entre la instrucción de inicio y la
instrucción de fin de ésta etiqueta será donde insertaremos el contenido de la celda.
<TR>
<TD> Columna1 </TD> <TD> Columna2 </TD>
</TR>
4. El cuarto paso es ponerlo todo junto, repitiendo el código anterior para cada fila. El código final de la tabla será:
<TABLE BORDER="1">
<TR>
<TD>
Fila1,Columna1
</TD>
<TD>
Fila1,Columna2
</TD>
</TR>
<TR>
<TD>
Fila2,Columna1
</TD>
<TD>
Fila2,Columna2
</TD>
</TR>
</TABLE>

PAGINA - 67 -
Ejemplo 2: Crearemos una tabla de una fila tres columnas.
<TABLE BORDER="2">
<TR>
<TD>
Fila1,Columna1
</TD>
<TD>
Fila1,Columna2
</TD>
<TD>
Fila1,Columna3
</TD>
</TR>
</TABLE>
Como hemos podido comprobar, esta tabla se va creando por filas, y dentro de cada fila se insertan las celdas, cada una de las
cuales aparecerán en una columna.
Celdas que abarcan varias filas o columnas
Es hora ya de comenzar con dos de los atributos más interesantes en la creación de tablas: ROWSPAN y COLSPAN. Gracias a
estos atributos podremos crear tablas mucho más complejas y que se adapten a nuestras necesidades. Estos dos atributos sirven
tanto para las celdas normales, TD, como para las celdas encabezado, TH, y su función será extender una fila (ROWSPAN) o una
columna (COLSPAN) para que ocupen el tamaño de varias. Para comprender el significado del concepto extender lo mejor es ver
un ejemplo:
<TABLE BORDER="3">
<TR>
<TH COLSPAN="2">
Celda de dos columnas
</TH>
</TR>
<TR>
<TD ROWSPAN="2">
Celda de dos filas
</TD>
<TD>
Fila2,Columna2
</TD>
</TR>
<TR>
<TD>
Fila3,Columna2
</TD>
</TR>
</TABLE>
Notas
• TH: La etiqueta Table Header, encabezado de tabla. Al igual que la etiqueta TD el comienzo del
encabezado viene dado por la instrucción de inicio, <TH> y finaliza con la instrucción de fin, </TH>. En
general entre el comienzo y el fin se suele insertar texto, que será mostrado resaltado y centrado.
En los ejemplos escribimos en líneas separadas y las etiquetas en diferente color para que nos facilite su
lectura. Pero podemos escribir el código en una sola línea y también funcionaría.
El atributo BORDER, que significa borde en inglés. puede tomar un valor en pixeles que representa el
grosor del borde a mostrar, presentándose los casos:
- A mayor valor mayor grosor del borde de la tabla.
- Si incluimos BORDER sin ningún valor es equivalente a BORDER=”1”.
- Si no incluimos BORDER la tabla no presentará bordes.

PAGINA - 68 -
1.- CREANDO TABLAS EN EL EDITOR DE HTML DE UNA ENTRADA
A.- Crea o Ingresa a la entrada donde vas a crear la tabla.
B.- Selecciona la ficha Edición de HTML de la entrada y desarrolla los siguientes pasos:
Para nuestro caso crearemos las tres tablas de los ejemplos:
EJEMPLO 1:
<TABLE BORDER="1">
<TR><TD>Fila1,Columna1</TD><TD>Fila1,Columna2</TD></TR>
<TR><TD>Fila2,Columna1</TD><TD>Fila2,Columna2</TD></TR>
</TABLE>
EJEMPLO 2:
<TABLE BORDER="2">
<TR><TD>Fila1,Columna1</TD><TD>Fila1,Columna2</TD><TD>Fila1,Columna3</TD></TR>
</TABLE>
EJEMPLO 3:
<TABLE BORDER="3">
<TR><TH COLSPAN="2">Celda de dos columnas</TH></TR>
<TR><TD ROWSPAN="2">Celda de dos filas</TD><TD>Fila2,Columna2</TD></TR>
<TR><TD>Fila3,Columna2</TD></TR>
</TABLE>
1.- Digita los códigos
de la tabla a crear.
NOTA:
Los títulos externos a la
tabla pueden digitarse en
la ficha Redactar y luego
volver a Edición de
HTML.
EJEMPLO 1:
EJEMPLO 2:
EJEMPLO 3:
2.- En la ficha Redactar
Verificar la correcta
presentación de las
tablas creadas.
NOTA:
Puedo elaborar cambios a
los contenidos antes de
publicar.
3.- Publica la entrada y
visualízalo en una
ventana nueva.
NOTAS FINALES:
1.-Digitar los códigos lo más
ordenadamente posible para que
las celdas salgan ordenados.
2.- El lenguaje HTML agregará
algunos códigos por defecto que
no es necesario que los digites.

PAGINA - 69 -
2.- CREANDO OPCIONES MÚLTIPLES EN EL EDITOR DE HTML DE UNA ENTRADA
Si deseas colocar en tu Blog preguntas de opciones múltiples, que al elegir una te salga un mensaje, como
en el siguiente ejemplo:
CÓDIGOS PARA MENSAJES:
OPCIÓN CORRECTA
<input name="q1" onclick="alert('Correcto.n Es, un buen comienzo!')" type="radio" /> TEXTO
OPCION INCORRECTA
<input name="q1" onclick="alert('Incorrecto.nIntenta Mejorar!')" type="radio" /> TEXTO
DESARROLLADO SERÍA:
<TABLE>
<tr>
<td><input name="q1" onclick="alert('Incorrecto.nIntenta Mejorar!')" type="radio" /> A)40</td>
<td><input name="q1" onclick="alert('Correcto.n Es, un buen comienzo!')" type="radio" /> B)45</td>
<td><input name="q1" onclick="alert('Incorrecto!n Acepta y prueba nuevamente.')" type="radio" /> C)41</td>
<td><input name="q1" onclick="alert('Incorrecto.nIntenta Mejorar!')" type="radio" /> D) 43</td>
</tr>
</TABLE>
Empecemos:
A.- Crea o Ingresa a la entrada donde vas a crear la Opción Múltiple.
B.- Selecciona la ficha Redactar y digita el Encabezado de la pregunta.
C.- Selecciona la ficha Edición de HTML y desarrolla los siguientes pasos:
La suma de cuatro números consecutivos es 90. Halla la suma del mayor y el menor.
<TABLE>
<tr>
<td><input name="q1" onclick="alert('Incorrecto.nIntenta Mejorar!')" type="radio" /> A)40</td>
<td><input name="q1" onclick="alert('Correcto.n Es, un buen comienzo!')" type="radio" /> B)45</td>
<td><input name="q1" onclick="alert('Incorrecto!n Acepta y prueba nuevamente.')" type="radio" />
C)41</td>
<td><input name="q1" onclick="alert('Incorrecto.nIntenta Mejorar!')" type="radio" /> D) 43</td>
</tr>
</TABLE>
1.- Digita los códigos
de las opciones.
NOTA:
Los títulos externos a la
tabla pueden digitarse en
la ficha Redactar y luego
volver a Edición de
HTML.
 
Tenemos para nuestro ejemplo:
1.- Claves ordenadas, así que debemos usar tabla (1x4),
en este caso sin bordes.
2.- Opción Correcta B) 45

PAGINA - 70 -
3.- Publica la entrada de tu Blog y al
elegir una opción saldrá un mensaje:
NOTA:
Puedo colocar otras frases sólo
cambiándolo en la ficha Edición de HTML.
2.- En la ficha Redactar
Verificar la correcta
presentación.
NOTA:
Puedo elaborar cambios a
los contenidos antes de
publicar.

PAGINA - 71 -
AUTOEVALUACION N° 3 – ¿Qué has aprendido?
1.-E-mail
2.-Chat
3.-Sonido MID
4.-HTML
5.-MP3
6.-WWW
1.- ¿Qué otros usos educativos le puedes dar a un Blog?
2.- Bosqueja un pequeño proyecto sobre la aplicación de los Blog en tus Clases.
CULMINACIÓN DEL PROYECTO – LIBRO ELECTRÓNICO
1.- Agrégale a tu Blog: Sonido de Fondo, puedes utilizar el que más te agrade.
2.- Agrégale un Panel de Mensajes con CBOX para las Auto evaluaciones, colocándole las preguntas
requeridas. Con este avance se culminará la evaluación del proyecto.
3.- Otros cambios y mejoras queda a tu creatividad, las cuales realzarán la presentación y el contenido de tu
Libro Electrónico.

PAGINA - 72 -
CONCLUSIONESY POTENCIALIDADES EDUCATIVAS
1.- Hay muchas Páginas Web que te brindan el servicio gratuito para crear tu Blog. Elegimos el servicio de
Blogger para crear libros electrónicos porque nuestra experiencia desde el año 2006 ha sido un trabajo en
una interfaz cada día más fácil de utilizar y la posibilidad de modificar las plantillas además de ser un
servicio gratuito con una publicación y actualización en tiempo real.
2.- Una vez que se domina el manejo de esta herramienta, podemos aplicarlo para elaborar una gama muy
amplia de materiales educativos, experiencias que podemos asegurar y demostrar. Contamos con las
siguientes experiencias de los Blogs aplicados en la educación:
2.1.- LIBROS ELECTRÓNICOS
Esta experiencia la estamos implementando la cual a sido pensada para elaborar textos tanto por parte de los
docentes como también por los alumnos. Abre la posibilidad de poder producir material de consulta y en
línea.
EJEMPLO: El modelo del que trata el presente manual es el siguiente:
www.cuentos-suizo.blogspot.com/
2.2.- ELABORAR UNA CLASE VIRTUAL.-
Utilizando la técnica “La caza de tesoros” podemos elaborar Blogs que permitan hacer un uso orientado y
positivo de las bondades del Internet. Veamos un ejemplo:
RECICLAJE
Área: Ciencias Sociales Nivel: Secundaria
INTRODUCCIÓN En el mundo actual, el nivel de desarrollo de un país se mide por la
cantidad de residuos que produce. Pero no es menos cierto que su grado
de cultura y desarrollo cívico es función del nivel de reciclado de estos
residuos que genera.
Estamos a tiempo para concienciarnos del impacto medioambiental que
producen nuestras basuras. Esta actividad puede ser interesante y en ella
puedes encontrar información y orientación en este sentido.
PREGUNTAS 1.- ¿Cual es la materia prima para la fabricación papel?
2.- ¿Por qué crees que es necesario reciclar el papel?
3.- Crees que es mas ecológico utilizar el papel blanco o sin blanquear.
Justifica la respuesta.
4.- ¿Qué significa en el argot medioambiental: las 3R?
5.- Seguro que al revisar las páginas recomendadas encontrarás alguna
actividad interesante para realizar en el laboratorio. Prepara el guión.
RECURSOS
página 1 http://www.iespana.es/natureduca/activ_reciclaje_papel.htm
página 2 http://www.redcicla.com/index.htm
página 3 http://alternativa-joven.org/extrenatura/sub4/rrr.html
LA GRAN
PREGUNTA
Vamos a probar tu idea sobre el reciclado: ¿Qué porcentaje de la basura
doméstica crees que se puede reciclar?... (piénsalo y contesta)...Ahora
busca en la página 2 y comprueba.

PAGINA - 73 -
EVALUACIÓN Se valorará la precisión en la respuesta, la justificación en aquellas que lo
necesiten, la redacción clara y escrita atendiendo a las reglas gramaticales
y ortográficas.
EJEMPLO: Un modelo la tenemos en el siguiente:
http://energiasuizo.blogspot.com/
2.3.- CLASES VIRTUALES DE HISTORIA UTILIZANDO VIDEOS DE YOUTUBE.-
Si bien la mayoría de docentes tenemos una desconfianza de los vídeos que encontramos en YouTube, no
podemos negar que es una página a la que acceden la gran mayoría de nuestros estudiantes. Por ello
debemos explotarlo de modo orientando y seleccionando los materiales positivos de esa página.
La facilidad con que se insertan y manipulan los vídeos hace que podamos utilizar con mucho valor este
servicio:
EJEMPLO:
www.aniversuizo.blogspot.com
2.4.- PERIODICOS ESCOLARES ELECTRÓNICOS.-
Herramienta que explotan los docentes de comunicación para que los alumnos puedan publicar noticias
locales, regionales, nacionales e internacionales. Poniendo en práctica sus opiniones y creatividad sobre la
realidad.
2.5.- MÓDULOS DE TRABAJO PARA CASOS DE ALUMNOS QUE FALTAN A LA
ESCUELA O PARA ESTUDIOS A LARGA DISTANCIA.-
Herramienta que abre las opciones de facilitar los estudios para alumnos que se hayan ausentado de clases
por motivos de salud u otros. En nuestra experiencia nos sirvió para trabajar con alumnos de la nocturna.
Para los cuales se les facilita los materiales avanzados cuando han faltado por causas justificadas, pero con
evaluaciones presenciales obligatorias. Así no se retrazan y culminan su año escolar satisfactoriamente.
2.6.- TRABAJAR EN REDES EDUCATIVAS.-
A través de esta herramienta todos los trabajos de las Instituciones Educativas pueden integrarse y
actualizarse en tiempo real, de esa forma se están comunicando los avances en los diferentes programas que
se desarrollan.
EJEMPLO:
http://promotoresescolares7084.blogspot.com/
2.7.- PRODUCCION Y PUBLICACIÓN DE TRABAJOS DE INVESTIGACIÓN DE LOS
DOCENTES.-
2.8.- DIFUNDIR LOS AVANCES PROPIOS DE CADA INSTITUCIÓN.-
EJEMPLO:
www.aniversuizo.blogspot.com

PAGINA - 74 -
ANEXO
Antes de ingresar a elaborar su Blog todo participante debe desarrollar por escrito el contenido, para ello debemos
utilizar las fichas de práctica:
FICHA DE PRÁCTICA Nº 1
:
Título
Blog
[Descripción]
Sábado de Octubre de 2010
Título
Entrada
Posted by _ _ _ _ @ 9:15 AM
:
Título
Entrada
Posted by _ _ _ _ @ 10:15 AM
:
Archivos del blog
Sábado de Octubre de 2010
Datos personales
2010 ( )
Octubre ( )
Ver todo mi perfil

PAGINA - 75 -
FICHA DE PRÁCTICA Nº 2
ELABORANDO UNA ENTRADA A TU BLOG APLICANDO FORMATOS
1.- Ingresa a la página de Blogger
2.- Ingresa a tu Blog con tu Nombre de usuario y Contraseña para agregar la siguiente Entrada
3.- Sigue las siguientes indicaciones:
A.- Ingresa el Título de la Entrada: HISTORIA DEL CUSCO
B.- Agrega las Imagenes a tu entrada:
B.1.- Una imagen está ubicado en: Escritorio y la otra agrégalo de Internet (Google-HISTORIA DEL CUSCO)
C.- Formato del contenido:
C.1.- Formato del Título del contenido:
Tipo de Texto: Verdana
Tamaño de Texto: Grande
Atributos: Negrita y Cursiva
Color: Azul
Alineación: Centrada
C.2.- Formato de Primer y segundo
Párrafos:
Tipo de Texto: Courier
Tamaño de Texto: Normal
Atributos: Sin atributos
Color: Rojo
Alineación: Justificada
C.3.- Formato de Párrafos con viñetas:
Tipo de Texto: Lucida Grande
Tamaño de Texto: Grande
Atributos: Negrita
Color: Naranja
Alineación: Centrada
Enlaces:
Municipalidad del cusco:
www.municusco.gob.pe
Diario del cusco:
www.diariodelcusco.com
Título
Entrada :
HISTORIA DEL CUSCO
FUNDACION INCAICA
Dos leyendas indígenas atribuyen su fundación a su
primer jefe de estado, un personaje legendario llamado
Manco Cápac, junto a su hermana y consorte Mama
Ocllo. En ambas se afirma que el lugar fue revelado por
el dios sol (Inti) a los fundadores después de una
peregrinación iniciada al sur del Valle Sagrado de los
Incas en busca del lugar exacto.
Por datos arqueológicos y antropológicos se ha ido estudiando el
verdadero proceso de la ocupación del Cusco. El consenso apunta a
que, debido al colapso del reino de Taypiqala se produjo la migración
de su pueblo. Este grupo de cerca de 500 hombres se habría
establecido paulatinamente en el valle del río Huatanay, proceso que
culminaría con la fundación del Cuzco. Se desconoce la fecha
aproximada pero gracias a vestigios se acuerda que el emplazamiento
donde se ubica la ciudad ya se encontraba habitado hace 3000 años.
Sin embargo, considerando únicamente su emplazamiento como
capital del Imperio inca (mediados del siglo XIII) el Cuzco aparece
como la ciudad habitada más antigua de toda América.
Municipalidad del cusco
Diario del cusco

49133105 manual-de-blogger-2011

49133105 manual-de-blogger-2011

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (9)

Similaire à 49133105 manual-de-blogger-2011

Similaire à 49133105 manual-de-blogger-2011 (20)

49133105 manual-de-blogger-2011