lunes, 30 de octubre de 2017

INSTAGRAM EN TU BLOG CON SNAPWIDGET

INSTAGRAM EN TU BLOG CON SNAPWIDGET

PRIMERA PARTE

1- Vamos a su página SnapWidget.com

2- Le damos a Get Started Today

3- Nos inscribimos con nuestro Nombre, e-mail y contraseña.

4- Creamos una  cuenta, aparecemos en nuestro panel de control y le damos a Create a new Widget

5- Nos aparecen un montón de opciones diferentes para añadir nuestro Instagram, debemos fijarnos y elegir los que tienen como etiqueta FREE porque el resto son PRO y significa que solo los puedes usar si estás suscrito/a a la versión de pago.
tutorial-snapwidget-pro-free6-Seleccionar la primera opción, luego Crear tu widget
7. En la siguiente ventana cubrimos los datos a nuestro gusto:




8.Nombre de usuario en Instagram
9.Tamaño de miniatura(Thumbnail size): esto se refiere al tamaño que quieres que tengan las imágenes, dependerá del tipo de widget que quieras colocar.ejemplo para colocarla gadget html a la derecha seria ancho 240.
10.Disposición(Layout): cantidad de fotos que quieres que aparezcan en la pagina, esta opción solo saldrá si eliges el widget en la pestaña de menú, puedes elegir un máximo de 60 fotos y disponerlas como desees, x fotos en fila y x en la columna,poner 3×3.
11.aquí hay dos opciones, si eliges que si quieres, la imagen te saldrá del todo encuadrada con un marco o borde del color que elijas, si no únicamente se coloreara el espacio entre las fotos.
12.Color de fondo(Background color): elige el color que deseas que haya entre foto y foto
13.Efecto hover (Hover effect): el efecto que quieres que muestren las fotos.
Ninguno.
14.Fade in: Aparece con un efecto nublado y al posar el mouse por encima de la foto desaparece el efecto,y lo contario.
15.Compartiendo botones(Sharing buttons): si activas esta opción aparecerá en las fotos (al pasar por encima) los botones sociales de Facebook y Twitter para que puedan compartirlas con total facilidad.
16.Sensible o Responsive: esta genial por que lo que permite es que el widget se adapte en 17.función del dispositivo desde el que lo estén viendo.poner yes.
NOTA: en cada opción se puede hacer una previa visualiación.
18.Seleccionar el boton Get Wiget para obtener un còdigo HTML.
19.Copiar el còdigo.

 SEGUNDA PARTE

Ve a configuración de Blogger:
Diseño > ‘Añadir un gadget’ > HTML/javascript , añade este tipo de widget.
Una vez elegido este tipo de widget completa los espacios que te solicita: titulo ( ej. My Instagram) y contenido (aquí debes pegar el código HTML que has obtenido al diseñar tu widget).
Guarda.
Posicionar el widget
Guarda disposición y ya tendrías tu widget,
Ver el blog

HACER EL MISMO PROCESO SIN SALIR DE SNAPWIDGET PARA TAMBIÉN COLOCAR AL PIE DE PAGINA FOTOS 10X3. SON LOS MISMOS PASOS A SEGUIR SOLO CAMBIA RLA DISPOSICIÓN DE FOTOS Y VOLVER A CREAR OTRO HTML Y EN BLOGGER LOCALIZAR GADGET A PIE DE PAGINA.........SUERTE!!!!! ESPERO VER FOTOS LA APROXIMA CLASES.

jueves, 26 de octubre de 2017

jueves, 12 de octubre de 2017

COMO CONVERTIR PRESENTACION EN VIDEO E INSERTAR EN EL BLOG

PRIMERA PARTE

CREAR LAS DIAPOSITIVAS CON TRANSICIÓN Y ANIMACIÓN EN POWER POINT
UNA VEZ FINALIZADA LA PRESENTACIÓN
ARCHIVO/GUARDAR COMO /nombre del archivo y en tipo seleccionar VIDEO DE WINDOWS MEDIA.
Esperamos que se guarde................
Nos vamos donde esta grabado y abrir ese archivo

SEGUNDA PARTE

DESDE GOOGLE DRIVE SUBIR EL ARCHIVO TIPO VIDEO

1.SELECCIONAR EL ARCHIVO DE LA BANDEJA Y CLIK CONTEXTUAL/COMPARTIR 
2.SELECCIONAR AVANZADA
3.SELECCIONAR: no permita descargar,imprimir..........
4. En la misma ventana SELECCIONAR CAMBIAR
5. SELECCIONAR PUBLICO EN LA WEB.
6. SELECCIONAR ACCESO: Puede Ver
7.GUARDAR
8.OK

 TERCERA PARTE PARTE:

1.ABRIR EL ARCHIVO
2.OPCION   punto punto punto 
3.SELECCIONAR ABRIR EN UNA VENTANA NUEVA
4.OPCION punto punto punto
5. SELECCIONO INSERTAR ELEMENTO
6.COPIO HTML
7.ACEPTAR

CUARTA PARTE:

BLOGGER
CREAR UNA ENTRADA
COPIAR EN HTML EL ENLACE
REDACTAR
MODIFICAR EL ANCHO Y EL LARGO
PUBLICAR
VER EL BLOG

jueves, 28 de septiembre de 2017

OTRO DISEÑO DE CABECERA CON GIMP

                       CABECERA

PROYECTO:
SELECCIONAR UN ARCHIVO QUE TENGA EL  FONDO QUE TE GUSTE
ABRIR EN GIMP Y CAMBIAR SU TAMAÑO DE LIENZO: CLIK CONTEXTUAL SOBRE LA IMAGEN Y SELECIONAR TAÑAÑO DE LIENZO : 1000x400
TENER LAS IMÁGENES QUE SERÁN PARTE DEL PROYECTO

Primera Parte:
1. Abrir el archivo con el fondo seleccionado
2. Cambiar el TAMAÑO DEL LIENZO
3. Abrir la imagen que pondrás sobre el fondo: COPIAR
4. En la capa del proyecto PEGAR COMO CAPA:se ve la imagen pegada: aplicar mover,tamaño,rotar,otras
5. AÑADIR UNA MASCARA DE CAPA/NEGRO TRANSPARENCIA TOTAL: en este paso desaparece la imagen.
6.Ir a la barra de herramienta seleccionar MEZCLA/FORMA RADIAL :deslizar desde el centro hacia abajo la mezcla.
7.Si desea que sobresalga la imagen debe hacer duplicar capa.
8. COMBINAR LAS CAPAS: click contextal

Segunda Parte
1.Selecciono la capa proyecto
2. Selecciono herramienta Texto : fuente: JOKERMAN tamaño: 35. color negro
3.Escribo un Titulo
4. Escribo otro Texto con otra fuente que quede como un subtitulo por ejemplo una frase.
5 .Click derecho en la capa proyecto y COMBINAR LAS CAPAS VISIBLES
GUARDAR archivo con EXPORTAR con extension:        nombre.PNG
Tercera Parte
BLOGGER
1. ABRIR ELBLOGGER
2. Diseño y en CABECERA opción EDITAR
3.SELECCIONAR ARCHIVO Y CARGAR
4. Opción EN LUGAR DEL TITULO Y LA DESCRIPCIÓN
5.GUARDAR


6. VISUALIZAR EL BLOG.....

CREAR CABECERAS CON GIMP

GUIA PRACTICA:
                                             PROYECTO: CABECERA
Se necesita tener seleccionado imágenes para insertar en el proyecto.
Esas imagines deben tener fondo transparente y grabadas como archivos de extensión PNG
Nota:  antes de aplicar combinar capas debe grabar el archivo para poder modificar.

Practica: 

Seleccione el archivo imagen y abra con GIMP
Click derecho sobre la capa de la imagen y opción Alfa de selección (coloca fondo transparente)
grabar el archivo con extensión png.
y así a todos los archivos que serán utilizados en el proyecto
.......................................................................................................................................................
CREAR EL PROYECTO:
Primera parte
EN GIMP
1. CREAR HOJA NUEVA Proyecto TRANSPARENTE 1000x400 (ancho x alto).visualiza el 50%
2. Abrir archivo para insertar imágenes.(transparente)
3. Copiar y Pegar como Capa Nueva  esas imágenes en la hoja transparente
     nota: aplicar mover,escalar,rotar,otros.....para acomodar las imágenes
4.Crear una nueva hoja igual medidas 1000x400. Dar color  a toda la hoja
5.Seleccionar la capa proyecto con todas las imágenes y click contextual. COMBINAR LAS CAPAS VISIBLES/ EXPANDIDA LO NECESARIO

Segunda Parte
EN GIMP
1. Crear una hoja nueva 900x400 con un color de fondo
2.Copiar lahoja con color
3.En la hoja Proyecto PEGAR COMO CAPA
4.Desde el menú capa arrastrar en 1er. lugar la capa proyecto en 2 lugar capa color.De tal manera que el proyecto tenga un color de fondo.

Tercera Parte
1.Selecciono la capa proyecto
2. Selecciono herramienta Texto : fuente: JOKERMAN tamaño: 35. color negro
3.Escribo un Titulo
4. Escribo otro Texto con otra fuente que quede como un subtitulo por ejemplo una frase.
5 .Click derecho en la capa proyecto y COMBINAR LAS CAPAS VISIBLES
GUARDAR archivo con EXPORTAR con extension:      nombre.PNG
Cuarta Parte
BLOGGER
1. ABRIR ELBLOGGER
2. Diseño y en CABECERA opción EDITAR
3.SELECCIONAR ARCHIVO Y CARGAR
4. Opción EN LUGAR DEL TITULO Y LA DESCRIPCIÓN
5.GUARDAR
6. VISUALIZAR EL BLOG