Hoy queremos abrir una nueva sección sobre Blogger.com, con la única intención de ayudar a nuestros lectores actuales y nuevos que utilicen la plataforma de Blogger.com para sus blogs.. Publicaremos cada semana tutoriales claros y con imágenes acerca de la modificación de plantillas, consejos de Seo y asi..

Hoy comenzamos con el primero, y aprovecho la ocasión para responder a un usuario que me pregunta:

Cómo hago para alinear a la derecha el header de mi blog en Blogger.

Por lo tanto les enseñaré como centrar o alinear a la derecha el header, título o descripción.

Cuando se carga una imagen en el header/encabezamiento en Blogger, la misma por defecto se alinea a la izquierda y no hay manera de elegir una alineación diferente que se visualice al centro o derecha de la pantalla del diseño/layout.

Cuando nos dirigimos a Diseño > Elemento de la página > Cabecera > Editar.

1. Detrás del título y la descripción
2. En lugar del título y la descripción
3. Colocar la descripción después de la imagen

La ventana del gadget tiene éste aspecto:

Donde está el enlace “Eliminar imagen“, si tienes otra para reemplazarla, entonces eliminala, y selecciona una nueva indicando uno de las 3 opciones disponible que citamos anteriormente y estan en la imagen bajo la voz “Ubicación“. El header se posicionará automáticamente a la derecha del header mas o menos de ésta manera:

Para modificar la posición del header debemos ir en Diseño > Edición de HTML. Y buscas la lineas ]]></b:skin> y pega el código relativo justo antes. O en alternativa también puedes ir en Diseñador de plantillas > Avanzado > Añadir CSS y pegar el código en el box que sale en esa opción. Estos 2 procedimiento llevan al mismo resultado, y por lo tanto escoge el que creas más sencillo, en el primero para guardar los cambios debemos hacer clic en el botón “Guardar Plantilla“, mientras en el segundo “Aplica al blog“.

Imagen del header agregada en “Detrás del título y la descripción”:

En éste caso Blogger agrega una imagen como si fuera un fondo del blog. Para alinearla de manera diferente debemos reposicionar el background del header agregando el respectivo CSS. Este código no influenciará la posición del título y la descripción.

Si queremos alinearla al centro debemos utilizar el siguiente código:

#header-inner {background-position: center !important; width: 100% !important;}

Pero si deseamos alinear la imagen a la derecha, usamos éste otro código:

#header-inner {background-position: right !important; width: 100% !important;}

Y éstos son los resultados:

Como se puede notar el titulo y la descripción quedan siempre alineados a la izquierda, mientras vienen solamente modificado el alineamento del fondo/header.

Espero que con ésto ahiga resuelto todas las dudas sobre el alineamento del header en Blogger.com.

Estas en: Cómo alinear a la derecha elementos en un blog de Blogger.com Un post de: Web Utilidad

Con Photoshop podemos crear una serie de gráficos/visuales muy divertido. En la web hay un montón de expertos en Photoshop que han escrito varios tutoriales, con los cuales podremos aprender a utilizar éste maravilloso programa de gráfica. Sin embargo, los tutoriales en vídeo son sin duda otras cosas, porque nos permite aprender paso a paso sobre la edición, cómo añadir efectos especiales en nuestras creaciones.

Los mejores 7 Videos Tutoriales gratuitos para Photoshop.

1. Changing Eye Color – Adobe Photoshop CS5: cambiar el color de los ojos de alguien será fácil, gracias a este video tutorial muy valioso
2. How to Use the Healing Brush and Patch Tool: un completo video tutorial publicado en Youtube que le dará consejos valiosos sobre cómo utilizar Photoshop. Todo en 15 videos entre 4 y 15 minutos.
3. Creating a Realistic Drop-Shadow using Photoshop: un video tutorial publicado en Vimeo que nos enseñará a agregar una sombra de una figura en poco mas de 2 minuti. Revisa el canal de éste usuario, encontrarás consejos muy útiles.
4. Creative Effects–Making an image sepia toned: agregar el efecto “sepia” (envejecer una foto) ha sido muy fácil, aquí lo aprenderemos.
5. Vampire – Angelina Jolie: ¿quieres agregarle a la foto de Angelina Jolie los dientes de un vampiro? Mira éste video tutorial presente en Metacafe.
6. How to Combine 2 Images Seamlessly in Photoshop: ¿Quieres aprender como se funden 2 imágenes? ¿Quieres saber como una manzana tenga dientes de tigre?  No te queda más que intentarlo con mirando éste video.
7. Galactic Scene – Photoshop CS5 Tutorial: una video tutorial de casi 18’ que te permitirá a travez de Youtube, de insertar una  “Galactic Scene”. Este video tutorial es dedicado para usuario espertos en Photoshop, quizás un principiantes pueda tener alguna dificultad en practicarlo.

