Mostrando entradas con la etiqueta tutorial. Mostrar todas las entradas
Mostrando entradas con la etiqueta tutorial. Mostrar todas las entradas

sábado, 4 de mayo de 2013

FAVORITOS EN EL TRADUCTOR DE GOOGLE

Poco después del (relativo) disgusto de la noticia de que google reader iba a desaparecer me di cuenta de una nueva funcionalidad (por lo menos no la había visto antes) en el traductor de google: la posibilidad de añadir favoritos. Lo que aparentemente no tiene mucha utilidad es realmente interesante si te encuentras mejorando o tienes interés por el inglés (o cualquier otro idioma).

Pantalla inicial del traductor de google cuando introduces una palabra
El traductor de google es de sobra conocido por todo el mundo, así que me centraré en la nueva funcionalidad que además google se encarga de resaltar cuando se utiliza el traductor: la estrella de favoritos (4 en la imagen). Cuando se marca, lo que yo suelo hacer cuando encuentro una palabra o preferentemente un expresión que me parece interesante recordar, aparece un número al lado de la estrella indicando que se ha añadido a la lista.

Cuando se hace clic sobre la lista de favoritos aparece desplegada toda ella. Cada vez que se marca una palabra o expresión como favorita Google la añade a la lista:

Lista de favoritos desplegada
Vemos otra opción muy interesante: la posibilidad de exportar las palabras como archivo CSV, formato que cualquier hoja de cálculo como excel (u Openoffice calc) puede leer. Cuando se hace clic sobre el icono aparece el mensaje ¿Quieres importar datos CSV a hojas de cálculo Google?. Se acepta y automáticamente abre el fichero en la hoja de cálculo de la cuenta de Google:

Listado del vocabulario en hoja de cálculo
 Hay que corregir un poco el formato, pero es un proceso sencillo.

domingo, 14 de abril de 2013

CÓMO AGREGAR UN COLOR DE FUENTE EN OPENOFFICE WRITER

Cambiar el color de la fuente en Openoffice Writer es muy sencillo, según estoy escribiendo en el editor hago clic en color del carácter y selecciono uno de los colores que aparecen, como se puede ver en la figura siguiente.

Figura 1: selección de color de fuente en Writer de Openoffice
¿Qué ocurre si lo que quiero es un color que no está definido por defecto en Writer, por ejemplo el que aparece en una fotografía cualquiera como la siguiente (marcado por la elipse roja)?

Figura 2: Color deseado (elipse roja)
A. Abrir la foto con un editor de imágenes como GIMP o PAINT.NET, recomiendo este último que es más "amigable" (ambos programas son gratuitos)
1. hacer clic en selector de color de la barra de herramientas
2. hacer clic para "recoger" el color en la zona señalada, con lo que aparecerá una ventana de diálogo "Colores" con los códigos numéricos del color que vamos a utilizar después (por defecto en la ventana solo se abre el círculo y las barras, hacer clic en "más" para ver los códigos RGB)
3. anotar los números, en este caso R (Rojo), V (verde), A (azul): 229,154, 63, (RGB en inglés).

Figura 3: seleccionar código de color

B. Dentro de OpenOffice Writer:
1. seleccionamos herramientas
2. opciones
3. colores
4. en los campos RGB escribimos los números que hemos obtenido previamente
5. identificamos con un nombre el nuevo color que vamos a tener disponible en el editor, por ejemplo color_cielo1 y
6 hacemos clic en agregar:

Figura 4: ya tenemos el nuevo color definido en el editor
Este pequeño truco nos permite elegir cualquier color para las fuentes de nuestros textos (y fondos) dentro del procesador de textos de Openoffice.

lunes, 11 de marzo de 2013

CÓMO HACER UNA COPIA DE SEGURIDAD DE UN CALENDARIO DE GOOGLE

Llevo más de un año utilizando el calendario de google a modo de agenda simplificada por lo que la información almacenada es considerable y una pérdida de esta información sería bastante lamentable así que me pregunté si habría una forma de salvarla en un fichero. La respuesta es sí, es muy sencillo y rápido y además muy conveniente. Así se hace:
  • Abrir tu cuenta de google y entrar en tu calendario
  • En la columna de la izquierda, abrir el desplegable de "mis calendarios" y hacer click en  configuración
Hacer clic en Configuración
  •  Hacer clic en exportar calendarios
Hacer clic en exportar calendarios
  •  Guardar el fichero comprimido generado [nombre_de_la_cuenta]@gmail.com.ical.zip (que se puede abrir con google calendar -después de descomprimir-, calendario de windows y en general todos aquellos programas que reconozcan el formato ical, como outlook)
  • Un consejo importante: no olvidar dónde se guarda la copia de seguridad que no sirve de nada si cuando hace falta no se encuentra
Es rápido y y muy sencillo, si no lo has hecho dedica un par de minutos y hazlo. Este consejo se puede hacer extensible a toda la información importante que guardas en tu ordenador y de la que seguro que hace tiempo que no haces copia de seguridad, ¿verdad?.

domingo, 9 de diciembre de 2012

CÓMO MODIFICAR EL TAMAÑO DE UNA FOTO EN BLOGGER

Cuando insertamos una fotografía en el blog, blogger nos permite elegir entre diversos tamaños (pequeño, mediano, grande, extra grande, tamaño original), pero es posible que ninguno de esos tamaños nos gusten para una entrada en particular. Hay una manera muy sencilla de poner el tamaño exacto que deseemos para nuestras fotografías.

En la siguiente imagen se ve la edición de una de mis entradas en la que se aprecia una fotografía insertada como "grande" (según las opciones de blogger):

Edición de entrada en pestaña redactar
Si seleccionamos la pestaña HTML veremos una gran cantidad de texto y código que en principio puede asustar un poco. Debemos identificar dónde está el código de nuestra imagen (es bastante sencillo buscando el texto de nuestra entrada en el código y la etiqueta img) y veremos dentro de la etiqueta img los valores height="266" y width="400", correspondientes a altura y ancho de la foto como se ve en la imagen. En cada imagen que hayamos incluído en el blog, aparecerán esos valores que se podrán cambiar sin problemas. También he querido resaltar el código de un vídeo insertado de youtube cuyas medidas de ancho y alto se pueden modificar de la misma forma:

Código HTMLde la entrada
Para cambiar el tamaño de la imagen debemos modificar estos dos valores. A veces interesa que la imagen llegue hasta los dos margenes del texto, como en esta entrada, para ello sólo tengo que multiplicar los dos valores de hight y width por un número fijo (para mantener la proporción de la fotografía), por ejemplo 1,3. Introduzco el resultado de la multiplicación en el código HTML (ver figura anterior) y una vez hecho esto, hago clic en vista previa:

Resultado final con aumento de tamaño (comparar con la primera imagen)


De vez en cuando conviene echar un vistazo al código HTML e incluso leer algo sobre el tema, se pueden hacer descubrimientos interesantes que amplían las posibilidades de blogger.

jueves, 29 de noviembre de 2012

CUANDO FALLA EL BUSCADOR DEL BLOG

Hace unos días, cuando iba a llevar a imprimir unas hojas en blanco y negro y en color no tenía ni idea de cuánto me iban a costar pero recordé que había escrito una entrada hace bastante tiempo quejándome del tremendo coste de los cartuchos de tinta de las impresoras, puse "tinta" en el buscador interno del blog (uno de los gadgets con los que cuenta blogger) y... no funcionaba, de hecho no encontraba nada, lo quité y lo volví a instalar. Nada.

Como siempre acudí a San Google, que me devolvió la solución en esta página, solo hay que escoger el gadget de blogger (diseño>añadir gadget>HTMLJavascript) e incluir el siguiente código:

Código para añadir un buscador interno en el blog
He puesto el pantallazo de blogger por dos razones: sirve mejor como guía si alguien no ha utilizado este gadget nunca y en segundo lugar,  de momento no he encontrado la forma de escribrir código HTML en una entrada (para explicar un ejemplo como este) desactivádolo, seguiré buscando, se agradecen sugerencias.

Por cierto, las copias en color me han costado a 0,7 €/copia (lo que es una barbaridad) frente a los 0,6 €/copia según esta entrada de marzo de 2012.

Moraleja: una de las razones para mantener un blog es que te sirve de interesante base de datos de la que puedes echar mano cuando quieras siempre que tengas un buscador activo, muy importante si es elevado el número de entradas.

lunes, 9 de julio de 2012

CÓMO AÑADIR UN FORMULARIO DE CONTACTO

En este tutorial voy a indicar cómo añadir un formulario de contacto a nuestro blog utilizando las herramientas que proporciona Google docs. Una vez más es necesario que estemos dentro de la cuenta de blogger asociada al blog. Utilizaré más adelante la pestaña que generé en el anterior tutorial, que será donde incluya el formulario.

En primer lugar, para hacer el formulario hay que ir a nuestra cuenta de correo y hacer clic en Docs, ver Figura 1.

Figura 1
Hacemos clic en CREAR y dentro del desplegable seleccionamos formulario (Figura 2).

Figura 2
En la ventana de formulario que aparece debemos rellenar los campos, título de formulario algún comentario y lo que se quiere pedir (Figura 3). Es importante marcar la casilla de obligatorio en los campos críticos, que serán los que pongamos inicialmente, nombre, e-mail y el comentario, (se pueden poner los que se deseen).

Figura 3
En la Figura 4 ya hemos introducido los tres campos que queríamos haciendo uso de la duplicación de campos que se ve en la Figura 3 a la derecha. No hay que olvidarse finalmente de hacer clic en Guardar.

Figura 4

Con la operación de guardar se habrá creado una hoja de cálculo (Figura 5) en nuestra página de Docs que vimos al principio, con el nombre del título que hemos dado al formulario (en este caso "Para contactar").

Figura 5
Si hacemos clic en "Para contactar", obtendremos el documento de la Figura 6.

Figura 6
Se ven los campos que hemos puesto en el formulario junto con una marca temporal que indicará la fecha y la hora en que nos pusieron un comentario. Cuando alguien realice un comentario utilizando el formulario, la tabla de la Figura 6 aparecerá con todos los datos.

Hemos creado el formulario, ¿cómo hacemos que aparezca en el blog?. Volveremos a la página de la Figura 4 (conviene que las sucesivas pantallas que abramos no las cerremos, para poder hacer cambios y modificaciones) y hacemos clic en Más acciones y seleccionamos insertar, aparecerá en un cuadro de diálogo un código, lo copiamos (CTRL-C).

Iremos al blog y en la pestaña CONTACTO editaremos la entrada (ver Figura 2 de esta entrada), seleccionamos la pestaña de HTML y pegamos el código copiado (CTRL-V). En ese código cambiamos el valor de width a 550 (está puesto a 770 o similar). Guardamos lo que hemos hecho, hacemos clic en la pestaña CONTACTO y obtenemos el resultado deseado (Figura 7).

Figura 7

sábado, 7 de julio de 2012

CÓMO AÑADIR UNA PESTAÑA AL BLOG Y NO MORIR EN EL INTENTO

ATENCIÓN: Actualización 19/3/2016.

Después de mi última entrada y tras alguna petición voy a indicar primero cómo se añade una nueva hoja o pestaña al blog y en una entrada posterior cómo se añade un formulario de contacto.

Vayamos con la primera parte, cómo añadir una pestaña al blog. En primer lugar parto de la base de que estamos dentro de nuestra cuenta en el blog, es decir podemos editarlo y hacer cambios y que estamos en la nueva vista de edición de blogger. El primer paso será hacer clic en Páginas lo que nos llevará a otra pantalla con dos opciones desplegables (Página nueva y No mostrar). En la Figura 1 se observan los desplegables.

Figura 1
Seleccionamos Pestañas principales y Página en blanco en este orden. A continuación aparecerá una nueva página de edición:

Figura 2: Título de la nueva pestaña
Escribimos el título que aparecerá en la pestaña: CONTACTO, en nuestro caso, también añadimos un comentario, en esta hoja añadiré más adelanta el formulario de contacto (explicaré cómo hacerlo en una próxima entrada). Hacemos clic en Publicar y ya tenemos una nueva pestaña y en la pantalla de edición aparece:

Figura 3: Nueva pantalla de edición

Finalmente haremos clic en Editar (debajo de Página principal) y en el recuadro que sale cambiaremos "Página principal" por BLOG, el resultado, con las dos nuevas pestañas:

Figura 4: Las dos pestañas del blog
Podemos añadir pestañas con enlaces directos a otras direcciones (como puede ser otro blog), para ello hay que repetir el proceso pero en vez de elegir Página en blanco, elegiremos Dirección web (ver figura 1). Insertamos la dirección cuando blogger lo indique y tendremos una nueva pestaña que enviará al usuario a la nueva dirección.