Seguro que muchos de los que veniais usando Outlook 2003 os habíais creado un

a firma electrónica para vuestros e-mails con HTML para poder así añadir imágenes y estilos css. Pues bien, con la actualización del software de Outlook 2003 a Outlook 2007 esta funcionalidad dejó de existir.

Hoy me he encontrado con ese problema y he dado con una solución, qué cómo toda solución da un poquito de rodeo, pero al fin y al cabo el resultado es el mismo, y podremos crear firmas HTML con Outlook 2007 sin ningún problema.

Para hacerlo doy por supesto que disponeis de:

• Un archivo HTML con la firma
• Outlook 2007 instalado
• Dudas sobre cómo añadir una firma HTML en Outlook 2007

La Solución Para Usar Firmas HTML con Outlook 2007

1. Ir a Herramientas > Opciones > Formato Correo
2. Hacer click en Firmas
3. Hacer click en Nueva Firma
4. Añadir Nueva Firma

De momento no hace falta hacer nada más en Outlook.

5. Inicio  > Ejecutar

Si dispones de Windows Vista añade lo siguiente:

[es] %userprofile%\AppData\Roaming\Microsoft\Firmas

[en] %userprofile%\AppData\Roaming\Microsoft\Signatures

Si usas Windows XP:

[es]  %userprofile%\Application Data\Microsoft\Firmas

[en] %userprofile%\Application Data\Microsoft\Signatures

6. La carpeta que os abrirá contiene 3 archivos con el nombre de la firma elejida, uno htm otro rtf y otro txt.
7. Nosotros editaremos el archivo .HTM y allí añadiremos el código que tenemos en nuestro archivo HTML de la firma.

Esto es todo, si alguien tiene algun problema puede dejar un comentario y le ayudaremos en todo lo posible.

Posts Aleatorios

• Apliacación Google Analytics gratis para iPhone (0)
• Cómo saber el directorio actual en PHP (1)
• Nuevo Proyecto, CoffeeShopsAmsterdam.info (2)
• Dominios adquiridos esta semana (0)
• Amsterdam: Coffee Shops, sexo y comida. (0)

Layar es la única aplicación para smartphones de realidad aumentada gratis para descargar que existe actualmente.

Originalmente Layar salió para dispositivos con sistema operativo Android, pero aprovechando que Apple lanzó su terminal iPhone con GPS integrado Layar también se metió en estos dispositivos. El caso es que hace un tiempo la aplicación se dejo de distribuir en el AppStore aún no se sabe muy bien porque y los que usamos iPhone nos quedamos sin Layar. Pues bien, desde hoy Layar ya se puede volver a descargar desde AppStore gratis.

Layar es una aplicación que usa la realidad aumentada para mostrarte información mediante la cámara de tu móvil y la geolocalización mediante el GPS. En el caso de Layar cuando encendemos la aplicación nos da a escoger que “Layar” queremos usar. Actualmente dispone de:

• Tweeps Around: Donde vemos en la imagen que nos muestra la cámara los usuarios de twitter que tenemos más cerca.
• Lottery: Te permite saber facilmente donde estan las administraciones de lotería más cercanas
• Idealista.com: Te muestra las viviendas en venta o alquiles del portal idealista

A parte de layars para encontrar las estaciones de servicio mas cercanas, farmacias abiertas o sitio mas cercano para comprar tickets, igual para cines, teatros, hoteles…

Posts relacionados

• Hacer un Restore de tu iPhone con Mac (1)
• Cómo No Perder Datos Cuando Actualizamos iPhone (0)
• Cómo Saber Cuantos Enlaces Rotos Tenemos en Nuestro Sitio (1)
• Apliacación Google Analytics gratis para iPhone (0)
• Magic Mouse, el nuevo ratón de Apple (2)

He encontrado un útil plugin para jQuery que nos permite de manera fácil validar a un campo de un formulario que debe estar lleno para poder procesar el mismo. Se llama Ketchup.

Dispone de una serie de características preperadas para ser usadas en la validación de los campos, por ejemplo, el límite de carácteres que queremos o distingir si queremos validar un correo electrónico o una fecha.

Un ejemplo de uso sería:

<input type="password" id="pass" class="validate(required)" />

Una vez probado, yo aún me sigo decantando por el plugin jQuery.validate de Bassistance.

Podéis descargar el plugin Ketchup de jQuery aquí.

Posts relacionados

• Imagenes Animadas con jQuery (2)
• Downloadify, genera archivos en tu navegador y guardalos en tu escritorio. (0)

He intentado recopilar en un post algunas de las mejores texturas para descargar gratis para Photoshop que he encontrado navegando por Internet.

Texturas hay de muchos tipos, en este caso, y coincidiendo que son las más usadas para mí, he recopilado un surtido de texturas gratis orientadas al diseño de páginas web, aunque de muchos tipos diferentes. Yo personalmente encuentro súper útiles las texturas de madera o de papeles antiguos para situar de fondo de un sitio web. Tambíe en su momento se pusieron muy de moda las texturas “pop art” donde predominaban colores vivos y circumeferncias de diferentes tipos.

Texturas de flores o texturas de nubes o humo son de las más buscadas.

Textura Vintage II

Textura Vintage Boom

Textura Flores Vintage

Textura Old Paper Brushes

Textura Ornamental Vintage

Texturas de Madera para Descargar

Texturas de Hierba para Descargar

Otros sitios web donde puedes descargarte texturas gratis. En algunos de ellos es necesario registrarse.

• http://www.cgtextures.com: Infinidad de texturas para descargar, muy bien categorizadas.
• http://www.textureking.com: Otro sitio de texturas para descargar, este sitio con un toque más moderno e original.
• http://urbandirty.com: Texturas más oscuras y urbanas, con letras de hip-hop entre otras.
• http://www.texturepalace.com: Sitio web con texturas de madera gratis para descargar

Posts relacionados

• Los mejores tutoriales vectoriales de 2009 (0)
• Descargar Adobe Photoshop CS4 Gratis para Mac (0)
• Pixlr, el Adobe Photoshop Online (0)
• Dibujos vectoriales gratuitos para descargar (0)

Digamos que necesitas o te hace gracia tener tu propio acortador de URL’s y encima tienes la potra de que las últimas letras de tu nombre son un ccTLD (un dominio de un país) por ejemplo: Benito, pues bien Benito, si te compras el dominio beni.to y te creas una cuenta en bit.ly en un plisplas puedes tener un propio acortador de url’s, sí sí, cómo Google! (http://goo.gl)

¿Qué es Bit.ly?

Bit.ly es uno de los más famosos acortadores de url que puedes en encontrar en internet actualmente, se usa sobretodo en redes sociales cómo twitter y sus millones de aplicaciones que hay detrás, casi nada.

¿Para que sirve Bit.ly?

En Twitter por ejemplo sólo puedes “twittear” mensajes de hasta 140 carácteres, un acordator de urls te permite ganar carácteres si tu url original es muuuy larga.

También te puede ser útil para camuflar tus enlaces si no quieres que la gente vea la url que hay detrás antes de clicar.

Y encima Bit.ly te genera estadísticas de tus clics con lo que encima puedes hasta saber quien te está clicando y desde donde.

El Código PHP

Recuerda que debes crearte una cuenta en Bit.ly e ir a buscar tu api key aqui.

/* como crear tu propio acortador de urls en 2 líneas de php */
function acortarUrl($url,$login,$apikey,$format = 'xml',$version = '2.0.1')
{
	// creamos la url para hacer la peticion a la API
	$uri = 'http://api.bit.ly/shorten?version='.$version.'&longUrl='.urlencode($url).'&login='.$login.'&apiKey='.$apikey.'&format='.$format;
	// cargamos el fichero xml de respuesta
	$xml = simplexml_load_file($uri);
	// devolvemos la variable con la url
	return $xml->results->nodeKeyVal->shortUrl;

}

Y para usar el script tan senzillo cómo:

/* uso */
define(API_USER,'usuario');
define(API_KEY,'la_api_key_aqui');

$urlcorta = acortarUrl('http://www.manelgarcia.com',API_USER,API_KEY);
echo 'La URL corta es:  '.$urlcorta;

Posts relacionados

• Tutorial Sobre Como Crear Tu API (6)
• Cómo Evitar Inyecciones SQL o “SQL Injections” (1)
• Cómo Mostrar el Número de Suscritos Feedburner en Formato Texto (0)
• Consigue tu Camara Canon Barata con CamarasCanon.es (1)
• Los mejores tutoriales vectoriales de 2009 (0)

Bien, esta vez sí, a petición del público y con retraso (perdón por la espera, pero ando muuy liado) intentaré explicar las bases para que uno por sí sólo pueda crear una API para su sitio web.

¿Que es una API?

Una API o Application Programming Interface es un grupo de funciones que permiten que desarrolladores puedan acceder a tus datos, de tal forma que puedan comunicarse con la base de datos sin necesidad de disponer del código fuente de nuestro sitio.

Sin ir más lejos Windows dispone de una API para que las empresas desarrollen software para su sistema operativo. Los pioneros en lanzar API’s en internet creo que fueron Amazon y eBay.

¿Para que sirve una API?

Las APIs son una herramienta perfecta para poder extender tu aplicación más allá de tu sitio web y crear aún más comunidad alrededor de tu marca. Una buena API puede permitir a nuestros usuarios que creen Mashups con tus datos cruzados con otros y de esta manera acceder a mucho más gente de la que nuestro site pueda abarcar.

El ejemplo más claro es Twitter que con su API ya se han creado más de 6000 sitios en toda internet que disponiendo de los datos de los usuarios de twitter pueden crear multitud de aplicaciones para ayudar o añadir valor al servicio. Sin duda todo un éxito.

Empecemos a Construir Nuestra API

Digamos que nuestra API puede disponer o no de dos grandes funcionalidades:

• Recojer y disponer de los datos de nuestro sitio para mostrarlos de la forma conveniente
• Alterar esos datos, cosas cómo modificar datos, añadir nuevos o eliminarlos.

Si la API que queremos contruir no necesita de autentificaión para usarla, las llamadas API Keys, puede ser una buena solución que nuestra API se comunique mediante el servidor usando GET y la url, así pues una consulta para eliminar el articulo numero 5 sería algo cómo:

http://misitio.com/api/borrar/5

Pero si son muchos los parámetros a enviar o creemos que nuestra API debe disponer de algo de seguridad para poder ser usada la mejor opción va a ser escoger el método POST. Este sistema nos va a permitir comprobar antes de empezar a procesar la información que la petición tenga los permisos correctos.

SOAP vs REST

Hay dos tipos de APIs usadas para en cuanto a web nos referimos. Google por ejemplo usa SOAP y Yahoo usa REST, vamos a ver que es cada cosa:

• API’s con REST: Se basan en llamadas HTTP mediante URI y el formato de la respuesta la podemos definir nosotros. Normalmente las APIs con REST són más rápidas y fáciles de implementar.
• Las APIs con SOAP suelen ser un poco más complicadas y necesitan la instalación de un plugin dependiendo del lenguaje de programación que estemos usando, en PHP o Python por ejemplo es necesario. Las APIs con SOAP se asemejan más a un sistema de métodos, así, para hacer la misma llamada que antes haciamos mediante URI (usando REST), en SOAP sería algo cómo:

  $api->borrar(5)

Nosotros en este caso y aclarando desde un principio que esto es una inicición y un primer enfoque a cómo debería construirse una API y cuales son nuestras opciones, usaremos REST para este post.

Código y Lo Que Ya Debemos Tener

En este ejemplo doy por supuesto que disponemos de una clase que nos permite interactuar con la base de datos y devolvernos datos, algo como:

class Data {

private $id;

function _construct($id){
$this->id = $id;
}

function borrar($id){
mysql_query("DELETE * FROM articulos WHERE id = '$id'");
// etc.. etc..
}

}

En nuestro server haríamos lo siguiente:

include 'class/class.Data.php';
$obj = new Data();
$obj->borrar(5);

Genial hasta aquí, pero cómo lo hacemos para alguien que no tiene acceso a nuestro servidor?
Debemos crear una especie de interfaz entre el usuario y nuestra classe, entonces nuestro archivo alojado en ‘api/borrar.php’ queradía así:

include '../class/class.Data.php';
if(permiso( $_POST['api_key'] )){
$obj = new Data();
$obj->borrar(5);
}

Eso va a permitir a nuestros usuarios de la API que envien consultas POST al archivo ‘api/borrar.php’ y si la clave es la correcta le permitiremos hacer la acción. Entendemos que la función permiso() debe comprobar que esta clave esta aceptada dentro de nuestra base de datos.

La Petición

Para realizar la petición HTTP vamos a usar cURL de PHP que va genial y es muy fácil de usar sencillamente necesitamos definir la URL que vamos a llamar y los parametros de la llamada:

// definimos nuestras variables POST
$post_vals = array(
    'api_key' => '0123456789',
    'id' => '5'
);

foreach($post_vals as $key => $value) {
    $peticion .= $key.'='.urlencode($value).'&';
}

$peticion = rtrim($peticion, '&');

$ch = curl_init('http://misitio.com/api/borrar.php');
curl_setopt($ch, CURLOPT_HEADER, 0);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $peticion);
$respuesta = curl_exec($ch);
curl_close ($ch);
);

La Respuesta y su Formato

Cómo nos lo vamos a hacer para dar la respuesta a la petición? Hay varias maneras, las más conocidas son mediante XML o JSON, el consejo es que si puedas ofrezcas las dos formas.

Otra cosa a tener en cuenta y no olvidar es dar las respuestas a los procesos si todo ha funcionado correctamente o si ha fallado alguna cosa, para que el usuario final sea capaz de poder crear una pequeña función isSuccess() etc…

Un ejemplo de respuesta en XML podria ser:

<respuesta estado="ok">
<metodo>borrar</metodo>
<formato>rest</formato>
<id>5</id>
<api_key>01234567890</api_key>
</respuesta>

Disclaimer: Todo el post esta explicado sobre el método borrar, aunque si hacemos un ejercicio de refleción pronto nos daremos cuenta que un método de estos sólo nos puede perjudicar!

Links de interés

• http://www.gen-x-design.com/archives/create-a-rest-api-with-php/
• How to Design a Good API
• cURL en PHP.net
• SOAP y REST en la Wikipedia

Posts relacionados

• Crea Tu Propio Acortador de URLs Con 2 Líneas de PHP y Una Cuenta en Bit.ly (1)
• Cómo Mostrar el Número de Suscritos Feedburner en Formato Texto (0)
• Cómo Evitar Inyecciones SQL o “SQL Injections” (1)
• Consigue tu Camara Canon Barata con CamarasCanon.es (1)
• Leer y parsear RSS con PHP (0)

Si no disponemos de los debidos conocimientos para poder proteger nuestro servidor o no disponemos de acceso a este para protejerlo de los archinombrados SQL Injections deberemos pasarle una función MySQL a nuestras variables antes de ser guardadas en sus tablas correspondientes:

$post = mysql_real_escape_string( $_POST['post'] );

Os dio por experiencia própia que es necesario mantener unos mínimos de seguridad en nuestros sites apra evitar males mayores.

Posts relacionados

• Como sacar el nombre de los campos en una tabla MySQL (3)
• Crea Tu Propio Acortador de URLs Con 2 Líneas de PHP y Una Cuenta en Bit.ly (1)
• Tutorial Sobre Como Crear Tu API (6)
• Cómo Mostrar el Número de Suscritos Feedburner en Formato Texto (0)
• Consigue tu Camara Canon Barata con CamarasCanon.es (1)

Veo a través de AteneuPopular que el señor Hoyoung Lee se debe haber quedado muchas veces sin tinta en su impresora cuando necesitaba imprimir algun documento y por eso ha decidio inventar la primera impresora que funciona sin tinta.

Esta impresora se llama “Pencil Printer” y cómo especifica en sus características es tan fácil cómo:

• Imprimir
• ¿No ha quedado bien? Borramos con una goma
• Volvemos a imprimir

Y por supuesto, esta impresora dispone de los toners o cartuchos de tinta más baratos del mundo: los lápizes.

Posts Aleatorios

• Cupones de descuento para Godaddy (0)
• Bajar videos de Youtube a tu PC (0)
• 300 iconos vectoriales gratis para descargar (0)
• Tradedoubler lanza un concurso educativo de afiliación (0)
• Rediseño de Megajuegosgratis.es (0)

Google Analytics es, cómo sabéis, una perfecta herramienta para medir las visitas de nuestro sitio web, pero también es una muy útil herramienta para detectar errores en nuestro sitio, o tener una idea más aproximada de qué hacen los usuarios en nuestro site.

En este caso yo necesitaba poder medir la gente que desde mi sitio web clica en ciertos enlaces de mi sitio, cuyos enlaces te envían a un conocido sistema de afiliados. Me puse a googlear un poco y el mismo Google me dió la solución para poder hacer un seguimiento, y conocer de manera real cuantos clicks reciben nuestros enlaces salientes o Outbound Links.

Medir los Clicks en Enlaces Salientes de Nuestro Site

Para poder medir quien clica y cuantas veces en nuestros outbound links debemos añadir a cada enlace que queramos controlar una pqeueña porción de código. Esta tarea puede ser un poco pesada si nuestro site es muy grande y disponemos de muchos tipos de enlaces, pero a la larga vale la pena.

¿Porqué Google Analytics no los Trackea Directamente?

Porque las páginas de destino de estos enlaces no contienen el código Javascript UTM y por lo tanto no pueden ser analizados. Para remediar eso, debemos “taguear” nuestro enlace para que Google Analytics se de cuenta que hay que seguir donde va.

El Código

Supongamos que nuestro enlace nos lleva directamente a la página de afiliados dónde se venden camisetas de leo messi baratas. Tendremos algo del tipo:

<a href="http://www.el-enlace.com">El Enlace</a>

Para poder medir quien clica en este enlace debemos añadir el siguiente código en el enlace:

<a href="http://www.el-enlace.com" onClick="javascript: pageTracker._trackPageview('/out/cat-messi/el-enlace.com');">El Enlace</a>

Cómo podéis ver hemos añadido una instrucción Javascript dónde hemos etiquetado el enlace de la siguiente forma:

'/out/cat-messi/el-enlace.com'

• out: Nos será muy útil para poder filtrar luego en Analytics el contenido de las páginas por “out” así sólo nos mostrará los clicks en enlaces salientes en lugar de todo el contenido del sitio.
• cat-messi: En mi caso esta porción es dinámica, es decir, meto aquí, la variable php referente a la página donde se clica en mi sitio.
• el-enlace.com: Fácil, la dirección dónde se va este enlace.

Cómo Podemos Ver los Resultados

Nota: Una vez aplicados los cambios en los enlaces debemos esperar un mínimo de un día para que Analytics empiece a guardar datos referentes a los clicks en los enlaces salientes de nuestro sitio web.

1. Entramos en nuestra cuenta de Google Analytics
2. Entramos en el Report de nuestro site
3. Clicamos en la sección content, donde veremos un resumen del contenido más visitado.
4. Le damos en View Full Report y nos envía a la página con todos los detalles del contenido más visitado en nuestro site. Veremos algo parecido a esto:
5. Ahora debajo de esta tabla tenemos la posibilidad de filtrar los resultados que contengan un determinado patrón de texto. En nuestro casoe ste patrón será: out
6. Voilá! Ya estamos viendo los resultados de nuestros clicks en enlaces salientes.

Nota 1: Hay que tener en cuenta, que en realidad estás paginas vistas que nos atribuye sobre los clicks realizados en nuetros enlaces salientes no son realmente páginas vistas nuestras, así que para poder saber el número exacto de páginas vistas en nuestro site deberíamos filtrarlas por todas las que NO contengan “out”.

Nota 2: Si quieres aplicar eso en una plataforma WordPress, Quiero Parao!

El plugin Google Analytics for Wordpress ya se encarga de eso, solo debes instalarlo y dar las gracias a Joost de Valk.

Posts relacionados

• Con las pilas (re)cargadas (0)
• Plugin de wordpress para mostrar código en tus posts (2)
• Cambios: Thesis Theme la Plantilla de Plantillas (1)
• Como Medir el Trafico Social Media con Google Analytics (4)
• Framework para Crear Webs para Móviles (2)

Freaklances es una miniserie flash que circula por internet creada por Alex Otero y Julio Garma, hasta el momento han sacado 3 capítulos y ya forman parte del canal de webseries del que dispone Nikodemo, Nikodemo.tv

Recordemos que en Nikodemo se ha fundado Cálico Electrónico seguramente la série flash en español con más éxito. En su canal de webseries también disponen de otras perlas cómo Malviviendo.

Recientemente Freaklances ha publicado su tercer capítulo: “La función debe continuar”

Capítulo 1 freaklances “El Renacer”

Capítulo 2 freaklances “ROI”

Bueníssimo capítulo, el que me ha gustado más hasta ahora y en el que me he sentido más indentificado.

Capítulo 3 freaklances “La Función Debe Continuar”

Posts relacionados

• Downloadify, genera archivos en tu navegador y guardalos en tu escritorio. (0)