Si conoces alguno bien realizado en español y comprensible para usuarios principiantes, no dudes en dejar la Url como comentario.

Estas en: 7 Videos Tutoriales para Photoshop Un post de: Web Utilidad

Cuando trabajamos con gráficos vectoriales en Adobe Illustrator que sin duda es uno de los mejores software, sino el mejor. Como todos sabemos que por desgracia este programa no es libre, pero se puede descargar y utilizar gratis durante 30 días.

Illustrator es especialmente adecuado para el diseño web y la creación de logotipos, es por eso que hoy he seleccionado algunos tutoriales maravilloso gratis en la web que le ayudará a descubrir trucos y características de esta potente herramienta.

Entre los muchos disponibles que trató de ofrecer la más simple, pero lo más impresionante y, obviamente, los que se explican mejor.

MyNiteLife

CrazyCoolLogo

3D Logo

Estas en: Tutorial para hacer un logo con Ilustrator Un post de: Web Utilidad

Como se habrán dado cuenta aquí, en WebUtilidad.com muy seguido hablamos sobre recursos didácticos. Internet para las personas que quieren estudiar, aprender y mejorar es una verdadera mina de oro.

Navegando entre los muchos marcadores que tengo, durante la navegación, descubrí una excelente plataforma e-learning para aprender o mejorar el propio Inglés.

La plataforma es completamente gratuito y no requiere registro, cuenta con 6 diferentes niveles desde principiantes hasta avanzados, y cada uno de ellos son diálogos de audio, ejercicios de gramática, juegos, pruebas y mucho más.

Obviamente no se puede hablar de cursos reales, no está presente un curso didáctico, pero puede ser útil para comparar y mejorar.

Enlace

Estas en: Plataforma E-learning para aprender inglés Un post de: Web Utilidad

La mayor parte de lo que escribimos se realiza mediante un teclado y un ordenador: cartas, correos electrónicos, proyectos, relaciones y todo lo demás, es todo lo escrito por un ordenador. Si no somos lo suficientemente rápido hasta para enviar un correo electrónico puede ser un proceso muy largo debido a la lentitud.

Hacer un curso de escritura rápida puede ser sin duda una solución para reducir y optimizar el tiempo de trabajo y estudio. En Internet he encontrado una gran plataforma gratuita que permite aprender a escribir con rapidez en varios pasos.

El sitio ofrece tres cursos, principiante, intermedio y avanzado, y propone una serie de tutoriales para aprender más rápido. Para aquellos que quieren más y, posiblemente, hacer un examen y luego solicitar la certificación. No tendremos ninguna dicultad visto que está todo en español.

Interesantes los juegos creados por Typing web, para practicar con las teclas y el teclado.

Enlaces | Typing web

Estas en: Curso para aprender a escribir rápido Un post de: Web Utilidad

Google se ha metido al negocio de las redes sociales con su ya conocido Google+, entrando con fuerza y estableciéndose como una alternativa a Facebook. Una de las razones por la cual ha sido su éxito es su capacidad de adaptarse a las demás plataformas de Google; En este caso se ha dado la noticia de la integración con la plataforma de manejo de blogs, Blogger, en la cual puedes cambiar tu perfil de Blogger por la de Google Plus.

Al hacer este cambio de cuenta, tu información será reemplazada por la que esté en el perfil de la red social y se vincularan las entradas y comentarios con esta. Todos los blogs que se han creado con la cuenta en cuestión,  se verán afectados por el cambio; Si deseamos revertir este cambio, tenemos 30 días para poder todo como estaba en un principio, después de ese tiempo se perderá nuestra información de perfil.

Estas en: Utiliza tu perfil de Google+ en Blogger Un post de: Web Utilidad

Muchas veces imprimimos documentos casi de forma automática, sin pensar en las consecuencias o si es realmente necesario hacerlo, sin verlo desde el punto del gasto de tintas, de que por si es un gasto económico importante, sino más bien por el uso indiscriminado de papel.

