Está en la página 1de 77

1.

- INDICE
1. Índice.

2. Introducción.

2.1 Objetivos.

2.1 Alcance.

3. Blog

3.1 Historia

3.2 Que es un blog

3.3 Tipos de blog

3.4 Sitios para hospedaje de blog

4. Comenzando de Blogger

4.1 Crear una cuenta

4.2 Crear una entrada

4.3 Elementos de la entrada

4.4 Editar una entrada.

4.5 Orden de las entradas.

5. Imágenes y video

5.1 Distribuir imágenes, video y texto.

5.2 Imágenes

5.3 Video

6. Agregar documentos

6.1 Word

6.2 Excel

6.3 PDF

8. Accesorios

8.1 Slide
8.2 Audio

8.3 Reloj

9. Plantillas

9.1 Como cambiar una plantilla desde Blogger.

9.2 Como cambiar una plantilla creada por otro sitio.

2.- INTRODUCCIÓN
Hoy en día la tecnología es parte de nuestra vida diaria y sobre todo aquella que se deriva del
internet. Escuchamos hablar de páginas web, buscadores, e-mails más potentes, portales y
muchas otras cosas que ayudan a la comunicación entre personas, a la educación y al
conocimiento.

Pero si hablamos de lo más novedoso de la red, tendremos que hablar de los BLOGS, sitios
para publicar información personal, corporativa de negocios, periodística etc.

Pero los blogs se han convertido más en una herramienta de comunicación donde se acerca a
las personas entre sí, haciendo más interactiva la relación con la red.

Grandes personalidades y empresas como Andrés Oppenheimer, Noticieros televisa, Periódico


el economista, entre otros más, manejan los blogs como la herramienta número uno por
encima del e-mail para comunicarse con su público.

Esperamos que puedan descubrir el sin número de posibilidades que les da el BLOG y sobre
todo que tengan una herramienta más para seguir siendo competitivos internacionalmente.

2.1.- OBJETIVO
Que la comunidad victoria conozca y maneje una herramienta de actualidad para que cumpla
la misión de la Universidad Victoria.

2.2.- ALCANCE
Este curso va dirigido a la comunidad victoria, maestros, alumnos y personal administrativo.

3.- BLOG
3.1.- HISTORIA DE LOS BLOGS

3.2.- QUE ES UN BLOG


Un blog también llamado weblog es un sitio web donde se recopilan cronológicamente
mensajes de uno o varios autores sobre una determinada temática a modo de diario personal.

De otra forma puede definirse como un espacio personal de escritura en Internet en el que el
autor pública sus artículos o noticias (post) que pueden contener texto, imágenes e
hipervínculos. Los nuevos contenidos se añaden vía web desde el propio navegador sin
necesidad de algún otro programa auxiliar.

3.3.- TIPOS DE BLOGS


Existen diferentes tipos de blog como:

• Personales
• Periodísticos
• Empresarial PYME
• Corporativos
• Tecnológicos
• Educativos o Edublog

En los personales como ya se había mencionado tienden más a usarse como bitácoras donde
muestran gustos y intereses.

Los periodísticos juegan un papel importante en la comunicación ya que son utilizados por
periodistas para interactuar con sus lectores a través de la publicación de sus artículos y estos
puedan realizar comentarios sobre estos.

Los empresariales se manejan como un sitio de información o marketing empresarial de bajo


costo, ya que por medio de estos pueden dar a conocer sus servicios o productos reduciendo
costos en creación y hospedaje web. Este tipo de blogs pueden servir de apoyo publicitario
para empresas PYME que no cuentan con grandes recursos económicos como los grandes
corporativos. Solo un blog y mucha imaginación.

Los blogs corporativos son una herramienta para acercar a estas con sus clientes teniendo una
fuente importante para conocer los gustos de los mismos, y mostrar la imagen de la empresa
en un medio más sencillo de manejar para el usuario común.

Uno de los tipos de blogs más importantes son los llamados edublog o blogs con fines
educativos:

