Mil Trucos Blogger

Efecto página doblada en tu blog con jQuery

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Este es un genial efecto que se logra gracias a la librería  jQuery y algo de CSS,de seguro que os encantara el resultado final de este truco,no mas palabras y vamos a la acción.


Para agregar este efecto ve a a Edición HTML del blog y marca la casilla Expandir plantillas de artilugios, ahora pega antes de </head>  lo siguiente:

 <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<link href=https://sites.google.com/site/miltrucosblogger/script/hojadoblada.css'' rel='stylesheet' type='text/css'/><script type='text/javascript'>$(document).ready(function(){
$("#blhojasquin").hover(function() {
$("#blhojasquin img , .blhojasquina ").stop()
.animate({width: '307px', height: '320px'}, 480);
} , function() {
$("#blhojasquin img").stop()
.animate({
width: '50px',
height: '52px'
}, 200);
$(".blhojasquina").stop()
.animate({width: '50px',height: '50px'}, 200);}); });</script>
<style>#blhojasquin .blhojasquina {background: url(URL IMAGEN) no-repeat right top;}</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js' type='text/javascript'/>

Reemplazas URL IMAGEN por la imagen a mostrar cuando se pase el cursor por la  esquina de la hoja (el blog).

Ahora encuentra la etiqueta <body> y agrega el siguiente código debajo:

 <div id='blhojasquin'><a href='URL PAGINA'><img alt='' src='http://4.bp.blogspot.com/_Bvhqq3YFEx4/TPkjjM-cdHI/AAAAAAAAAfU/q9Zy4_EE7dw/s320/blhojte.png'/></a><div class='blhojasquina'/></div>

Por ultimo guardas.

Puedes ver el truco en funcionamiento en el siguiente blog de pruebas.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

7 Comentarios

  1. Diciembre 11, 2011    

    gran aporte y excelente plantilla… saludos

  2. Diciembre 12, 2011    

    Hola muy bueno la verdad, te quedo excelente olle te quería preguntar que si todavía vendes el blog ya que no me has contestado el Gmail que te envié 😀 espero recibir tu respuesta saludos.

  3. Diciembre 12, 2011    

    Chiknaui.Mikistli Joel Molina Reyes si me ha gustado mucho el resultado con la nueva plantilla.

    Blosk Sánchez si todavia esta a la venta,ya te respondo el email.

    Saludos 😎

  4. Febrero 7, 2012    

    Pero si quiero pones otra cosa esn esa esquina.. donde lo edito?

    • Febrero 7, 2012    

      Amigo eso depende de que cosa quieres poner. :zombie:

  5. Noviembre 1, 2012    

    Juvinao sale error :/

    • Noviembre 1, 2012    

      Erick mira el blog de pruebas, funciona muy bien :zombie:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo