tutorial blogger
DESCRIPTION
Pasos para crear blog en el bloggerTRANSCRIPT
![Page 1: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/1.jpg)
TUTORIAL BLOGGER
Adaptado por: Edgar A. Quispe AybarDe Ángel Encinas Carazo
![Page 2: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/2.jpg)
¿Por qué en Blogger?
Porque es el más sencillo, el más utilizado, el que mejor se conoce.
Tiene las ventajas y los inconvenientes de estar al lado del más poderoso…
![Page 3: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/3.jpg)
Ventajas de Blogger
• Es muy fácil de abrir y sencillo de utilizar• Sólo necesitas una cuenta en Google• Se puede personalizar con facilidad.• Almacenamiento gratuito, sin compromisos publicitarios• Se actualiza y renueva constantemente de forma
automática• No necesita instalar plugins (complementos)
fundamentales• Fuerte seguridad frente a ataques maliciosos• Muy utilizado por profesores
![Page 4: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/4.jpg)
Creamos un blog en Blogger
![Page 5: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/5.jpg)
Le asignamos un nombre y una dirección
La dirección que elijas, sin
embargo, será la definitiva
Antes de seguir
comprueba que está libre
Escribe el texto de arriba. Es para evitar el acceso a robots
![Page 6: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/6.jpg)
Elegimos una plantilla
No te preocupes mucho: podemos
cambiar de plantilla en cualquier momento, sin ningún problema
![Page 7: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/7.jpg)
![Page 8: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/8.jpg)
La primera entrada
Propuestas para tu primera entrada
Piensa un título
adecuado
Antes de publicar mira las opciones
![Page 9: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/9.jpg)
La primera entrada
Puedes programar la publicación
Si no la has terminado, puedes guardarla (lo
hace automáticamente cada poco)
![Page 10: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/10.jpg)
La primera entrada publicada
La barra lateral sale por
defecto con estos
elementos, y según la plantilla elegida
![Page 11: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/11.jpg)
Crear un enlace en la entrada
Queremos enlazar esta entrada de
Activa-TiC
Lo primero que hacemos es
seleccionar (clic con el botón izquierdo) y copiar la dirección(clic en “copiar” de botón derecho del
ratón)
![Page 12: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/12.jpg)
Crear un enlace en la entrada
Seleccionamos con el ratón la porción
de texto que queremos
contenga el enlaceHacemos clic en “enlace” y nos aparecerá una
ventana emergente
![Page 13: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/13.jpg)
Crear un enlace en la entrada
Con el botón derecho del
ratón pegamos la
dirección seleccionada
Así de sencillo
![Page 14: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/14.jpg)
Insertar una imagen en la entrada
Hacemos clic en ese icono
![Page 15: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/15.jpg)
Insertar una imagen en la entrada
En este caso tenemos que pegar aquí su
dirección
Podemos seleccionar una imagen que está
en la Web
![Page 16: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/16.jpg)
Insertar una imagen en la entrada
O bien, seleccionamos una imagen de las que
tenemos en nuestro equipo o hemos
bajado antes. (esta es la opción
preferible)
En este caso la buscamos en
nuestro equipo
![Page 17: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/17.jpg)
Insertar una imagen en la entrada
Hacemos doble clic en la
imagen que hemos
seleccionado
O hacemos clic en “abrir”
![Page 18: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/18.jpg)
Insertar una imagen en la entrada
Cuando la imagen ha
subido, aparece su miniatura
Hacemos doble clic en la imagen
o un clic en “aceptar”
![Page 19: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/19.jpg)
Insertar una imagen en la entrada
Este es el resultado
![Page 20: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/20.jpg)
Insertar un vídeo de YouTube
Buscamos el vídeo con las palabras-etiquetas posibles
![Page 21: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/21.jpg)
Insertar un vídeo de YouTube
Cuando encuentro lo que busco hago clic
sobre él
![Page 22: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/22.jpg)
Insertar un vídeo de YouTube
En “insertar” encontramos el
“código embed” que tenemos que copiar
![Page 23: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/23.jpg)
Insertar un vídeo de YouTube
“código embed”
Antes de copiarlo podemos tomar algunas decisiones sobre cómo queremos que aparezca
en nuestro blog
Si solo queremos poner el enlace
![Page 24: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/24.jpg)
Insertar un vídeo de YouTube
Cuando lo hemos decidido, copiamos el “código embed” y
nos vamos a la entrada de nuestro blog
Podemos decidir sobre los bordes, colores y tamaños con que aparecerá en nuestro blog
![Page 25: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/25.jpg)
Insertar un vídeo de YouTube
Cuando lo pegamos en la
entrada tiene que tener más de 4 ó 5
líneas. De lo contrario algo no
ha salido bien
En ese caso probamos a pegarlo en “Edición de HTML”
![Page 26: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/26.jpg)
Insertar un vídeo de YouTube
Si esto es lo primero que hemos hecho en nuestra entrada, es posible que nos veamos con algún problema para escribir
arriba y abajo del mismo
Si esto es lo primero que hemos hecho en nuestra
entrada, es posible que nos veamos con algún problema para escribir arriba y abajo
del mismo
Cuando cambiamos de pestaña o lo abrimos como borrador nos
aparecerá este objeto
![Page 27: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/27.jpg)
Insertar un vídeo de YouTube
Para evitarlo, es recomendable escribir
texto dejando un hueco, y pegando en él
nuestro código
![Page 28: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/28.jpg)
Insertar un vídeo de YouTube
Quedaría así una vez que se pegue el
embed
![Page 29: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/29.jpg)
Insertar un ppt de slideshareProcedemos de la misma forma que
con YouTube: copiar y pegar el código
embed
Podemos, incluso, hacer
directamente un post en nuestro
blog
![Page 30: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/30.jpg)
Insertar un vídeo de PhotoPeach
Ya hemos visto una
muestra de PhotoPeach en el blog
En este caso, al hacer clic en el
botón de Embed se nos copia
directamente
![Page 31: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/31.jpg)
Insertar un documento de Scribd
En esta magnífica
plataforma el código embed lo tenemos
aquí
![Page 32: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/32.jpg)
Insertar un vídeo de Dailymotion
En cada plataforma hemos de buscar el código embed bajo expresiones como
“insertar”, “incrustrar”,
“reproducción insertable”, etc
![Page 33: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/33.jpg)
Insertar un show fotográfico en slide
En cada plataforma hemos de
buscar el código embed bajo expresiones
como “insertar”, “incrustrar”,
“reproducción insertable”, etc
![Page 34: Tutorial blogger](https://reader036.vdocuments.net/reader036/viewer/2022062313/557b6af5d8b42a7f6e8b4c11/html5/thumbnails/34.jpg)
No lo olvides: ante cualquier duda o pregunte por favor.
Esto es sólo el comienzo.El resto es igual de sencillo y, por qué
no, divertido…
GRACIAS