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.

Categorías: Trucos Blogger

7 comentarios

Chiknaui.Mikistli Joel Molina Reyes · diciembre 11, 2011 a las 10:49 pm

gran aporte y excelente plantilla… saludos

Blosk Sánchez · diciembre 12, 2011 a las 1:17 pm

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.

Juvinao · diciembre 12, 2011 a las 1:37 pm

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 😎

NxoVoix · febrero 7, 2012 a las 4:49 am

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

    Juvinao · febrero 7, 2012 a las 4:11 pm

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

Erick Vásquez · noviembre 1, 2012 a las 12:31 am

Juvinao sale error :/

    Juvinao · noviembre 1, 2012 a las 4:25 pm

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

Responder a Juvinao Cancelar la respuesta

Marcador de posición del avatar

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