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.
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: