Cómo usar gifs animados en Blogger [Tutorial]

Cómo usar gifs animados en Blogger [Tutorial]

Es interesante la utilización de imágenes .gif animadas para, por ejemplo, usarlas como indicadores de carga del blog o cosas por el estilo.

Pero si uno intenta subir usando el botón "Añadir imagen" de Blogger aparece un extraño comportamiento en al intentar usar imágenes gif animadas en Blogger, que se traduce en la conversión de las imágenes al formato PNG (no animadas).

Por ejemplo este gif:

¿Qué hacer en esos casos?

Como algunos ya sabrás, las fotos e imágenes que se suben al blog se almacenan en Picasa Web Albums de Google.


Pues, entramos a esa página y si se nos pide, elegimos nuestro nombre de usuario. No toma más de un minuto.

A continuación veremos una o varias "carpetas" con los característicos íconos de blogger y un candadito, normalmente una de estas carpetas tiene el nombre de nuestro blog.

Elegimos la carpeta, la que tiene el nombre de nuestro blog, hacemos clic en subir:


Seleccionamos el archivo que queremos subir y hacemos clic en Iniciar subida.La imagen aparecerá al final de entre las imágenes que ya hemos subido a Blogger, y se mostrará animada. Hacemos clic en ella. y luego clic en Copiar URL de imagen:
Copiamos esto anteponiendo las etiquetas img y src= de esta forma:

< img src="url_del_gif">

Siendo url_del_gif la URL de la imagen que copiamos anteriormente.
Nota: En el código no debe haber espacio entre < e img para que funcione.

A ver si funciona:

Eso es todo. Espero que te haya servido.

Leer más o comentar...

Atractivos botones con CSS [Tutorial]

Atractivos botones con CSS [Tutorial]

En este pequeño tutorial voy a mostrarte cómo hacer botones dinámicos bastante atractivos con un efecto de "presionado" de una manera muy fácil. Para eso utilizaremos una técnica llamada "sliding doors" o "puerta corrediza" en la cual una imagen de fondo se expande con el tamaño del texto del botón, dos imágenes complementarias crean la ilusión de una sola imagen que se estira.

Clic en mi Descargar!

Nuestro botón será una etiqueta <a> con otra etiqueta <span> anidada, cada uno con una parte diferente de imagen de fondo, esto en código html sería algo así:

<a class="boton-gris" href="#"><span>Clic en mi</span></a>

Nada del otro mundo, verdad?

Ahora, lo que haremos será hacer un buen diseño para nuestro botón en su versión estado normal y presionado.

Algo como esto:

Estado Normal	Estado Presionado

Vamos a incluir los dos estados en una sola imagen. Para cambiar entre el estado normal y presionado, simplemente le cambiamos la imagen de fondo verticalmente, dejando al descubierto el estado de botón alternativo.

Este enfoque basado en CSS nos permite realizar el cambio sin utilizar ningún truco con javascript.

Vamos a unir estos dos y aplicar la técnica de sliding doors. La parte de la imagen que tendrá en cuenta el texto del botón se establece un unos razonables 300px. La altura se establecerá en 24px.

SPAN	A

Para finalizar necesitaremos un poquito de CSS para que todo esto funcione. Para eso agregar esto que viene a continuación justo antes de ]]></b:skin> en donde están localizados los códigos CSS en la plantilla de Blogger.

.clear { /* contenedor genérico (ej. div) para botones flotantes */
    overflow: hidden;
    width: 100%;
}

a.boton-gris {
background: transparent url(http://lh6.ggpht.com/_WN9UFHex6W4/SgisIuhH2gI/AAAAAAAAAmU/wnDJxZNQ_e8/bg_button_a.gif) no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; 
text-decoration: none!important; 
}

a.boton-gris span {
background: transparent url(http://lh6.ggpht.com/_WN9UFHex6W4/SgisIoNbfSI/AAAAAAAAAmY/ykehw8hDzFc/bg_button_span.gif) no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
outline: none;
text-decoration: none!important; 
} 

a.boton-gris:active {
background-position: bottom right;
color: #000;
outline: none; /* ocultar outline punteado en Firefox */
text-decoration: none!important; 
}

a.boton-gris:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* bajar el texto 1px al apretar el boton */
outline: none;
text-decoration: none!important; 
} 

Eso es todo, las imágenes están alojadas en blogger, por lo que si querés usar el código así como está no hay problema, aunque es muy mal visto hacer hotlinking, mejor descargarlas y realojarlas a nuestro propio servidor.

 Muy bien, ahora, a probar!
  Botón de prueba

Referencias: Alex Griffioen

Leer más o comentar...

Cómo crear un "backdoor" oculto en Windows Vista o 7 [Tutorial]

Cómo crear un "backdoor" oculto en Windows Vista o 7 [Tutorial]

Recuerdo que en los 90’s vi una película cuyo título en inglés es “The Net”, en la que la una experta en computación (Sandra Bullock) lograba entrar a sitios protegidos con contraseña haciendo clic en una pequeña letra Pi apenas visible ubicada en una esquina de la pantalla. ¿Sabías que se puede hacer algo parecido a eso en Windows Vista o 7?

¿Cómo? Con el ícono de Accesibilidad que se encuentra en la esquina de la pantalla

¿Dónde? Con el programita de menos de un mega llamado Utilman.exe ubicado en C:\Windows\System32

Para que sea más divertido agregaremos un ingrediente (?) a los pasos  que vamos a seguir.

1- Descargamos Snowbird y copiamos el contenido del zip a la carpeta C:\Windows\System32

 2- Cambiamos el nombre de Utilman.exe a Utilman_copia.exe

Oh, oh! Houston, tenemos un problema!

Al tratar de cambiar el nombre aparece que no tengo los permisos necesarios para cambiar el nombre.

¿Entonces qué hago?
Primero no desesperarse y seguir estos pasos extra:

Hacemos clic derecho sobre el programita, situamos el cursor sobre Properties (o Propiedades) y hacemos clic.
En el cuadro que aparece vamos hasta la pestaña "Security" (o Seguridad).

Luego hacemos clic en el botón "Advanced" (Avanzadas) Nos saldrá otro cuadro con varias pestañas, vamos hasta la pestaña "Owner" (Propietario) y hacemos clic en el botón "Edit" (Editar). Hacemos clic en nuestro nombre y hacemos clic en Ok.

A continuación hacemos clic sucesivamente en cada "Ok" que veamos hasta cerrar por completo todos los cuadros de diálogo abiertos.

Ahora volvemos a abrir las propiedades del programita haciendo clic derecho sobre él y seleccionamos "Properties" (Propiedades)

Vamos otra vez hasta hasta la pestaña "Security" y hacemos clic en nuestro nombre de usuario y hacemos clic en "Edit". Luego seleccionamos nuestro nombre de usuario y hacemos clic en el cuadro de verificación que dice "Full control"

Ahora ya podemos cambiar el nombre de Utilman.exe a Utilman_copia.exe sin problema. Lo que haremos a continuación es buscar Snowbird.exe y cambiarle el nombre a Utilman.exe

Ahora ya se puede navegar entre los archivos de la computadora usando Snowbird sin iniciar sesión!

¿No te funciona?

Tal vez hayas cometido el error de no renombrar correctamente el archivo.

Si en la ventana de Folder Options (Opciones de carpeta), en la pestaña "View" (Ver) está activada "Hide extensions for know file types" (Ocultar archivos con extensiones de archivo conocidas), no renombres Snowbird a Utilman.exe, sino simplemente a "Utilman".

Aclaración: Por favor, que esto sea sólo para fines de entretenimiento. :-)

Referencias: Unlock for us

Leer más o comentar...

Cómo desinstalar Microsoft Office 2010 beta... cuando no se puede! [Tutorial] (actualizado)

Cómo desinstalar Microsoft Office 2010 beta... cuando no se puede! [Tutorial] (actualizado)

Yo descargué como siempre para estar a la vanguardia la última versión beta de office 2010, la Technical Preview que se filtró por ahí, pero me salía con más errores de lo que hubiera imaginado en un principio (claro, es una versión beta, se supone que debe tener errores) así que, me decidí a desinstalarla y esto fue lo que pasó:

This product installation has been corrupted. Run setup again from the CD, DVD, or other original instalation source.

¿Cómo!? ¿La instalación se ha vuelto corrupta? Ni que fuera instalación política (?) Y no, de la forma tradicional (la de agregar y quitar programas) no se pudo desinstalar

Así que indagando por ahí me topé con la solución:

Lo primero que hay que hacer clic en el Botón Inicio y luego en Run
Ahi se escribe "installer" (sin las comillas) clic en OK

Si la opción Run (Ejecutar) no está en el menú Inicio la combinación de teclas Win+R te abre ese cuadro (siendo Win la tecla con el logotipo de Windows)

A continuación se abre una carpeta con montones de archivos con extensión [.msi]

Entre todas esos esos ejecutables msi se encuentran los del Office Mondo 2010, pero así a simple vista no se puede ver cuáles son los que hay que tocar.

Para identificar cuáles son los archivos a los cuales hay que darle el comando de desinstalar hay que hacer lo siguiente.
Primeramente asegurarse de que la carpeta esté en vista detalles, para ello, presionar las secuencia de teclas Alt+V (para mostar el menú View o Ver y seleccionar Details o Detalles

Una vez hecho esto, hay que ir de nuevo al menú View y elegir la opción Choose Details (elegir detalles)
Buscamos Subject o Asunto y le aplicamos un valor de 300 píxeles en el ancho de columna.

Se hace clic derecho sobre cualquier parte vacía (no sobre algún ícono) y se elige Sort by Subject y arrastramos la columna hasta que quede al lado de Name (nombre)

Ahora ya se puede visualizar de qué se trata cada archivo .msi

Se busca los que en su "Subject" diga Microsoft Office y luego clic derecho sobre el ícono del archivo .msi y luego clic en Uninstall

Aceptar el pedido de confirmación que te sale y listo.

Lo único malo es tener que hacerlo uno por uno (porque sólo una instancia de Windows Installer a la vez se puede ejcutar) pero por la idea de que todo va a quedar como antes vale la pena el la espera y el esfuerzo.

Claro, tuve que borrar manualmente alguno que otro acceso directo, carpetas de instalación y cosas por el estilo, pero el office 2010 ya no estaba ahi...

Si tu computadora tiene algún síntoma diferente o similar, por favor, hacérmelo saber en el formularo de comentarios.

Actualización:

Aparentemente han habido casos en los que no se logran desinstalar correctamente toda la suite. Estos otros pasos podrían ser la solución.

Iniciar en modo a prueba de errores, esto es, apretar la tecla F8 y elegir "Modo seguro".

Ir a Inicio - Ejecutar y escribir "installer" (sin las comillas) y buscar el o los archivos .msi que tengan que ver con Office 2010 y borrarlos a mano.

A continuación escribir en el cuadro Ejecutar lo siguiente:

%CommonProgramFiles%\Microsoft Shared

Dentro de esta carpeta borrar la carpeta "Office14"

Reiniciar el sistema y descargar e instalar la excelente utilería CCleaner y ejecutarla para limpiar los otros archivos temporales y las entradas del registro, ésto último hacerlo un par de veces más para estar seguro de que el registro haya quedado limpio.

En la seccíon Herramientas, Desinstalar de CCleaner, eliminar (borrar) la entrada de Microsoft Office 2010

Si todo resulta bien, los archivos .docx deberían abrirse con Wordpad.

En mi caso, lo que hice después fue hacer una nueva instalación de Office 2007 y hasta el momento funciona todo correctamente.

Actualización II

Indagando por la red encontré una posible forma de evitar estos pasos y desinstalar de la forma tradicional.

Primero ir a la siguiente ruta:

C:\Program Files\Common Files\Microsoft Shared\OFFICE14\Office Setup Controller\Groove.en-us\

Fijarse que sólo hay un archivo: GrooveMUI.xml

Descargar y copiar el archivo setup.xml a la ruta mencionada

Tratar de desinstalar nuevamente desde el Panel de control.

El problema, según cuentan en el blog Neuronal Training se debe a la ausencia de ese archivo (setup.xml) en la ruta mencionada y es, posiblemente una de las soluciones.

via|link

Leer más o comentar...

Un verdadero reemplazo para Nero Burning ROM

Un verdadero reemplazo para Nero Burning ROM

Esta pequeña historia inicia una mañana calurosa en la que, como técnico en computadoras instalaba programas y utilerías a un amigo cuando de repente me dice:

-"Ponele el programa ese para grabar CDs también" Yo ni tardo ni perezoso me puse a buscar el disco donde tenía el famosísimo Nero.

Hasta ahí todo bien... pero luego todo se puso cabeza abajo.

El "keygen" no andaba, se lo había devorado el antivirus y para colmo tampoco funcionaba correctamente el instalador.

Tenía Internet así que me puse a buscar: "Nero gratis"... y luego de pensarlo un rato, me pregunté ¿será que es estrictamente necesario que sea Nero el programa para grabar?

Entonces en Google puse "Alternativa a Nero"

Me salieron montones de resultados, los probé cada uno, no en ese mismo momento, claro, sino en mi propia PC y al final me decidí por uno que atinaba a todo lo que necesitaba.

Sólo hay que pensarlo. ¿Qué es lo que Nero hace y los otros también? Pues, grabar discos.

Pero, ¿te fijaste alguna vez en la cantidad de recursos que Nero consume? ¿El espacio en disco que necesita? ¡Cientos de megas! y ¿para qué?

¿Sabés como se le llama a eso? Bloatware o software inflado, con características que pocos o nadie usa, porque yo lo único que quiero es grabar discos, CDs, DVDs, Blu-rays...

¿Para qué pagar si puedo hacer lo mismo, o incluso algo mejor que con ese programa pesado y lento? Así que, entre tantas alternativas gratis, me decidí por CDBurnerXP

Pero que el "XP" en su nombre no te confunda, trabaja de maravillas tanto en Windows Vista y Windows 7 como en Windows XP.

En su sitio web, en la página principal se mencionan algunas características donde textualmente dice:

• Graba cualquier clase de discos
• CDs de audio con o sin espacio entre pistas
• Grabar y crear archivos ISO
• Verificación de los datos después de grabar
• Crear discos booteables
• Interface multilenguaje
• bin/nrg -> convertidor ISO, impresión de carátulas ¡Y mucho más!

Y sí, grabar cualquier clase de discos, justo lo que necesito!

Con una descarga de 3.8MB que se expande en 6.3MB siendo necesario sólo 5.1MB (si se le excluyen los 32 idiomas disponibles a la hora de instalar, incluido el español) se instala en segundos y luego de elegir el idioma se nos presenta la pantalla principal, la de "bienvenida" con las siguientes opciones:

• Disco de datos: Permite crear imágenes iso, grabar discos de datos, CDs MP3, y discos de video. 
• Disco de audio: Permite crear discos de audio con o sin pausas entre pistas
• Grabar imagen ISO: Para grabar cualquier imagen de disco en formato ISO que tengamos en el disco duro
• Copiar disco: Para copiar discos de datos o de audio directamente.
• Borrar disco: Permite borrar el contenido de un disco regrabable (por ejemplo, CD-RW)

Para preparar y grabar un CD o DVD se elige la primera opción y se pasa a la interfaz propia del programa que es muy fácil de usar, ya que simplemente hay que arrastrar y soltar los archivos o carpetas que queremos grabar en el cuadro que se indica.

Una vez que procedemos a grabar el disco nos muestra una ventana en la que se escoge de entre tres opciones:

• Dejar el disco abierto (para grabar más datos después si no se llena el disco, utilizando multisesión)
• Finalizar disco (se cierra el disco)
• Ajustes avanzados (que permite elegir entre otras opciones más)

Luego se graba el disco. La velocidad de grabación dependerá siempre de la marca del CD o DVD y también de la velocidad con que nuestra grabadora hace su trabajo.

Y listo, luego nos sale un mensaje que dice que el proceso de grabación se efectuó correctamente a tal velocidad y también el tiempo total que tomó grabar el disco.

Eso es todo. Fácil verdad?

Desde entonces ya no me meto con generadores de seriales ni cracks ni nada de esas cosas. Siempre se puede encontrar una mejor opción gratis.

A propósito, ¿por qué no descargás el programita y me comentás qué te parece?

Leer más o comentar...

Usar un servidor DNS alternativo

Usar un servidor DNS alternativo

Hace unas semanas mi ISP (proveedor de servicios de internet) andaba como quien vulgarmente lo diría, "cableando", no me entraba en algunas páginas web, me devolvía muchos errores 404 y llegué al punto del hartazgo.

Decidí probar si era el servidor DNS de mi ISP el problema y resultó que así fue. Simplemente cambié los servidores, los predeterminados (que se reconocen o se obtienen automáticamente) a otros "alternativos"

Para entender un poco más, no viene mal un alguito de información.

El funcionamiento mismo de Internet está basado en los DNS (del inglés Domain Name System o Sistema de Nombres de Dominio) el cual está controlado por el gobierno estadounidense.

Un DNS es una base de datos que almacena información acerca de los nombres de dominio (que aparecen como parte de la URL, por ejemplo, bcp.com.py, que también se les llama hostname) los cuales reemplazan a las direcciones IP que son numéricas por otras en texto e identifican una o varias computadoras conectadas a la red.

Estas IP están compuestas de números separados por puntos, que se podrían comparar con celdas, cuatro en total.

Cada celda puede empezar por 0 (cero) y terminar con 255.

Por ejemplo:

208.77.188.166

Un DNS viene a ser como las "páginas amarillas" de Internet y que aloja todos los "números telefónicos" de todas las "empresas" o "personas" con las que quieras comunicarte.

Por ejemplo, cuando vos ingresás "yahoo.com" en la barra de direcciones de tu buscador, en realidad la computadora va a 206.190.60.37 (su direción IP) que es lo mismo que ir directamente a ese numerito.

Si no existiera el DNS tendrías que escribir (¡a mano!) todos esos números. Y quién cuernos recordaría tantos? Si yo apenas puedo recordar el número de mi cédula de identidad o el de mi teléfono celular... imagináte!

Según tengo entendido es la ICANN la responsable de transformar direcciones Web (que las lee cualquier mortal) a direcciones IP (los números que leen las computadoras).

En síntesis, en realidad "wikipedia.org" no es "wikipedia.org" sino 208.80.152.2

Podés saber la IP de alguna página específica abriendo el Símbolo del sistema (cmd.exe) y escribir

ping www.example.com

ICANN es la DNS-raíz por default, con esto queremos decir que todas las computadoras usan la DNS-raíz de fábrica.

A ver, ¿podés reconocer qué página es esta?:

72.30.186.25 <- Es un buscador no muy conocido

¿A qué quiero llegar con todo esta información?

Pues, intenté buscar la manera de que los DNS ya no los manejara mi ISP sino optar por algún servidor DNS alternativo, y encontré uno que si bien tiene sus pros y sus contras, no me ha dado problemas y además tiene algunas características interesantes.

En este caso me estoy refiriendo a Open DNS.

Configurarlo es bastante simple. Uno crea una cuenta en esta en OpenDNS y se agrega los números 208.67.222.222 y 208.67.220.220 en las propiedades de Protocolo de Internet.

Una vez creada tu cuenta opciones que se nos presentan son varias. Una que resulta interesante es el filtro de contenido que va de ninguno o mínimo, que sólo tiene filtro para ataques de phishing, a alto, que bloquea casi todo, desde lenguaje inapropiado, desnudez hasta las redes sociales :S

Para utilizarlo en Windows XP hay que hacer lo siguiente:

Ir al Panel de control y buscar Conexiones de red.

A continuación Clic derecho en "Conexión de área Local" y luego seleccionar "Protocolo de Internet (TCP/IP)" y luego clic en el botón Propiedades.

En la ficha General marcar la opción Usar las siguientes direcciones de servidor DNS.

En las "celdas" agregar estos números:

208.67.222.222

y abajo éstos

208.67.220.220

Eso es todo.

Windows Vista/7 el proceso es similar y sólo se toma un paso que otro más pasando por el "Network and Sharing Center" y buscando "Local area conection"

Más información: OpenDNS (en inglés)

Leer más o comentar...