Efecto página doblada (?)

Como se abrán dado cuenta, estoy teniendo problemas para actualizar el blog.
Los tiempos realmente no me dan, ni siquiera estoy pudiendo contestar las consultas que me van llegando.
Como gran cantidad de las consultas son sobre el efecto que tengo en la parte superior derecha del blog, lo vuelvo a publicar.... no estaba segura de hacerlo, porque la idea es que naveguen por el blog, hay muchas notas y seguro alguna les va a servir tarde o temprano... pero como me siento en deuda con aquellos que a pesar que no estoy publicando siguen visitando este humilde espacio, aqui va el efecto que tanto piden ^_^
Miren también los comentarios que han dejado, son muy interesantes !!!
Espero pronto estar denuevo por aquí tan seguido como a mi me gusta .....


Este truco me llegó desinteresadamente, de mano de Jose Luis de Caratulworld, que ya lo aplicó a su blog, y me lo hizo llegar vía mail.
En realidad no se como se llama el efecto, pero lo que produce, es el efecto que pueden ver al acercar el puntero del mousse a la esquina superior derecha, la página se dobla y deja ver la siguiente, esa imágen es un link que te lleva a otra página, en mi caso a mi blogroll. ^_^
Me pareció genial, así que lo he colocado en el blog, por un rato.
Además es muy simple !!!

Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^

Primero que nada debes descargar lo siguiente Descargar Zip
Una vez descomprimido, debes alojar los archivos Small.swf Small.jpg large.swf large.jpg en Google Pages Yahoo! GeoCities o algún servicio de alojamiento para conseguir las direcciones URL de cada archivo.
El archivo peel.js, lo tenés que editar, añadiendo las URL de los archivos anteriores, la URL de la imagen que se quiera visualizar al surgir el efecto de doblez (debe ser de 500 x 500 px), y la URL de la pagina a la que quieras dirigirte al hacer click en la imágen de fondo.
Como esto último entrevera un poquito, se los aclaro un poquito.
Lo siguiente es la transcripción de la parte del archivo peel.js que debemos modificar, fijarse en lo que está en negrita.

var jaaspeel = new Object();

jaaspeel.ad_url = escape('http://URL DE LA PAGINA A DIRIGIRNOS');
jaaspeel.small_path = 'http://URL DEL ARCHIVO small.swf';
jaaspeel.small_image = escape('URL DEL ARCHIVO small.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;

jaaspeel.big_path = 'http://URL DEL ARCHIVO large.swf';
jaaspeel.big_image = escape('http://URL DE LA IMAGEN DE FONDO GUARDADA COMO large.jpg');
jaaspeel.big_width = '650';
jaaspeel.big_height = '650';
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;


Una vez modificado esto, lo gurdás y también lo alojás para conseguir la URL del archivo.
Cuando ya tenemos todo esto realizado, nos dirigimos a Diseño/Edición Html y en la plantilla ubicamos </head> y abajo pegamos:
<script src='http://URL DEL ARCHIVO peel.js' type='text/javascript'/>
Antes de guardar lo vemos con la Vista Previa, para asegurarnos que está todo bien, y luego lo guardamos.

Pronto, fácil e ingenioso no?
Lo pueden ver en práctica en este blog, y en el de Jose Luis
Suerte !!!! ^_^



Actualización 11/04/08
Mi querida Eulalia nos hace llegar su descubrimiento, y nos dice:
"No es necesario sacar el archivo large.jpg, basta con preparar la imagen a mostrar, subirla y colocar la url en el sitio donde pone large.jpg del código peel.
Además, si quieres ponerlo en más de un blog, preparas la 2ª imagen, la subes, cambias las dos direcciones, la del blog a mostrar y la de la imagen y lo guardas como peel1, lo subes y la dirección de éste es la que añades al código.
Acabo de hacerlo en este otro blog de esta manera y también ha funcionado bien."
Muchas gracias Eulalia por tu aporte !!! ^_^


Seguir Leyendo...[+/-]