Pero para tomar un poco de conciencia Tiempo BBDO ha creado una pequeña aplicación llamada Think Print, que nos enseña pequeños datos relacionados con la forma con la que se imprime y la consecuencia que trae para el planeta.

Think Print nos entrega mensajes al momento de apretar el botón de imprimir, tales como:

• Cada persona imprime en un año el equivalente a 2 árboles.
• Un 30% de la basura que generas es papel.
• El mundo entero consume un millón de toneladas de papel por día.

Con estos mensajes se busca la posibilidad de crear conciencia en los usuarios más gastadores de papel para que piensen si es realmente necesario el imprimir o se puede evitar.

ThinkPrint es compatible, por el momento, solo con Windows que lo puedes conseguir aquí. En un tiempo más estará disponible para Mac.

Estas en: Reflexiona antes de imprimir Un post de: Web Utilidad

Así como la tecnología avanza a pasos agigantados, los chicos malos también aprenden a usarla para fines “malignos”. Uno de estos avances usados para el mal, son las tarjetas de video (GPU). Un usuario común y corriente pensaría que es imposible hacer algo malo con algo tan simple como un chip encargado de generar gráficos, pero en realidad si se puede y es fácilmente aplicable por cualquier persona.

La asombrosa capacidad de las GPU de “pensar” (realizar cálculos y procesos por segundo) en comparación con la del CPU (Unidad central de procesamiento) es increíblemente grande. Por ejemplo la de obtención de una clave de 5 dígitos usando ataques de fuerza bruta con el CPU demora algo así como 24 segundos; Si encontramos que el tiempo que demora descifrar esta contraseña es poco, una GPU común (ATI RADEON HD5770, que fue lanzada a principios del 2010) se demora menos de un segundo en obtenerla.

En el caso de una contraseña de 9 dígitos denominada fuerte (usando mayúsculas, minúsculas, números y símbolos) una CPU estaría trabajando durante 43 años para obtenerla mientras que una GPU solo tardaría mes y medio, algo totalmente increíble.

Así que en conclusión, usar contraseñas como “12345” o similares, será cuestión de suerte  que no sea vulnerada en algún momento. A su vez una clave denominada fuerte, aunque es vulnerable, es mucho más difícil que llegue a ser obtenida por la fuerza bruta. Así que a cambiar las contraseñas.

Estas en: Descifrar contraseñas en cuestión de segundos Un post de: Web Utilidad

Si deseamos controlar una computadora a través de  Internet, una de las posibilidades de TeamViewer, que es un Software bastante poderoso y simple de usar; Otra de las posibilidades de RealVNC, que también es una herramienta poderosa, pero un poco más complejo que TeamViewer.

Pero Google entró a hacerles competencia en esta materia. El 8 de octubre recién pasado, Google presento y lanzó su aplicación para controlar remotamente una computadora, esta funciona a través de Google Chrome y se llama Chrome Remote Desktop. Para su funcionamiento, solo se debe contar con esta herramienta instalada en ambas computadoras y esta nos generara un código para poder ser controlada por otra.

Esta aplicación es compatible con Linux, OS X, Windows y los ChromeBooks. Chrome Remote Desktop utiliza Google Talk que permite enviar mensajes entre computadoras para poder comunicarse fácilmente.

Sin duda es una herramienta que puede hacerle el peso a TeamViewer o Real VNC y demuestra que Google está presente en la mayoría de las áreas y enfocando sus productos a la ‘Nube’

Estas en: Controla una computadora remotamente desde Google Chrome Un post de: Web Utilidad

El próximo sistema operativo de Microsoft viene con varias novedades, una de ellas es su nueva interfaz gráfica y efectos especiales. Desde Windows 95 que la apariencia es la de iconos con una barra de inicio. Ahora la nueva interfaz se compone de varios recuadros que son algo así como acceso directo a los programas haciendo, según Microsoft, más dinámica la interacción con el escritorio.

Aunque habría que esperar hasta la salida del hipotético Windows 8 para poder usar la nueva versión del escritorio. Pero existe una manera para poder ocupar esta nueva interfaz gráfica gracias a Windows 8 UX Pack; Este paquete de estilo permite que tu Windows 7 te dé una idea de cómo será el nuevo Windows.

Este pack es sencillo  y no habría problemas a la hora de instalar. Al iniciar por primera vez nos saldrán tres opciones, donde debemos elegir cual es la que más nos parezca: M3, Developer Preview y Metro.

Descarga

Estas en: Transforma tu Windows 7 en Windows 8 Un post de: Web Utilidad