Colocar una imagen en el post-footer que haga subir hacia arriba en el blog con efecto suave es sencillo si:

1. Se coloca JavaScript una sola vez; si ya está no es necesario colocarlo otra vez.

2. Colocamos antes de la etiqueta </head>

<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load("prototype","1.6.1.0");
google.load("scriptaculous", "1.8.3");
</script>
<!-- Prototype y Scriptaculous-->

3. Diseño>Edición de HTML>expandimos artilugios. Usamos control+F y buscamos una línea de código similar a...

<p class='post-footer-line post-footer-line-1'>

O

<div class='post-footer-line post-footer-line-1'>

4. Debajo copiamos el código para ubicar la flecha:

<!--Flecha ir arriba -->
<a href='#outer-wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false'><img align='right' alt='Volver arriba' src='URL_DEL_ICONO_FLECHA' title='Volver arriba'/></a>

5. Guardar.

► Te puede interesar:
- Ir arriba e ir abajo con flechas y javascript
- http://www.blogdelujo.com/2011/10/ir-arriba-e-ir-abajo-con-flechas-y.html
- Ir arriba con una flecha en el pie de la entrada (post-footer)


Sin comentarios

Publicar un comentario

(-^o^-) (^_-) (#^_^#) (ÖoÖ) (*^o^*) (>_<) ( ̄へ ̄)(;_・) (ô_Ó) (O_O) (ˇ~ˇ) (ToT)(Q____Q) ಠ_ಠ (。◕‿◕) [(--)]ZZzzz

- Si el comentario es anónimo hay muchas posibilidades que no se publique.

 


UP