Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

TUTORIAL DE BLOGGER

No description
by

Javier Opera

on 25 November 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of TUTORIAL DE BLOGGER

TUTORIAL DE BLOGGER
por Javier Farías

Índice
1. Creación de un blog
2. Crear una entrada sin (o con) comentarios
3. Insertar un video
4. Insertar libro electrónico
5. Insertar slideshow o vídeos cortos
6. Diseño del blog
6.1. Editar la barra de navegación
6.2. Hacer cambios en la plantilla
7. Título del blog (con imagen)
8. Insertar un Prezi
9. Creación de páginas
10. Gadgets (información, edición y eliminación de los mismos)
11. Más gadgets
12. Uso de Google Sites (para permitir descargas)
CREACIÓN DE UN BLOG
PASO 1
Para comenzar, vamos a la dirección www.blogger.com e ingresamos introduciendo nuestra dirección de Gmail.
PASO 2
Creamos un perfil de Google+, confirmamos nuestro Blogger y ya estamos listos para el próximo paso.
PASO 3
Cuando terminamos los pasos anteriores se nos abre nuestra página de Blogger, allí podremos crear nuestro propio blog yendo a "Nuevo blog"
PASO 4
Ahora tendremos que elegir el nombre, la dirección y la plantilla que queremos utilizar para nuestro blog.
PASO 5
La página nos informa que ya somos
los dueños de un blog.
PASO 6
Nuestro blog ya está creado.-
CREAR UNA ENTRADA
SIN (O CON) COMENTARIOS

PASO 1
Como de costumbre vamos a la dirección www.blogger.com e ingresamos introduciendo nuestra dirección de Gmail.
PASO 2
Hacemos clic en el lápiz de fondo naranja y podremos crear una entrada nueva.
PASO 3
Escribimos la entrada, insertamos la imagen, ponemos "no permitir" comentarios y damos a "Publicar".
PASO 4
Luego de publicar, se nos abre el apartado "Entradas" del blog donde podemos trabajar con las mismas. Según nos muestra la imagen podemos:

1) Etiquetar la entrada (para facilitar su búsqueda)
2) Publicarla (si no estaba visible)
3) Cambiar a borrador (la hace invisible a los visitantes y nos permite editarla)
4) Eliminarla
PASO 5
Nuestra entrada ya está publicada y la podemos ver haciendo clic en la misma o yendo a nuestro blog.
INSERTAR UN VIDEO
EN UNA
ENTRADA

PASO 1
PASO 2
PASO 3
PASO 4
Una vez logueados en Blogger y estando en nuestro blog, creamos una entrada (a la que luego insertaremos un video). En este ejemplo, será relativa a "La Alhambra".
Haciendo clic en el icono de insertar un video (marcado en la imagen anterior), se nos abrirá una ventana donde prodremos subir un video, insertarlo desde Youtube, etc. En nuestro caso seleccionamos uno de Youtube.
Luego de darle a "Seleccionar", el video se inserta en nuestra entrada.
Ésta no es la única forma de insertar un video en una entrada. También es posible insertar el código html que refiere al video (lo podemos encontrar en Youtube, en la sección de "Compartir"). Además podemos cambiar el tamaño (lo que también es posible modificando el código html).
PASO 5
El código obtenido se pega en el lugar que se desee (en el apartado HTML) y también puede variarse allí la altura (height) y anchura (width) del mismo.
<iframe allowfullscreen="" frameborder="0"
height="315"
src="//www.youtube.com/embed/65rBjL4k72s"
width="560"
></iframe>
Ejemplo:
INSERTAR UN LIBRO ELECTRÓNICO
PASO 1
PASO 2
PASO 3
PASO 4
Una vez logueados en Blogger y estando en nuestro blog, creamos una entrada (a la que insertaremos el libro electrónico)
En Issuu buscamos el libro electrónico que queremos insertar y copiamos su código HTML. Si queremos podemos cambiar el estilo del libro en el apartado "Styling options".
Este código lo encontramos en "Share" -> Embed
Este código lo insertamos en el apartado HTML de la entrada y luego la publicamos.
Una vez que la publicamos, la entrada queda así:
USANDO SLIDESHARE
Si en vez de usar Issuu utilizamos Slideshare, la entrada en nuestro blog quedaría así (seguímos usando el código EMBED que nos proporciona la página y colocándolo en el apartado HTML)
USANDO
ISSUU

