Enmarcando fotos en el blog …

Por Tragy, publicado el 27 de Junio, 2007 | 3 comentarios


Googleando me he encontrado con un pequeño javascript, que añadido al blog, permite insertar facilmente fotos enmarcadas (conocido como “efecto polaroid” por los photoshoperos…)

Su instalación es facilita, basta con ir a la web de Instant y descargar el script.

El archivo que nos interesa es “Instant.js”, que tendremos que subir a nuestro host. Como blogger no deja alojar archivitos, pues he tirado de iespana para alojar el archivo. Para habilitarlo en blogger es muy fácil, en otros blogs tiene que serlo también. Basta con ir a Edición de HTML en el diseño del blog. Ahí, entre las etiquetas <head> y </head> insertamos lo siguiente:
<script type="text/javascript" src="http://nuestrositio.algo/instant.js"></script>

Así el script ya queda listo, y solo queda saber como se postean las imágenes en los artículos.

He aquí la imagen original…

Ahora, con
<img class="instant" src="imagen.jpg">
la vemos así:


El lado hacia el que se inclina es aleatorio, luego vemos como escogerlo.

Podemos cambiar la opacidad de la sombra con ishadow. Por defecto, si no se pone el parámetro, toma el valor 33, y en el ejemplo se le da un valor 90:
<img class="instant ishadow90" src="imagen.jpg">

Y tambien escoger la inclinación de la foto, con “itiltleft”, “itilright”, o “itiltnone”:
<img class="instant itiltleft" src="imagen.jpg">

Cambiamos el color del marco, usando valores hexadecimales…
<img class="instant icolorCC0000" src="imagen.jpg">

Y por último, podemos combinar todos los anteriores:
<img class="instant ishadow90 itiltright icolorCC0000" src="imagen.jpg">

Espero que a alguien le sea útil! Como dije, lo encontré googleando, aunque gracias a este artículo de Xyberneticos me fue todo mucho mas fácil.

Edito: En mi blog no se aprecia muy bien el efecto de la sombra, ya que al ser el fondo negro, solo se ve el brillo añadido a la foto… Echad un vistazo en los links que pongo, para ver lo que hace la sombra en realidad.

|

Un par de ilusiones ópticas ….

Por Tragy, publicado el 27 de Junio, 2007 | Añadir comentario

En la primera, se trata de mirar bien la imagen… Si tu mente no es retorcida, y funciona correctamente, deberías ver girar la chica dando vueltas en el sentido de las agujas del reloj………….

Ahora fíjate un momento en su sombra… Y vuelve a mirar a la chica… ¿Ha cambiado de dirección o no? Si desde el principio la veías girar en el sentido contrario a las agujas del reloj, siempre puedes pasarte un rato mirando a la imagen, diciéndole a tu cerebro que cambie de sentido… A ver que pasa….

Esta otra imagen tiene como título “THE HIDDEN TIGER”… Podeis pasar un buen rato intentando descubrir el porqué….

Visto en MoIllusions

|

Un poco de música

Por Tragy, publicado el 26 de Junio, 2007 | Añadir comentario


La verdad es que se lo curra bastante…

|

Ninja Warrior!!!…

Por Tragy, publicado el 25 de Junio, 2007 | Añadir comentario

Para quien esté cansado de las telenovelas de antena 3, he aquí un gran programa de la televisión japonesa… El show en cuestión se llama Ninja Warrior(a.k.a. Sasuke), y el competidor tiene que superar 4 pruebas que ponen a prueba su físico… De mas de 500 participantes que lo han intentado, he aquí el segundo que lo consigue. Un tal Makoto Nagano, pescador de profesión, que a sus 34 añitos anda brincando como una cabra loca… Digno de cualquier juego de Prince of Persia…

Por si alguien sabe alguna web desde donde ver el canal G4 de los japonesitos, por lo visto el programa lo dan a diario a las 18:00, y a las 22:00… No se si hora local, hora de estados unidos, hora de aquí… A saber… A ver si me entero de algo…

|

You are a pirate!! …

Por Tragy, publicado el 24 de Junio, 2007 | Añadir comentario


Do what you want ’cause a pirate is free, YOU ARE A PIRATE!!!

Viejérrimo, que diría alguno….

|

Pasando el rato …

Por Tragy, publicado el 24 de Junio, 2007 | Añadir comentario

Aburrida la noche de San Juan… Cuando toca quedarse en casa… No hay mas remedio que buscar entretenimientos absurdos… Por lo menos con este jueguecito en flash fui pasando la noche… Ahí queda…

Yo ya lo he terminado!

|

Habitación de ensueño ….

Por Tragy, publicado el 8 de Junio, 2007 | Añadir comentario

Todo buen friki debe perseguir sus sueños… Este puede presumir de ello…

Que conste que es un “friki” cariñoso, su colección es admirable… Esta foto es solo un anticipo de su colección

| |

Bueno, despues de darle cuatrocientas vueltas, parece que al fin he conseguido dejar el blog como yo quería… Lo primero que se me ocurrió es añadir la opción de Trackback a mi blog, que como bien se ve, está alojado en Blogger… Bien… Manos a la obra…

Investigamos un poco la opción “Vínculos de Retroceso” que el propio Blogger incluye… Tras un par de horas de discusión por irc, y unas cuantas busquedas en google, llegamos a una conclusión bastante frustrante: Si, es un método de Trackback… Y si, como era de esperar, solo sirve entre blogs alojados en Blogger… Una gran chorrada, ya que como me quiera linkar alguien externo, va bastante jodido…

Total, que empezamos a buscar métodos alternativos… En muchos de los blogs que visito en los que se habla acerca del Trackback mencionan una y otra vez la misma web: www.haloscan.com

Decido probar, a ver que me ofrece… Parece interesante, servicio de comentarios y de Trackback externo a blogger, pero completamente compatible con el, incluso auto instalable… Descargas tu plantilla, la subes a Haloscan, y te devuelven una configurada con su sistema de Trackback y Comentarios. Todo muy bonito, pero si ya tengo los comentarios de blogger, ¿para que quiero cambiar a un servicio externo? Ahora empieza a llegar lo complicado…

Tras probarlo, echaba de menos los comentarios propios de Blogger, así que vamos a ver como dejarlos. Solo quiero incluir el Trackback que me ofrece Haloscan. Vía google, como de costumbre, me encontré con esta web, que explica el proceso en perfecto inglés. Además del problema del inglés, me encuentro también con que está preparado para el viejo Blogger, del cual, puesto que soy recién llegado, poco se… Pero bueno, algo habrá que hacer, así que aunque sea complicado, me pongo a traducir el código antiguo usando la nueva codificación, con lo que el resultado fue el que veremos a continuación.

Repito una vez más, incluyendo este código en la plantilla de Blogger, lo que conseguiremos será que aparezca únicamente el link al Trackback de Haloscan, como se puede ver al final de este mismo artículo, así que vamos allá:

COLOCANDO EL TRACKBACK

Para inicializar el script de Haloscan, justo después de la etiqueta <head> añadimos:

<script src='http://www.haloscan.com/load/XXXXX' type='text/javascript'> </script>

En donde XXXXX es el nombre de usuario con el que estéis registrados en Haloscan (ah, ¿que no dije que había que registrarse? Venga so vagos… Que son cuatro datos…)

En mi caso, me logueo a Haloscan usando el nombre de usuario “tragy”, por lo tanto XXXXX=tragy

Ahora tenemos que hacer que en cada entrada del blog aparezca una referencia al Trackback de cada artículo concreto, y aquí empiezan los problemas. En la web que cité antes, encontré como hacerlo para la vieja versión de Blogger, y la forma de incluir variables en medio de una URL ha cambiado bastante… A base de analizar y entender el código de la plantilla, y tomando como base el código que se puede obtener en la web de Haloscan, remezclado con el de la otra web, aquí teneis el resultado:

<!-- Empieza Trackback -->

<script src=’http://www.haloscan.com/load/XXXXX’ type=’text/javascript’> </script>

<span class=’post-comment-link’>

<a class=’comment-link’ expr:href=’”http://www.haloscan.com/tb/XXXXX/” + data:post.id + “/”‘ expr:onclick=’”HaloScanTB(” + “\”"+ data:post.id + “\”" + “);return false;”‘>

<script type=’text/javascript’>postCountTB(‘<data:post.id/>’);</script>

</a>

<noscript><a expr:href=’”http://www.haloscan.com/tb/XXXXX/” + data:post.id + “/”‘>Trackback</a> | </noscript>

</span>

<!– Termina Trackback –>

Basicamente lo que se hace es que ejecute un script, en el cual se enlaza a una dirección de Haloscan+NombreUsuario+PostConcreto (este ultimo es ese data:post.id, que es una variable que usa Blogger, con la cual se asigna una id a cada entrada del blog, todas distintas entre ellas)
De nuevo, hay que substituir XXXXX por vuestro nombre de usuario de Haloscan.

A todo esto, podeis colocarlo donde querais. En mi caso, lo tengo colocado justo despues de:

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

<span class=’email-post-icon’> </span>

</a>

Es decir, despues del icono de enviar por mail el artículo. En vuestra plantilla no tiene porque aparecer exactamente así, pero si tenéis activado ese icono, buscad data:post.emailPostUrl, por ejemplo, para llegar al sitio. Mas generalmente, puede ponerse en cualquier lugar que esté dentro de <div class='post-footer'>, que es el pie de cada entrada.

AÑADIR EL CONTADOR DE TECHNORATI

Ya puestos, pues decidí añadir un contador de referencias, cortesía de Technorati. Tras registrarme en Technorati, y “reclamar” mi blog, fui a la sección de Widgets, y me encuentro con un botoncito muy bonito, que se encarga de buscar resultados referentes a cada entrada de mi blog por medio de su url, aunque de nuevo con el problema de que está preparado para el viejo Blogger. A estas alturas ya no es problema, traduzco el código a la nueva versión, y queda esto (tan solo tuve que cambiar la variable que contiene el link permanente al post, y la forma del enlace):

<!-- Empieza Technorati-->

<script src=’http://embed.technorati.com/linkcount’ type=’text/javascript’/><a class=’tr-linkcount’ expr:href=’”http://technorati.com/search/” + data:post.url + “/”‘/>

Por si alguien no se entera (o ha decidido saltarse media entrada…) lo que hace es llamar un script de Technorati que indicará el número de personas que enlazan con determinada entrada. Podéis ver que por ejemplo en uno de mis artículos aparece una referencia, gracias a que me ha enlazado un amiguete de www.elsenordelasmoscas.com.

Este script podeis meterlo en cualquier lugar del footer, aunque justo a continuación del Trackback que acabamos de incluir es un lugar bastante elegante, creo yo…

Y con esto, por fin puedo ofrecer una dirección de Trackback por si alguien me quiere enlazar (que lo dudo…) y además, mostrar en que sitios me están enlazando.

AÑADIR AUTODISCOVERY

Además, hay un sistema llamado auto-discovery que usan algunos blogs para poder hacer el Trackback de una manera mas automatizada, pero necesitan que el blog al que lo hacen este preparado para devolver ciertas respuestas…

De nuevo busco, y encuentro código para el viejo Blogger… Y van tres veces… Tras traducirlo, ha quedado tal que así… Podeis ponerlo por ejemplo justo después del script del Trackback, es decir, debe estar una vez dentro de cada post. Este trozo de código se encargará de proporcionar esas respuestas al blog que nos intenta “trackbackear”, y es el siguiente (ya sabéis, XXXXX=login de haloscan)

<!-- Trackback Auto-discovery RDF Code

<rdf:RDF xmlns:rdf=”http://www.w3.org/1999/02/22-rdf-syntax-ns#”

xmlns:dc=”http://purl.org/dc/elements/1.1/”

xmlns:trackback=”http://madskills.com/public/xml/rss/module/trackback/”>

<rdf:Description

rdf:about=’data:post.url’

dc:identifier=’data:post.url’

dc:title=’data:post.title’

trackback:ping=”http://haloscan.com/tb/XXXXX/” + ‘data:post.id’ + “/”>

</rdf:RDF>

–>

Tras terminar todo esto, dije yo: vale, a los demás ya les he facilitado bastante la vida… Pero ahora, ¿que hago yo para poder hacer trackback a otros blogs mas fácilmente?

HACER TRACKBACK FACILMENTE CON GREASEMONKEY

Pues rebuscando otro rato, me encuentro con un Plugin muy útil para Firefox, concretamente aquí me he encontrado esa referencia…
Instalamos el Complemento GreaseMonkey desde aquí, reiniciamos Firefox para que se active, y después vamos a esta otra web para instalar el script concreto que nos facilitará hacer Trackback desde el propio publicador de artículos de Blogger. Tras hacer clic en Install New Script, podemos dirigirnos a Blogger para comprobar que tenemos un nuevo recuadrito en el cual podemos introducir una serie de URLs para hacerles trackback…

Si funciona esto… Lo sabré cuando acabe de escribir la entrada…

Edit:Parece que no funciona… No aparece ninguna confirmación de que se haya enviado el trackback, ni aparece referenciado en el sitio en cuestión… Si alguien puede confirmarlo, que deje un comentario… O un trackback!!

Edit2: Andy Beard me ha contestado a un comentario que dejé en su web, y dice que a el si le funciona… A ver si sigo investigando…

Edit3: Menuda chorrada. La culpa la tuvo el recuadro que aparece para introducir nuestros datos de del.icio.us…. Es una parte opcional del script, para conectar nuestro blog con un sistema de tags y promoción de blogs… Yo, como no lo uso, al saltarme la ventanita, hacía click en Cancel, pensando que tenía que hacerlo cada vez que me apareciera la ventana. Aunque no usemos esta web para promocionar nuestro blog, debemos hacer click en OK en todos los cuadros de diálogo que aparezcan, para que quede configurado (sin datos, claro está…)

