Hoy vamos aprender a poner en nuestro blog, un enlace en PDF para poder verlo y/o descargar.
Enlace de prueba: Manual Impresora SP
Desde este enlace de aquí arriba nuestras visitas cuando pinchen podran ver y/o descargar este manual de una impresora HP. Lo hacemos de la siguiente manera.
Primero buscamos en nuestro equipo el documento PDF que queremos llevar a nuestro blog.
Abrimos Google Drive ( desde los nueve puntitos que hay
Las cositas de Marta Pilar
Aprendiendo a bloggear con la profesora Merche.
APRENDIENDO A BLOGGEAR CON LA PROFESORA MERCHE
.
Gadget Pestañas (pestañas)
viernes, 23 de enero de 2015
miércoles, 14 de enero de 2015
jueves, 8 de enero de 2015
Acceso a redes sociales y - y colorines varios , 19-12-14
19 de diciembre 2014.
Enlaces a nuestras redes sociales y titulo entrada en dos colores.
Enlaces a nuestras redes sociales y titulo entrada en dos colores.
Hoy vamos a ver lo siguiente: Si queremos poner en nuestro blog un enlace que lleve a nuestras visitas a nuestras redes sociales sería:
Por ejemplo, para facebook: abrimos varias cosas:
- Por un lado en una pestaña abrimos nuestra pagina de facebook
- En otra pagina abrimos el bloc de notas y asi lo tenemos preparado para escribir el chorizo de direccion.
- En otra, la pagina de merche, la profe, donde nos pone el enlace con su direccion facebook (dia 19-12-14), lo que está entre comillas es su direccion. Ahora ya no lo tiene puesto asi que voy a intentar poner el mio.
- Ahora nos vamos al blog y abrimos una entrada nueva. Copiamos el enlace que nos ha puesto Merche en su blog pero en HTML (al lado de Redactar). Una vez hecho ésto borramos lo que está entre comillas (que es la direccion de ella) y la cambiamos por la nuestra. Nos ayudamos para ello del blog de notas (escribiendo previamente nuestra dirección en el blog de notas)
- Ahora nos vamos a diseño y añadimos un gadget, de html/java, título: sigueme en facebook, Contenido: pegamos el chorizo con nuestra direccion de facebook entre las comillas. Aceptar. Yo el enlace para facebook no lo pongo porque este blog no tiene de momento.
Si desde la redaccion de la entrada pinchamos en el boton HTML (arriba izquierda al lado de redactar) veremos el "chorizo" de codigo de facebook. Desde el boton de Redactar lo que se ve es el logotipo. El "chorizo" a copiar seria: <a href="https://www.facebook.com/marta.miralbueno" target="_blank"><img alt="siguenos en facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BkbcKysN1SKrvOmQ7s79lpuv7MV_6wzhKR7jDxs8sSoGMfaZYfYGByAwOfbugeGmzn4dqqTemB3zcm7tJ3yhf3qNWyNI81JZkUpV8oEz_YZkNc6S3fxezYbhE4-RBULIzJ-8KGMmC_fj/s1600/face.png" height="32" title="siguenos en facebook" width="32" /></a>
Para Youtube seria lo mismo pero con el segundo parrafo que nos pone merche en su entrada del 19-12-14
Para Youtube seria lo mismo pero con el segundo parrafo que nos pone merche en su entrada del 19-12-14
Otra cosa mariposa: En el blog de merche, entrada del 17-11-14, si te fijas el titulo de la entrada es de dos colores, una parte azul y otra roja. Voy a hacer esto en el titulo de mi entrada de hoy 19-12-14. Titulo: Acceso a redes sociales y colorines varios. Redes en el color que sale y colorines en pink.
viernes, 5 de diciembre de 2014
Gadgets y....Vamos a poner nieve en el blog!!!!, Recursos varios. 05-12-14
5 de diciembre de 2014
GADGETS, que es eso? Es una especie de herramienta que nos proporciona el blog para introducir elementos en nuestras entradas como gif animados para desear feliz navidad, lista de blogs que sigo, imagenes, archivo del blog, formulario de contacto, un "translate" para traducir... es un mundo los gadgets. Todo ello aparece por arriba o abaajo o a los lados de las entradas.
Desde la pagina de edicion del blog vamos a Diseño. Se nos abrira una pantalla con muchos recuadros que son como la armadura o esqueleto del blog. Esto es como un puzle, podemos ir colocando las piezas donde queramos. Cada recuadro lo podemos editar. Hay gadgets que salen por defecto como Archivo del blog, Datos personales y reconocimiento. Podemos añadir otros nuevos, al pinchar se abre una ventana con un monton de gadgets de todo tipo. Ir probando.
Tambien vamos a ver como poner nieve en nuestro blog, aparecerá cayendo puntitos por toda la pagina, aunque en lo blanco no se ve. Nos vamos al blog de la profe, aprendiendoblogdeblogger, entrada del 5-12-14: http://aprendiendoblogdeblogger.blogspot.com.es/, copiamos un código HTML que nos indica de nieve.
Desde la pagina de edicion del blog vamos a Diseño. Se nos abrira una pantalla con muchos recuadros que son como la armadura o esqueleto del blog. Esto es como un puzle, podemos ir colocando las piezas donde queramos. Cada recuadro lo podemos editar. Hay gadgets que salen por defecto como Archivo del blog, Datos personales y reconocimiento. Podemos añadir otros nuevos, al pinchar se abre una ventana con un monton de gadgets de todo tipo. Ir probando.
Tambien vamos a ver como poner nieve en nuestro blog, aparecerá cayendo puntitos por toda la pagina, aunque en lo blanco no se ve. Nos vamos al blog de la profe, aprendiendoblogdeblogger, entrada del 5-12-14: http://aprendiendoblogdeblogger.blogspot.com.es/, copiamos un código HTML que nos indica de nieve.
Después vamos a nuestro blog y abrimos una entrada nueva y pegamos ahí el código. Despues volvemos a seleccionar, copiamos y nos vamos a diseño, añadir gadget, uno HTML/Java y pegamos en contenido.
Vamos al blog y lo vemos, aunque tarda un poquito en caer la nieve.
Tambien podemos buscar gift animados en google para añadirlos en nuestro blog en un lateral. Buscamos en google uno, lo abrimos, ver imagen, boton derecho, guardar como en el escritorio (posteriormente se podrá borrar). Vamos a nuestro blog, entrada nueva, insertar imagen, buscamos el archivo en el escritorio y seleccionamos para subirlo a la entrada. Despues pinchamos en el botón HTML para que lo "traduzca" a ese código. Seleccionamos ese codigo, copiamos, vamos a diseño, añadir gadget, HTML/Java, y pegar en contenido. Juan Marquez lo explica asi en su blog:
¿Cómo añadimos un gif animado? Lo primero: buscar y elegir el gif en internet. Cuando lo tengamos lo guardaremos en nuestro PC desde la opción "ver imagen". En nuestro blog añadimos entrada (que después podremos borrar) y en insertar imagen la colocamos. A continuación pinchamos en la pestaña "HTML" y copiamos todo el código. Tercer paso. En la pestaña "diseño" añadimos un gadchet HTML/javascript y lo pegamos.Guardamos los cambios y la disposición y si todo ha ido bien lo tendremos en nuestro blog
Ahora vamos a personalizar nuestro blog. Volvemos a nuestra pagina principal de edicion, pinchamos en Plantilla (columna izquierda) Partiendo de una plantilla sencilla vamos a personalizar (debajo de el blog ahora) Nos aparece otra pantalla y vamos viendo: Plantillas, Fondo, Ajustar ancho, diseño y Avanzado. Es cuestion de ir probando. Acordarse de pinchar en "aplicar al blog" y luego F5 para actualizar.
En el blog de Merche nos pone cuatro enlances con recursos gratuitos:
¿Cómo añadimos un gif animado? Lo primero: buscar y elegir el gif en internet. Cuando lo tengamos lo guardaremos en nuestro PC desde la opción "ver imagen". En nuestro blog añadimos entrada (que después podremos borrar) y en insertar imagen la colocamos. A continuación pinchamos en la pestaña "HTML" y copiamos todo el código. Tercer paso. En la pestaña "diseño" añadimos un gadchet HTML/javascript y lo pegamos.Guardamos los cambios y la disposición y si todo ha ido bien lo tendremos en nuestro blog
Ahora vamos a personalizar nuestro blog. Volvemos a nuestra pagina principal de edicion, pinchamos en Plantilla (columna izquierda) Partiendo de una plantilla sencilla vamos a personalizar (debajo de el blog ahora) Nos aparece otra pantalla y vamos viendo: Plantillas, Fondo, Ajustar ancho, diseño y Avanzado. Es cuestion de ir probando. Acordarse de pinchar en "aplicar al blog" y luego F5 para actualizar.
En el blog de Merche nos pone cuatro enlances con recursos gratuitos:
- el primero hay varias cosas: frce psd: para photoshop, te viene ya hecho. Banner: son publicidades, barras que salen por abajo, arriba. Fonts: meterlas en la carpeta de fuentes del escritorio. Free footage: pequeños videos.
- el segundo: cgtextures, hay que registrarse
- el tercero: publicdomainarchive
- cuarto: pues otro
viernes, 21 de noviembre de 2014
Repaso entradas, 21-11-14
Hoy vamos a repasar todo lo que vimos la semana pasada sobre entradas. (escrito con encabezado)
Vamos a escribir un texto, y le damos formato. Por ejemplo este texto que improviso rapidamente: (escrito con subencabezado)
Por fin es viernes, bieeennn, y mañana sábado.... Cosas que quiero hacer el finde: (escrito con encabezado secundario)- calendario adviento
- repasar curso blogs
- repasar curso redes
- ir a nadar
- dar una vuelta el
domingo
Probamos a copiar un texto cualquiera de internet: al copiarlo directamente se copia tal cual está en la pagina copiada.
duque, quesa
del ant. fr. duc, y éste del lat. dux, ducis, guía
1. (s. m. y f.) Título nobiliario, inferior a príncipe y superior a marqués y conde.
2. (s. m. y f.) Persona que lleva este título.
3. (s. f.) Mujer del duque.
Para que aparezca sin formato tenemos que seleccionar el texto y pinchar arriba en el boton de mas a la derecha, una T mayuscula con un aspa rojo. Entonces se quita todo el formato y ya podemos darle el que mas nos guste. Asi:
duque, quesa
del ant. fr. duc, y éste del lat. dux, ducis, guía
1. (s. m. y f.) Título nobiliario, inferior a príncipe y superior a marqués y conde.
2. (s. m. y f.) Persona que lleva este título.
3. (s. f.) Mujer del duque.
Para que aparezca sin formato tenemos que seleccionar el texto y pinchar arriba en el boton de mas a la derecha, una T mayuscula con un aspa rojo. Entonces se quita todo el formato y ya podemos darle el que mas nos guste. Asi:
duque, quesa
del ant. fr. duc, y éste del lat. dux, ducis, guía
1. (s. m. y f.) Título nobiliario, inferior a príncipe y superior a marqués y conde.
2. (s. m. y f.) Persona que lleva este título.
3. (s. f.) Mujer del duque.
Ahora voy a insertar una imagen. Me voy a google, busco una imagen de montañas, imagénes, selecciono una y pincho en ella. Puedo ver los pixeles abajo de la imagen. Pincho en un boton a la derecha que pone Ver Imagen. Y es ahora cuando con el botón derecho selecciono Guardar imagen como y la guardo donde quiera en mi ordenador. Asi el blog ya tiene la ruta en la base de datos. Posteriormente no hay ningun problema en eliminar la foto del ordenador. Probamos:
Picos de Europa |
Ahora toca copiar un enlace: con boton Enlace . Previamente abrimos otra pestaña del explorador y buscamos una pagina que nos interese. Copiamos la url, es decir la direccion de la pagina. Esto se hace selecionando arriba y copiando. volvemos al blog y pinchamos en enlace y es ahí donde se pega. Ojo no hacer directamente copiar y pegar porque no podremos pinchar luego en el enlace para acceder. Probamos:
http://www.huffingtonpost.es/2014/11/21/ebola-cooperante_n_6197274.html?utm_hp_ref=spain
Por ultimo vamos a insertar un vídeo, parecido a insertar imagen: copiamos una url abierta en otra pagina y lo copiamos en el blog dentro del boton "claqueta"
Por cierto este vídeo lo han hecho mis niños, je, je...
Favicon, que es? Es el logo que aparece delante de las paginas web en las pestañas del explorador. En blogger es una B en blanco dentro de un cuadrado naranja.
viernes, 14 de noviembre de 2014
Editando el de texto en una entrada, 14-11-14
Hoy vamos a ver como podemos dar formato a una entrada.
Copiamos un texto cualquiera de una pagina de internet, por ejemplo este del "lorem ipsum", que parece ser que es un texto de prueba que se emplea para rellenar en temas de imprenta desde hace muchos siglos. Lo pegamos en nuestra entrado y comenzamos a editar. Arriba de la entrada hay una barra de edición bastante intuitiva (fuentes, negrita, cursiva, subrayado, tamaños, colores, lista numerada, justificar...) Primero, para eliminar el formato de un texto que hemos copiado de internet pinchamos en el boton de una T mayuscula con un aspa roja abajo. Esta casi al final de la barra.
Ya vimos como poner enlaces, tambien podemos traer fotos, videos...
El boton de HTML lo veremos mas adelante.
Las imagenes, una vez puestas pinchamos en la imagen y nos aparece un menu, para alinear, leyenda, propiedades, texto del titulo, texto del alt (ponemos lo mismo). Es cuestion de ir practicando.
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto.
Cachorros de Lula, 2008. |
Imagen de internet |
Es un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de un sitio mientras que mira su diseño.
Metemos aquí un video de you tube, con Insertar un vídeo, la claqueta cine:
Es bastante intuitivo, podemos traer videos de nuestro equipo, de internet (you tube), desde el movil...
viernes, 7 de noviembre de 2014
Poniendo enlaces en el blog, 07-11-14
Hoy vamos a aprender a poner un enlace que nos lleve a una pagina interesante, de el Heraldo de Aragón por ejemplo. Si copiamos y pegamos simplemente la url nos copia el enlace pero no nos deja acceder a él, porque no va a salir la manita para poder pinchar ni se pone en morado.
http://www.heraldo.es/noticias/aragon/zaragoza_provincia/portada/
Lo que tenemos que hacer es pinchar en Enlace (mientras estamos escribiendo la entrada aparece arriba en azul), de esa manera podemos pinchar en el enlace que estará en morado, con la manita)
http://www.heraldo.es/noticias/aragon/zaragoza_provincia/portada/
TRUCO: Para abrir algo en una pestaña nueva sin cerrar la anterior se puede pinchar con la ruedecita del ratón. También se puede pinchar con el boton derecho y seleccionar en "abrir en pestaña nueva"
Lo hago otra vez para practicar:
- busco una noticia en una pagina nueva de internet, p. ej. de las rebajas enero,
- copio la direccion url
- me voy a la entrada que estoy preparando
- pincho en enlace y copio en el cajetin, acepto y ya aparece.
http://www.albumcancionyletra.com/rebajas-de-enero_de_joaquin-sabina-y-viceversa___203332.aspx
Como veis aparece en otro color para poder pinchar y acceder
Para poder verlo, primero publicamos y actualizamos.
Voy a poner el enlace que nos lleva a la pagina de Merche, nuestra profe:
http://aprendiendoblogdeblogger.blogspot.com.es/
En esta pagina, Merche ira poniendo minitutoriales en video para ayudarnos con las clases. Gracias Merche!!!!
Suscribirse a:
Entradas (Atom)