INSERTAR SLIDESHOWS O VÍDEOS CORTOS
Al insertar el código embed del slideshow de MyPicPals en el blog me queda así:
Después de pegar el código en el apartado HTML del blog publicamos la entrada.
PRESENTACIONES: KIZOA
Usando el código embed de mi presentación, nuestra entrada quedará así:
MY PIC PALS
VIDEOS CORTOS: ANIMOTO
DISEÑO DEL BLOG
EDITAR LA BARRA DE NAVEGACIÓN
Esto pertenece al apartado de
DISEÑO
del blog, por lo tanto entramos en este apartado.
Luego, en la sección de la
Barra de navegación
, hacemos clic en "Editar"
Ahora se nos desplegarán algunas opciones, entre las cuales podemos elegir la que más nos guste para ponerla en nuestro blog. En nuestro ejemplo elegimos el azul, en el paso siguiente veremos como queda en el blog.
Finalmente queda así:
HACER CAMBIOS EN LA PLANTILLA DEL BLOG
En este caso vamos al apartado de
PLANTILLA
del blog. Aquí elegimos la que nos parezca más apropiada, luego podremos personalizar más a fondo la mayor parte de ella.
Blogger nos mostrará una vista previa y tendremos dos opciones: aplicarla directamente al blog o personalizarla. En este ejemplo vamos a mostrar algunas opciones de personalización.
Luego de darle a "Personalizar". Se nos abre una vista previa de nuestro blog con una ventana donde podremos personalizar la plantilla con mayor grado de profundidad en varios aspectos (las plantillas, el Fondo, ajustar el ancho, el diseño y más cosas en el apartado de avanzado).
En la parte de "Plantillas" podemos elegir entre varias de ellas.
En "Diseño" nos permite determinar como queremos las columnas del cuerpo del blog y también el diseño del pie de página.
Y en "Ajustar ancho" determinamos la anchura del cuerpo del blog y de la barra lateral de la derecha.
En "Avanzado" podemos cambiar desde el color, tamaño y fuente del texto de la página, los fondos, los enlaces, editar el formato del título del blog, etc.
COLOCAR IMAGEN EN EL TITULO
Como en el punto anterior, vamos al apartado de
DISEÑO
del blog. Y, en la parte del título, le damos a "Editar".
Se nos abre una ventana donde tenemos las opciones a modificar:

El título del blog
Si queremos una descripción
Cargar la imagen
Determinar la ubicación de la misma
La imagen (que, si se desea, debe ser editada con alguna aplicación externa) queda insertada en el título de la siguiente manera.
INSERTAR UN PREZI
Para insertar una presentación de Prezi en nuestro blog, tenemos que conseguir su código e insertarlo en el apartado HTML al redactar la entrada.
AGREGAR PÁGINAS
Para agregar páginas al blog, entramos al apartado de
PÁGINAS
y luego ir a "Página Nueva"
Aquí editamos la página como si fuera una entrada común (con su título, su redacción, en este caso le quité la opción de permitir comentarios como vimos anteriormente, etc), después le damos a "Publicar" y ya tenemos nuestra página creada (pero NO visible)
Para la página "Donde estamos" vamos a necesitar un mapa. Para eso entramos en Google Maps, buscamos el mapa que queremos insertar y copiamos el código HTML para pegarlo en la página.
Ya tenemos nuestras dos páginas creadas.
Ahora sólo nos falta insertar un
GADGET
(en la pestaña de
DISEÑO
).
De todos elegimos el llamado "Páginas"
Indicamos las páginas que queremos que muestre:
Y después de guardar los cambios en el gadget nuestras páginas ya son visibles, y nuestro blog queda así:
La presentación queda insertada de la siguiente forma:
LOS GADGETS
Un Gadget es un código que puede ser instalado y ejecutado en cualquier Blog o pagina Web independiente basado en HTML por un usuario final sin necesidad de compilación.

Son objetos en miniatura realizados por usuarios de Google, programadores, webs de Tetnologia, etc. que ofrecen contenido fresco y dinámico que se puede colocar en cualquier blog o página web.

Son gratuitos y están disponibles para que puedas agregarlo a cualquier blog o sitio web que posee, y también se pueden agregar a varios servicios de Google.
Para
añadir
un gadget debemos entrar en la vista de diseño de nuestro blog y clicar donde dice "Anñadir un gadget" (luego podremos moverlo y cambiarlo de sitio). En este ejemplo explicaremos lo común a todos (moverlos, editarlos y eliminarlos) usando como ejemplo el gadget "Traductor", en lo sucesivo explicaremos uno por uno.
Como en el caso anterior, se nos abrirá una ventana donde buscaremos el gadget que necesitemos, lo añadimos y luego le damos a "Editar" para configurarlo.
En la nueva ventana elegimos el título, el estilo y le damos a guardar para insertarlo en el blog.
Si necesitamos cambiarle algo cuando ya está ubicado en el blog sólo debemos darle a "Editar". Para
moverlo
tenemos que posicionarnos sobre él con el cursor y, sin soltar el ratón, arrastrarlo al lugar que deseemos.
Y finalmente, si lo que deseamos es
eliminarlo
, debemos darle a "Editar" y luego a "Eliminar".
El gadget "Traductor" nos permite traducir nuestro blog a diferentes idiomas.
MAS GADGETS
Este gadget permite que nuestros visitantes puedan suscribirse de forma fácil a la entrega de correos electrónico cuando nosotros publiquemos.
Podemos configurarle el título:
Y, en nuestro blog, quedaría de la siguiente forma:
Seguir por correo electrónico
Entradas populares
Podemos observar una lista de las entradas más populares del blog.
Lo configuramos:
Nos queda:
Páginas visitadas
Vemos una estadística de las páginas vistas.
Configuramos el gadget a nuestro gusto
Nos queda algo similar a esto:
Cuadro de búsqueda
Permite a nuestros visitantes buscar en el blog o en Internet.
Configuramos el gadget a nuestro gusto, guardamos nuestra disposición y luego veremos como queda en nuestro blog.
Queda así:
NOTA
Quiero hacer una mención especial de un gadget que nos permite agregar gadgets especiales de otras páginas con sólo insertar el código HTML/Javascript correspondiente.