Una vez hecho esto, el script funciona sin problemas, y los trackbacks llegan correctamente a sus destinos. Mi enhorabuena a Stephen Weber por su script, y muchas gracias a Andy Beard por molestarse en comprobar que le funcionaba, así como de avisarme de que mis trackbacks le llegaron, aunque fueron marcados como spam por no incluir links hacia su blog…

Edit4: Además, he comprobado que el script solo funciona si el feed del blog está configurado como “Completo”. Puede cambiarse en las opciones del blog, en la sección “feed del sitio”.

Andy, Stephen, thanks for your help!!

|

OST Skate! …

Por Tragy, publicado el 5 de Junio, 2007 | Añadir comentario



Revelada la OST de Skate, para 360 y PS3… Bastante dispar… Aunque me quedo con los clásicos… No es que pegue mucho con el juego…

Agent Orange – No Such Thing
Airbourne – Let’s Ride
Bad Brains – I Against I
Band of Horses – The Funeral
Beat Beat Beat – Sinking Slow
Black Flag – Six Pack
Booker T & The MG’s – Green Onions
Challenger – Input the Output
Cheap Trick – Surrender
Children of Bodom – Hate Crew Deathroll
David Bowie – Queen Bitch
Dead Prez – Hip Hop
Devo – Gut Feeling/Slap Your Mammy
Eddie Rap Life – Push Your Wood
Eric B & Rakim – Juice (Know the Ledge)
Escalera – Go It Alone
Filthy Thieving Bastards – …Lords Of The Avenues
Gang Starr – Now You’re Mine
H.I.T – Drama
Mac Mall – Perfect Poison
Motorhead – We Are Motorhead
Nivarna – Lounge Act
N.W.A – Express Yourself
Renee Renee – Stand Up Talk Easy
Rick James – Give It To Me Baby
Rick Ross – Hustlin’
River City Tanlines – Black Knight
S.T.R.E.E.T.S – Georgia St.
Sicker Than Others – Face Away
Sister Nancy – Bam Bam
Slayer – Raining Blood
The Briefs – Poor and Weird
The Coup – Ride the Fence
The Dwarves – Massacre
The Exploding Hearts – Your Shadow
The Falcon – Blackout
The Mag Seven – Dick Cemetery
The Ramones – Psycho Therapy
The Returnables – Teenage Imposters
The Sex Pistols – Pretty Vacant
The Stars Misplaced – Prophets And Kings
The White Stripes – Girl, You Have No Faith In Medicine
Trouble Andrew – Chase Money
Valient Thorr – Man Behind The Curtain
ZZ Top – Just Got Paid

|

Max Payne: Payne & Redemption …

Por Tragy, publicado el 3 de Junio, 2007 | Añadir comentario

Vía VidaExtra me entero de que la película basada en el videojuego Max Payne está al caer… Por lo visto, se trata de una producción independiente, en la que se lleva trabajando mas de dos años (y yo voy y me entero ahora…)

Payne & Redemption está prácticamente terminada, con una duración de 20 minutos aproximadamente, y será el tercer capítulo de una serie de seis. Si he entendido bien, no se trata de la continuación de Max Payne 2: The Fall of Max Payne, sino de una historia paralela, en la cual han decidido empezar por el tercer capítulo, quedando pendiente para el futuro el rodaje de dos precuelas y tres secuelas. Con ellas, Fergle “Larry David” Gibson, director y escritor del film, pretende alcanzar aproximadamente una hora y media de material.

El proyecto desde luego resulta ambicioso para tratarse de cine independiente, aunque por ahora pinta bastante bien el teaser de un minuto que han públicado en la web oficial

Podeis verlo directamente al final del artículo, o descargar una versión con mayor calidad desde aquí.

Para cuando esté terminada, se distribuirá libremente desde la web, en distintos formatos y resoluciones de video, además de exhibirse en un número reducido de salas de cine escogidas por el director. Por ahora, solo en inglés, aunque el director ha confirmado los subtitulos al Español, Francés, Italiano, Alemán, Japonés y Chino.

A pesar de tratarse de una película no licenciada, el creador del videojuego Max Payne ha dado su visto bueno, elogiando además el trabajo de esta productora independiente:

“Payne & Redemption seems very ambitious and impressive. Good luck with your project! Looking forward to seeing it.”

Juzgad vosotros mismos… A mi desde luego me han entrado ganas de re-jugar Max Payne…


Max Payne: Payne Redemption TEASER TRAILER

|