Estos brindan una oportunidad de intercambiar información, puntos de vista con el resto del
mundo y no solo con las personas de nuestro entorno, además de que la lectura y escritura
son la base de la educación y requisitos indispensables de todas las materias.
Generalmente puede utilizar el docente los blogs para presentar normas del salón, trabajos a
realizar, temarios, ejercicios, fechas de exámenes, discusiones, artículos calificaciones, entre
otros.

3.4.- SITIOS PARA HOSPEDAJE DE BLOGS

Hoy en día existen los siguientes proveedores gratuitos:

• Blogger (http://.blogger.com)
• Blogs vitito (http://blogs.vivito.net)
• Nireblog (http://es.nireblog.com)
• Spaces (htt://spaces.live.com
• Myspace (http://www.myspace.com/)

Y también los hay gratuitos con instalación de software específico

• Wordpress (http://es.wordpress.com)
• B2evolution (http://b2evolution.net)
• Movable type (http://www.movabletype.org)

4.- COMENZANDO CON BLOGGER


Para el caso específico de este curso nos basaremos en Blogger, ya que es un sitio de
hospedaje gratuito, fácil de usar y muy completo.

4.1.- CREAR UNA CUENTA


1. Iniciemos dirigiéndonos en el navegador a http://blogger.com, hasta que nos muestre
una página como esta:
www.blogger.com

2. El siguiente paso es darse de alta, suscribirse. (nota: para esto hay que tener previa
cuenta de correo electrónico.

CLICK AQUÍ PARA


INICIAR LA ALTA

3. En el paso siguiente vamos a llenar el formulario que se nos solicita como en la imagen
siguiente:

CUENTA DE CORREO ELECTRÓNICO

CONTRASEÑA Y CONFIRMACIÓN

MOSTRAR NOMBRE CON EL


VERIFICAR QUE SE FIRMAN LAS
PALABRA ENTRADAS O POST

CLICK PARA
CONTINUAR
4. Ahora debemos asignar un nombre al blog y una dirección URL.

TÍTULO
DEL BLOG

DIRECCIÓN
DEL BLOG

CLICK PARA
CONTINUAR

5. Elegir una plantilla, en esta opción se elegirá una base, fondo o plantilla para nuestro
blog. (nota: posteriormente se podrá cambiar la plantilla por otra de este menú o
alguna fuera de Blogger)

SELECCIONAR
UNA PLANTILLA

CLICK PARA
CONTINUAR
6. Por último comienza a publicar.

CLICK PARA
CONTINUAR

4.2.- CREAR UNA ENTRADA.

1. Para crear una o nueva entrada, dentro de tu panel, selecciona el link Nueva Entrada.

Selecciona para crear


una nueva entrada.
2. Aparece tu entrada.

4.3.- ELEMENTOS DE LA ENTRADA


4.4.- EDITAR UNA ENTRADA.
1. Dentro de tu blog, aparece las siguientes opciones.
• Creación de entrada (Crear),
• Editar entradas.

Crear entrada

2. Dentro de editar entrada.

Nueva entrada.
4.5.- ORDEN DE LAS ENTRADAS EN BLOGGER
Para acomodar las entradas es necesario entrar a las opciones de entrada y cambiar la hora y
fecha de publicación

Paso 1

Das clic aquí para acceder a


la fecha y hora de
publicación

Paso 2 : se despliegan las opciones de entrada y ahí se cambia la hora y fecha

Aquí se modifica la
hora y la fecha
NOTA: Las entradas al publicarlas se acomodan por default al principio del blog por tal motivo
nosotros tenemos que cambiar la fecha y la hora conforme queramos el orden de las entradas
entre más antiguas se van al final y las mas nuevas al principio.

5.- IMÁGENES Y VIDEO

5.1.- DISTRIBUIR IMÁGENES, VIDEO Y TEXTO


DISTRIBUCION DE IMAGEN.

Para la distribución de imágenes lo que tienes que realizar:

1. Estar dentro de una entrada, seleccionar el área de imagen

Da clic en esta área,


para subir tu foto.
2. Selecciona y sube tu imagen.

Aquí sube tu imagen.

3. En esa misma área podrás elegir dónde y que tamaño quieres tu foto dentro de tu
entrada

Eliges el área
donde la quieres.

Elige el tamaño.
4. Ya arriba tu foto, publica tu imagen.

DISTRIBUCION DE VIDEO.

1. Dentro de tu entrada selecciona el área de video.

Selecciona
video.
2. Selecciona tu video.

Selecciona tu
video

Sube tu video a la entrada.

3. Ya dentro tu video en la entrada manéjalo y distribúyelo a tu modo.

Movimiento de tu
video.
4. Publica tu entrada.

Distribución y manejo de texto.

1. Dentro de tu entrada, inserta tu texto.

Inserta tu texto.
2. Maneja, distribuye, cambia de color, de letra etc., tu texto a tu gusto.

En esta área maneja tu


texto.

5.2.- IMÁGENES

A continuación se detallará como publicar imágenes a Blogger, desde una entrada.

1. Dentro de panel dirigirse a la opción de entradas

DA CLICK
AQUI
2. En la ventana que se abrió dar click en nueva entrada

ES AQUÍ!

3. Dentro de la ventana “creación de entradas”, vamos a dar un click en el icono “añadir


imagen”

DA CLICK EN
LA IMAGEN
4. Al desplegarse la ventana para añadir imágenes dar click en examinar, posteriormente
se abrirá la ventana de elegir archivo, se busca la imagen y damos click en abrir

AQUÍ ABRE
TU
IMAGEN

5. Automáticamente se añadirá la dirección de nuestra imagen, seleccionamos la


posición en que deseamos verla (izquierda, centrada, derecha o ninguna), al igual
seleccionamos el tamaño (pequeño, mediano y grande), ya una vez seleccionado todo,
dar click en subir imagen

AQUÍ APARECE
LA DIRECCION

SELECCIONA SELECCIONA
LA POSICION EL TAÑAMO

DA CLICK EN
SUBIR IMAGEN
6. En la ventana “se ha añadido su imagen”, dar click en finalizado

DA CLICK
AQUÍ!!!

7. Agregar un título a la entrada donde se publicará la imagen y finalmente dar click en


publicar entrada

AGREGA
TITULO!!!

DA CLICK EN
PUBLICAR
8. El resultado es el siguiente

AQUÍ ESTÁ TU
IMAGEN!!!

5.3.- Videos de youtube a tu blog.


Mira es algo sencillo, cuando estés viendo el video en youtube y ese video quieras que este en
tu blog lo primero que debes hacer es copiar un código que hay a un lado que dice EMBED y
junto de ese embed hay un rectángulo con un código que debes copiar y después de copiarlo
en tu entrada, pero ojo no lo pegues en modo redactar si no en modo HTML ya que ese es un
código que se ejecuta desde el sitio de youtube, una vez que lo pegaste lo publicas y listo.

PASO 1.

Entras a tu blog.
PASO 2.

Creas una nueva entrada en modo de Edición de HTML.


PASO 3.

Cuando ya tienes el video que quieres en youtube copias la dirección de Embed


PASO 4.

Pega el código en la entrada que tenias anteriormente.


PASO 5.

Posteriormente puedes cambiar tu entrada a modo REDACTAR y poner tu video centrado, esto
lo haces seleccionando el cuadro que aparece y dándole clic en le recuadro centrar. Después
puedes colocar la información de opciones de entrada y le das clic en publicar entrada.

PASO 6.

Puedes ver tu blog y la entrada que acabas de publicar aparecerá el video de esta forma:
PASO 7.

Para reproducir el video debes de dar clic en la flecha que está en el centro.
Bajar videos de YOUTUBE y otros

Es un nuevo sistema para poder descargar videos de youtube, google video, dailymotion, etc.
Solo con entrar en la página, pegar la dirección del video y descargar ya tendremos nuestro
video en el ordenador. También sacaron un plugin para firefox lo cual es mas fácil descargar sin
necesidad de entrar en la pagina, este agrega un pequeño icono en nuestro navegador, solo
con darle un click en nuestra página de video lo podremos descargar. El video se descarga en
formato .flv por lo cual hay que buscar algún software para reproducirlo y otro para convertirlo
a los formatos convencionales. Les dejo aquí los enlaces correspondientes:

Webs para subir Videos

Ahora se puso de moda subir videos en internet y poder verlos desde una página web ó blog
sin necesidad de bajarlos al ordenador. Subirlos es muy fácil y además gratis. Con solo colocar
un código que nos da la web donde alojamos nuestro video ya está preparado para ser
insertado en nuestro site. Les dejo una lista de direcciones de webs para alojar videos:

http://www.youtube.com/
http://video.google.com/
http://www.metacafe.com/
http://www.zippyvideos.com/
http://www.flurl.com/
http://video.tinypic.com/
http://videos.streetfire.net/
http://www.thatvideosite.com/
http://video.freevideoblog.com/
http://revver.com/
http://www.vidilife.com/
http://www.vimeo.com/
http://www.vsocial.com/
http://sharkle.com/
http://www.dailymotion.com/
http://grinvi.com/
http://grouper.com/
http://www.bolt.com/
http://castpost.com/
http://www.ifilm.com/
http://www.krazyshow.com/
http://www.mojoflix.com/

http://todoparatublog.blogspot.com/search/label/videos

http://agregafotos.blogspot.com/2006/09/cmo-subir-un-video-de-youtube-mi-blog.html
6.- AGREGAR DOCUMENTOS

6.1.- Word
1. Ingresa a la página http://www.mediamax.com e inserta tu username y tu password.
2. Cuando hallas insertado tu username y tu password da click en GO TO MY ACCOUNT.

3. Aparecerán tus archivos que tienes guardados en las carpetas de Mediamax.

Das click en upload.


4. Aparecerá esta pantalla, donde darás click en Examinar.

5. Se abrirán los archivos que tienes guardados en tu equipo elige el archivo que deseas subir y
da click en abrir.
6. Tu archivo se descargara y da click en upload.

7. Aparecerá esta pantalla, lo cual significa que tu archivo se está subiendo correctamente.
8. Cuando Mediamax haya terminado de subir tu archivo da click en GO TO FILE MANAGER.
9. Aparecerá tu archivo en MY FILES, el cual necesita estar en Hosted para que pueda ser
visible en tu blog.

10. Para mover tu archivo a HOSTED da click en el cuadro y se seleccionara tu archivo.


11. Una vez que hallas seleccionado el archivo darás click en el cuadro MOVE.

12. Dale click en HOSTED y en el cuadro SUBMIT.


13. MY FILES no aparecerá ningún archivo.

14. Da click en HOSTED y aparecerá tu archivo que tenias en MY FILES.


15. Selecciona con el botón derecho de tu Mouse la dirección que aparece en HOSTED LINK y
darás copiar acceso directo.

16. Abrirás la página de Blogger https://www.blogger.com/start para poder pegar la dirección


de tu archivo, abrirás tus entradas.
17. Darás click en la pestaña de crear para poder hacer un link de tu archivo.

18. En el espacio que tienes puedes ponerle nombre del link que deseas hacer.
19. Seleccionas el nombre que agregaste y darás click en el recuadro de vínculo.

20. Aparecerá un cuadro donde podrás insertar la dirección. Que copiaste, en URL.
21. Pega tu dirección en URL.

22. Aparecerá el cuadro de URL con la dirección de tu archivo y darás aceptar.


23 El nombre que escribiste aparecerá con una línea debajo, lo cual quiere decir que está
vinculado

24. Da click en el cuadro anaranjado que dice PUBLICAR ENTRADA.


25. Da click en VER BLOG.

6.2.- EXCEL.
Para tener un archivo de Excel en tu Blog debes de seguir los siguientes pasos:

1. Ingresa a la página http://www.mediamax.com e inserta tu username y tu password.


2. Cuando hayas insertado tu username y tu password da click en GO TO MY ACCOUNT.

3. Aparecerán tus archivos que tienes guardados en las carpetas de Mediamax.


4. Das click en UPLOAD

5. Te abrirá una ventana, para subir el archivo darás clic en EXAMINAR como la que se
muestra a continuación:
6. Posteriormente en la ventana que aparecerá elegirás el archivo de EXCEL que quieras subir a
tu Blog. En este caso el archivo esta ya seleccionado como se muestra en el dibujo anterior y se
da clic en ABRIR.

7. Darás clic en UPLOAD.


8. Esperarás a que tu archivo se cargue.

9. Veras como el archivo se va cargando mientras la barra se pone de color naranja.


10. Cuando termine este proceso, da clic en GO TO FILE MANAGER
.

PASO 4:

Te aparecerá el nuevo archivo en MY FILES.

Después darás click en el cuadro que se encuentra a lado del archivo que acabas de subir.
Tendrás que cambiar el archivo de MY FILES a HOSTED, por lo tanto después de señalar el
archivo deberás de dar clic en el icono que aparece como MOVE.

Te mostrará una ventana como en el siguiente dibujo:

Señalas la opción de HOSTED y le das clic en Submit.


Das clic en la opción de HOSTED y aparecerá junto con un link.
PASO 5:

Para poder ver el archivo da clic en el link que corresponde a tu archivo y lo abres.
El archivo se abrirá como una página Web y copiaras el link correspondiente a esta nueva
página.

PASO 6:

Después abrirás tu blog.


PASO 7:

En una nueva entrada colocaras el nombre del tu archivo, lo seleccionaras y pondrás un


vinculo con el link que copiaste de la pagina Web de archivo de Excel.
Para hacer el vínculo darás clic en el icono de VÍNCULO.
Y colocaras la dirección que copiaste en el espacio de URL.
Ya que hayas colocado la dirección da clic en aceptar y publica tu entrada.

PASO 8:

Al ver tu blog en la entrada que acabas de crear darás clic en el nombre del archivo de Excel.
PASO 9:

Automáticamente te abrirá el archivo de Excel.


PASO 10:

Para regresar a tu blog tendrás que dar clic en las flechas.

6.3.- PDF
A continuación se detallara como publicar y transformar documentos a PDF.

1. Entrar a la página www.scribd.com , dar clic en browse.

Clic en
Browse…
2. Dentro de la ventana abrir archivo, seleccionamos el archivo a subir y damos clic en
abrir.

Seleccionamos abrir nuestro


documento

3. Una vez arriba el archivo, damos clic en PUBLISH.

Damos un clic en Publish.


4. No es necesario registrarse, por tal motivo puedes dar clic “No thank maybe later”

Seleccionamos sin
registrarnos

5. En la siguiente ventana, da click en la opción “view here” para que se desplegué tu


documento, copia la dirección que aparece en la barra de dirección.

Seleccionas la opción de view here,


para poder observar el documento
dentro de internet
6. En el panel de blogger da clic en la opción entrada.

Seleccionar para publicarlo


dentro de tu blog

7. Posteriormente dar clic en nueva entrada.

Publica una nueva


entrada
8. Pegas la dirección de tu documento, le agregas un nombre y das clic en publicar.

Pegamos el link
dentro de la entrada

9. Así se verá el link para mostrar tu documento.

Este es el
resultado
7. ACCESORIOS

7.1.- Slides
• Entramos a la página slide.com
• Nos registramos
• Damos doble click en Crear un Slide Show
• Damos doble click en browse para subir las imágenes deseadas
• Una vez que hayamos subido las imágenes, personalizamos el slide
• Damos click en GUARDAR (obtener código)
• Nos registramos con nuestra cuenta de slide
• Copiamos el código HTML

Una vez realizados los pasos antes mencionados, describiremos la publicación en Blogger

La publicación del slide se puede realizar dentro de una entrada o bien en alguna de las barras
laterales del blog.

Iniciaremos la publicación en una entrada.

1. Dentro del panel nos dirigimos a la opción entrada, una vez dentro del administrador
de entradas, vamos a dar click en la opción Nueva entrada.

CLICK EN NUEVA
ENTRADA
2. Dentro de la entrada seleccionamos edición HTML

CLICK EN
EDICION HTML

3. Pegamos el código del slide que ya habíamos copiado. Damos un título a la entrada y
publicamos la entrada. Observamos el blog para ver los cambios.

4. CLICK PARA
2. AGREGAMOS
OBSERVAR EL BLOG
UN TITULO

1. PEGAMOS EL CODIGO
DE LA ENTRADA

3. CLICK EN PUBLICAR
LA ENTRADA
4. El resultado se debe ver así.

SLIDE

7.2.- AUDIO
En seguida te mostraremos como subir Audio a tu Blog desde una entrada

1. Busca la siguiente dirección www.radioblogclub.com (página de Radio Blog)


2. En la casilla de búsqueda, anota el nombre de tu cantante favorito y das click en buscar
3. Eliges la canción de tu preferencia y das click en el botón azul (que está a la izquierda
de la canción)
4. Automáticamente del lado derecho de la página aparecerá el reproductor para que lo
modifiques en colores de tu agrado. Posteriormente copia el código que se encuentra
debajo para pegarlo en tu entrada de Blog.
5. Una vez estando en el Panel de tu Blog, seleccionar la opción “Entrada”

DA
CLICK
AQUI
6. Da click en “nueva entrada”

DA CLICK
AQUI

7. Dar click en la pestaña “edición de HTML” y pega el código que obtuvimos del
reproductor, agrega un título a tu entrada y da click en publicar entrada

ES ESTA
PESTAÑA
8. El resultado es el siguiente

AQUÍ
APARECE TU
ROLA!!!

7.3.- Reloj

1. Previamente debemos tener el código de nuestro reloj. Dentro del panel nos dirigimos
a diseño, dentro de diseño seleccionamos la opción agregar un elemento de página de
la barra lateral.

CLICK EN AÑADIR
UN ELEMNTO DE
PÁGINA
2. En la nueva ventana que se abrió la opción de HTML/Java script

CLICK AQUÍ AÑADIR


AL BLOG

3. En la nueva ventana pegamos el código del reloj y le agregamos un titulo. Por último
guardamos los cambios.

2. PONEMOS
UN TITULO
1. PEGAMOS
EL CÓDIGO

GUARDAMOS
CAMBIOS
4. El resultado se debe ver así.

RELOJ

Nota: para agregar algún otro accesorio como los calendarios, otro slide, un gadget, etc. se
siguen los mismos pasos que el punto anterior solo se debe cambiar el código.
9.- PLANTILLAS
Hasta hace poco encontrar plantillas para Blogger "beta" era una odisea, poco a poco han ido
apareciendo y pienso que superando con creces las anteriores.
Diseñar una plantilla y llevar a cabo su ejecución no es tarea sencilla, hace falta una buena
preparación, imaginación y también buen gusto. Modificar una plantilla es otra historia, con la
base de una sencilla plantilla y trabajando en la CSS se pueden hacer verdaderas maravillas, si
a eso añadimos un menú, un bonito logo, unos widgets aquí y allá el resultado es bastante
aceptable. Pero siempre será la misma plantilla, siempre habrá alguien detrás de nuestro
trabajo que será quien realmente tiene el mérito ganado...

9.1.- Cómo cambiar una plantilla desde Blogger


1. Una vez entrado a Blogger en el panel nos dirigimos a la opción configuración.

CLICK EN
DISEÑO

2. En seguida buscamos la opción seleccionar plantilla nueva.

CLICK EN SELECCIONAR
PLANTILLA NUEVA
3. Escoger la plantilla y dar click en guardar plantilla.

2.
GUARDAR
PLANTILLA

1.
SELECCIONAR
PLANTILLA

9.2.- Cambiar la plantilla creada por otro sitio.


1. Desde panel de control seleccionamos la opción diseño.

CLICK EN
DISEÑO

2. Seleccionamos la opción Edición HTML.

CLICK EDICIÓN
HTML
3. Abrimos otra ventana del explorador y no dirigimos a nuestra página de la cual
sacaremos la plantilla. Damos click en descargar en formato Zip, y guardar el archivo
en el escritorio.

4. Una vez guardado se descomprime el archivo en Zip y se copia al escritorio el archivo


enzipado.

DESCOMPRIMIR COPEAR AL
ARCHIVO ESCRITORIO
5. Nuevamente en Blogger, seleccionamos examinar para buscar el archivo que
copeamos al escritorio. Una vez identificado click en abrir en cuadro de texto buscar y
presionamos subir en Blogger.

1. CLICK EN
EXAMINAR
3. CLICK
EN SUBIR
2. BUSCAR
ARCHIVO Y
ABRIR

6. Una vez que sube la plantilla, guardamos la misma.

CLICK EN GUARDAR
PLANTILLA

También podría gustarte