Este gadget lo usaremos en pasos posteriores para insertar aplicaciones de terceros.
Reloj
Esta característica especial vamos a colocarla en el blog usando el gadget visto anteriormente "HTML/Javascript Añadir "
Configuramos el gadget a nuestro gusto. En este caso la página de donde sacamos el código nos permite cambiar un poco el aspecto del reloj.
Una vez que terminamos copiamos el código y lo insertamos en el gadget.
Buscaremos código HTML en páginas como:

http://douglascomputer1.es.tl/Relojes-Para-Web.htm
www.creatupropiaweb.com/codigos/Mas_Codigos.htm
www.imagechef.com
Queda así:
Calendario
Usaremos nuevamente el gadget "HTML/Javascript Añadir " y pegamos el código del calendario
En el blog aparece como:
Contador de visitas
Usaremos el gadget
"HTML/Javascript Añadir " e insertamos el código del contador
Finalmente observamos como nos queda puesto en el blog:
Texto
Configuramos el gadget con un título y el mensaje que deseamos:
Lo colocamos en el lugar que queremos, guardamos la disposición y vemos como queda en nuestro blog.
Imagen
Añade una imagen al blog
Configuramos la imagen (que en este caso obtuvimos de www.photo505.com/es/) con un título y le damos a "Guardar":
Nos permite añadir un mensaje de texto al blog
Finalmente observamos como nos queda en el blog:
Presentación
Añade una presentación al blog
Configuramos el gadget y le damos a "Guardar"
Finalmente observamos como nos queda en el blog:
Barra de vídeo
Muestra vídeos de Youtube para que los lectores puedan verlos sin tener que salir de nuestro blog.
Configuramos el gadget y le damos a "Guardar"
Observamos como nos queda en el blog:
Encuesta
Añade una encuesta a tu blog para conocer la opinión de los usuarios
Queda así:
Configuramos el gadget (elegimos la pregunta, sus respuestas y cuando vencerá el período de votación) y le damos a "Guardar"
Lista de blogs
Nos permite crear una lista de blogs recomendados
Queda así:
Configuramos el gadget, añadimos los blogs que deseemos y le damos a "Guardar"
Lista de enlaces
Nos permite crear una lista de enlaces para que la vean los visitantes del blog
Queda así:
Configuramos el gadget, añadimos los enlaces que queramos y le damos a "Guardar"
Lista
Nos permite hacer una simple lista de cualquier cosa que sea de nuestro agrado.
Finalmente se vería así:
Configuramos el gadget, creamos la lista y le damos a "Guardar"
Actualidad
Muestra titulares de Google Noticias
Finalmente se vería así:
Configuramos el gadget, ponemos los temas que queremos y le damos a "Guardar"
Etiquetas
Nos muestra las etiquetas de nuestras entradas
Finalmente se ve así:
Configuramos el gadget.
Archivo del blog
Este es un gadget que viene por defecto en cualquier blog creado. En este caso le cambiaremos la configuración para que aparezca como un menú desplegable.

Para esto tenemos que ir a "Editar" (como vimos anteriormente que se hace para editar un gadget ya insertado en el blog).
Finalmente se ve así:
Cambiamos el estilo a "menú desplegable" y guardamos.
Gadgets extra
Hay muchos gadgets de terceros que se pueden insertar de este mismo menú.

Sólo hay que hacer clic en "Más Gadgets"
USO DE GOOGLE SITES
Luego hacemos una nueva entrada en el blog donde indicamos el enlace.
Queda así:
Agregaremos un enlace de Google Sites como entrada en el blog para que nuestros visitantes puedan descargar ficheros.

Para esto, insertamos en nuestra página de Google Sites el fichero que queramos que se pueda descargar.
Full transcript