Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
votar
Achicar Entrada Agrandar Entrada
Pelar una página web es muy divertido de hacer y lo más fácil es que llamar la atención de sus usuarios.

Usted puede utilizar para llamar la atención sobre un artículo caliente en su propio sitio web.

Aquí voy a explicar cómo crear un efecto de ese tipo en su sitio web.

Utiliza Flash y JavaScript, y es muy fácil de instalar.

Una demostración en vivo para el efecto puede ser visto en la esquina superior derecha.

Cuando pasa el ratón sobre la imagen, se va a ampliar y revelar más información.

Para lograrlo, simplemente ejecuta los siguientes pasos para insertar un peeling esquina en su sitio web.

var jaaspeel = new Object();
jaaspeel.ad_url = escape('http://loseasi.blogspot.com');
jaaspeel.small_path = ' http://img5.xooimage.com/files/7/9/7/small-1e8e2b.swf';
jaaspeel.small_image = escape(' http://img1.xooimage.com/files/a/d/c/tmundo1-1016123.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;
jaaspeel.big_path = ' http://img26.xooimage.com/files/5/7/a/large-1016114.swf';
jaaspeel.big_image = escape(' http://img5.xooimage.com/files/8/6/a/mundo-1016120.jpg');
jaaspeel.big_width = '600';
jaaspeel.big_height = '600';
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;
function sizeup987(){
document.getElementById('jcornerBig').style.top = '0px';
document.getElementById('jcornerSmall').style.top = '-1000px';
}
function sizedown987(){
document.getElementById("jcornerSmall").style.top = "0px";
document.getElementById("jcornerBig").style.top = "-1000px";
}
jaaspeel.putObjects = function () {
// <jcornerSmall>
document.write('<div id="jcornerSmall" style="position:absolute;width:'+ jaaspeel.small_width +'px;height:'+ jaaspeel.small_height +'px;z-index:9999;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerSmallObject" width="'+jaaspeel.small_width+'" height="'+jaaspeel.small_height+'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.small_path +'?'+ jaaspeel.small_params +'"/>');
document.write(' <param name="wmode" value="transparent" />');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+jaaspeel.small_params+'"/>');
// embed
document.write('<embed src="'+ jaaspeel.small_path + '?' + jaaspeel.small_params +'" name="jcornerSmallObject" wmode="transparent" quality="high" width="'+ jaaspeel.small_width +'" height="'+ jaaspeel.small_height +'" flashvars="'+ jaaspeel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
document.write('</script>');
// </jcornerSmall>
// <jcornerBig>
document.write('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:9999;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerBigObject" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.big_path +'?'+ jaaspeel.big_params +'"/>');
document.write(' <param name="wmode" value="transparent"/>');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+ jaaspeel.big_params +'"/>');
// embed
document.write('<embed src="'+ jaaspeel.big_path + '?' + jaaspeel.big_params +'" id="jcornerBigEmbed" name="jcornerBigObject" wmode="transparent" quality="high" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'" flashvars="'+ jaaspeel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
// </jcornerBig>
setTimeout('document.getElementById("jcornerBig").style.top = "-1000px";',1000);
}
jaaspeel.putObjects();

Ver peel.js

Seleccione el código anterior y guárdelo como peel.js

Ahora edite el archivo con tu editor de programación (el Bloc de notas también funcionará).

Buscar la siguiente línea de código:

jaaspeel.ad_url = escape('http://loseasi.blogspot.com');

Cambie el valor entre las comillas que esta en rojo(en este ejemplo es 'http://loseasi.blogspot.com') a la página web que desea que su esquina para volver a dirigir, cuando los usuarios hagan clic en él.

Salvar su peel.js archivo.

Como se puede ver en el código JavaScript, este efecto utiliza dos imágenes.

1. tmundo1-1016123.jpg Una imagen de 100x100 px, se utiliza cuando el efecto está inactivo.
2. mundo-1016120.jpg Una imagen de 600x600 px, se mostrará cuando un usuario pasa el ratón por la piel.

En este ejemplo, estoy usando este tmundo1-1016123.jpg y este mundo-1016120.jpg.

Crear sus propias imágenes que se mostrarán en la piel.

Este proyecto utiliza Flash para crear el efecto real.

Ahora añada la siguiente línea a su página web despues de <body>.

<script src='http://img7.xooimage.com/files/c/0/9/peel-101612a.js' type='text/javascript'></script>


Asegúrese de que su fuente (imagen.jpg), (peel.js), (.swf) sean la dirección correcta.

Descargar archivos para modificar y subir a su servidor.

¿Donde puedo alojar mis archivos? Leer aquí.

Ver para ponerlo del lado izquierdo.

Leer Importante... Comentar esta entrada ▼ Ir al principio de la entrada
Hogar CRECER dijo...

Hola, acabo de descubrir el blog en Gem@ y me encantó! el recurso de la esquina doblada. Me viene bárbaro para poner el logo del Hogar, por ejemplo.
Creo que me va a llevar un tiempito lograrlo, estoy aprendiendo. Si querés vernos, estamos felices de ser EL BLOG DE LA SEMANA, de Gem@. www.hogarcrecer.blogspot.com
Ya te consultaré. Corina

Vku dijo...

Corina lo que precises estoy a tu disposicion me consultas lo que no entiendas. yo este efecto hace tiempo que lo utilizo en otras páginas creadas.

Hogar CRECER dijo...

Acá estoy con el primer inconveniente:
Cuando selecciono el código e intento guardar como peel.js no me permite y sale el siguiente cartel:
Secuencia de comandos: C:/Documents and Settings/Administrador/Escritorio/Peel-101612ª2.js
Línea: 34
Carácter: 1
Error : ‘document’ is undefined
Código: 800ª1391
Origen: Microsoft 35cript.runtime error

Nunca utilicé peel.js, no sé de qué se trata, espero que me puedas ayudar para seguir con el efecto. Muchas gracias. Corina

Vku dijo...

Corina hace una cosa mandame los datos y yo te lo mando.
lo que necesito:
1-direccion que se diriga al precionar
2-direccion de las 2 imagenes la de 600x600 y 100 x 100.

o si queres utilizar mis imagenes solo la direccion.

Vku dijo...

sino proba:
hace un nuevo documento de texto con el bloc.
copias y pegas el código.
cerras y le cambias "Nuevo Documento de texto.txt" por "peel.js"

Hogar CRECER dijo...

Muchas gracias por el link! nosotros también lo haremos. Voy a aceptar tu ofrecimiento, ya te enviaré las direcciones, creo que va a ser lo mejor.

Jorge dijo...

Hola a todos, tienes idea de cómo hacer que el link abra en la misma ventana en lugar de otra nueva?

Vku dijo...

Jorge:
en el archivo peel.js cambia:
http://img26.xooimage.com/files/5/7/a/large-1016114.swf
por:
http://img3.xooimage.com/files/0/6/e/big-1e8e2a.swf

Vku dijo...

Ya subí para el que quiera todo completo donde dice "Descargar archivos para modificar y subir a su servidor." se encuentran todo lo necesario y se puede elegir el large.swf tanto _blank o _self

Vku dijo...

Rodrigo: dime donde subistes los archivos.
Yo en tu blog no veo que este el código.

rodrigo dijo...

hola vku
por necesito de tu ayuda
loq sucede es en lugar que debe salir el ojo

sale no se cargo la pelicula.
por favor explicame a se debe

Vku dijo...

El problema es unicamente en Internet Explorer.
En firefox se ve bien.

La imagen que pusistes es la que da el problema.

Ya la modifique y la subi.

cambia por este link: http://img27.xooimage.com/files/a/4/f/peel-14b621d.js

Creo que con eso se soluciona, igualmente tu página tiene errores que me saltan con IE.

Para solucionarlo ponele un código Java para detener errores.

Tambien te aconsejo que pongas el código de esta entrada: http://loseasi.blogspot.com/2009/06/solucion-activar-flash.html

rodrigo dijo...

hola vku
espero que estes muy bien
te escribo porque no puedo resolver el problema,
de mi blog no aparcece la hoja doblada
ayudame a solucionar por favor

Vku dijo...

Rodrigo: pone este código en tu plantilla:

<script src='http://img27.xooimage.com/files/a/4/f/peel-14b621d.js' type='text/javascript'></script>

cuando lo tengas me avisas

Vku dijo...

ya lo vi y no le vi ningun error.
en que necesitas ayuda, que es lo que encontras mal

Vku dijo...

rodrigo no se que puede ser yo lo veo bien.
probastes desde otra computadora.
te pide algun pluing, tal ves tengas que actualizar el de flash
mandame una imagen de como lo ves o si te sale algun error
yo me fije en ambos navegadores y anda bien

Vku dijo...

rodrigo realmente no se que pasa
vos el de mi blog lo ves bien?
fijate el tuyo:
http://img25.xooimage.com/files/1/0/7/dibujod-14e1ffc.jpg

Anónimo dijo...

Hola! Tengo una consulta: Como se puede hacer para que al hacer clic sobre la "pliege abierto" nos redirija hacia otra pagina pero abriendo una nueva ventana??? Lo que estoy buscando seria algo asi como un (target="_blank"). Pero como lo puedo aplicar en el script?? Desde ya muchisimas gracias por su tiempo y atencion. Atte: Diego

Vku dijo...

diego fijate que puse para descargar todo ahí hay 2 carpetas una dice large_blank y la otra large_self en la que esta large.swf utiliza el que quieras uno abre asi como vos queres (ojo creo que estan al reves) en el script solo modificas las url de su alojamiento

Anónimo dijo...

Hola,ya tengo el archivo peel.js modificado, y no se como tengo que subirlo ni donde tengo que pegarlo, intenta mandarme algo de ayuda para poder acabar el efecto, si es necesario empezamos los pasos desde el principio, Gracias

Vku dijo...

Fíjate donde dice ¿Donde puedo alojar mis archivos? Leer aquí.
Abajo de la entrada.

Anónimo dijo...

hola amigo ya ise todo lo q pones y no sale aqui te mando la direcion de mi peel para que me la revises si puedes
http://img27.xooimage.com/views/6/9/3/mio-peel-19f75c4.js/
con tu enlace y tus imagenes si me sale pero cuando pongo el mio no sale haver q ise mal saludos

Vku dijo...

Pone este código
<script src=&apos;http://img7.xooimage.com/files/a/d/0/flamenco-peel-19fd3b3.js&apos; type=&apos;text/javascript&apos;/>

Vku dijo...

si no funciona cambia por este: es el mismo pero sin &apos;

<script src='http://img7.xooimage.com/files/a/d/0/flamenco-peel-19fd3b3.js' type='text/javascript'/>

Anónimo dijo...

ok muchisimas gracias que hariamos sin ti jejeje si me a balido el 2 una cosa pa modificar la imagen q pone lo de publicidad cuando tenga una como lo cambio o q archivo cambio muchas gracias por todo

Vku dijo...

Bajá este archivo: http://img7.xooimage.com/files/a/d/0/flamenco-peel-19fd3b3.js
Lo modificas, solamente la imagen, no cambies nada mas.
Y lo subís a xooimagen
Lee el tutorial http://loseasi.blogspot.com/2010/03/tutorial-para-subir-archivos-en.html

Anónimo dijo...

ok muchas gracias por toda la alluda que nos das un saludo amigo

Anónimo dijo...

hola amigo e modificado las imagenes pero no me sale cuando pongo nuevas imagenes haver si me lo arreglas si puede ser un saludo http://img40.xooimage.com/views/c/7/5/flamenco-peel-19fd3b3-1--1a563c1.js/

Vku dijo...

Lee el tutoliar de como subir a xooimage


Utiliza este:
http://img40.xooimage.com/files/c/7/5/flamenco-peel-19fd3b3-1--1a563c1.js

Anónimo dijo...

gracias ya se como cambiarla pero es q tenia un problema que cuando subia el archivo y antes de darme la direcion q tengo q cojer saltaba una descarga y no me dejaba la direcion si no un archivo js para descargarlo y no me daba el enlace un saludo y muchisimas gracias

Alberto dijo...

Hola, me gusta mucho como se ve este efecto en la esquina superior :D tal vez lo use :24)

Sweet Muse dijo...

Hola Vku!...Soy sumamente novata en esto...El codigo largo lo coloco igualmente despues de body?. Aloje los archivos en Dropbox, esta bien?. Y se me presenta la misma cuestión que la de entrada de Bienvenida, no encuentro el body ese solo el body que tiene una barra antes, que mi humilde entender es nada que ver, no?. Perdoname tantas preguntas, pero me gusta el efecto :). Si no es colocarlo en body en que lugar otro podría ir?

Bueno eso es todo, muchas gracias de antemano...:)

Gabriel Guzmán dijo...

HOla hace mucho buscaba este efecto, encontre tu pag. y me parece exelente como explicas todo. TEngo una consulta, el efecto salio de 10. Pero no se como hacer para que me linkee a las pag, que yo ponga o las imagenes. Me sale bien pero siempre de redirige a esta pag. Uso safari en MAC. Gracias!

Vku dijo...

Gabriel es muy dificil saber que error hay cuando uno no deja el link del código o del blog que esta puesto, asi no puedo ayudarte, pero lee la entrada no cambiastes en la línea jaaspeel.ad_url = escape('http://loseasi.blogspot.com');

Gabriel Guzmán dijo...

@ Vku:
Hola gracias por responder, estuve de viaje por eso deje abandonado un poco mi blog. Todavia no puedo hacerlo te dejo mi blog y fijate como voy. Gracias por tu ayuda. El efecto lo logro peor siempre me direcciona a tu pag, no logro hacerlo bien. mira.
http://espaciosdetango.blogspot.com/ Saludos! Gabriel

Vku dijo...

Es que estas utilizando mi código. Lee bien la entrada, descarga el script y los archivos y subelo a un servidor cambiándole la URL

Gabriel Guzmán dijo...

@ Vku: Buenas de nuevo, sabes que por mas que cambie todo, no puedo no se que hacer ya, lo leo y lo leo y no encuentro el error, subo el .ps a xooimagen sigo el tuto ese codigo luego reemplazo con el ejemplo que vos das para poner en htlm solo reeemplaoz la imagen no la parte de java o scrip y ni siquiera me direcciona a tu pag cuando lo cambio. Disculpa las molestias pero me interesa muchisimo ese efecto. Ojala me ayudes. Gabriel

Vku dijo...

Gabriel Guzmán, pasarme los link de las imágenes, tanto la chica como la grande y el link que vos quieres poner.

Pasármelo por correo.

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.



Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.


Nota: solo los miembros de este blog pueden publicar comentarios.

Si no puedes comentar, intenta con el antiguo formularioO leer solución

VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?