jueves, 27 de octubre de 2011

¿Botón para ir arriba?

É posible que vos fixarades na frecha que aparece a dereita do meu blog. Pois ben, esta frecha serve para volver arriba do meu blog se estas abaixo de forma mais sinxela, facilitando asi a navegación por el.
A frecha é esta:


Como engadir esta función ao blogue?

1- Vamos a Diseño > Edición de HTML e engadimos o código(que poñerei posteriormente abaixo)  antes de </head>.Como nos vai resultar complidado atopar  </head> entre todalas letras, simbolos, etc. pulsamos F3 e apareceranois un buscador.Ahi sera donde buscaremos </head>.
O codigo que deberemos copiar será:


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
//]]>
</script>


2-Agora vamos a engadir o script do noso efecto deslizante ao volver arriba antes de </head>:
O codigo è:


<script src='http://www.todoblogger.com/wp-content/uploads/2010/08/ir-arriba-jquery.js' type='text/javascript'/>




3-Por último quedanos añadir o botón no blog, para esto vamos a pegar o seguiente código antes de </body> que buscaremos tamn co buscador mencionado antes(F3):
O còdigo è:


<a href='#' onclick='MGJS.subir();return false;' title='Volver arriba'><img src='http://www.todoblogger.com/wp-content/uploads/2010/08/ir-arriba.png' style='position: fixed; bottom: 10px; right: 10px;'/></a>


4-Isto é opcional pero se queremos cambiar a imxe por outra calquera, seleccionamos a parte indicada a baixo do código e sustituimola por a URL doutra calquera buscada en Google.




<a href='#' onclick='MGJS.subir();return false;' title='Volver arriba'><img src='http://www.todoblogger.com/wp-content/uploads/2010/08/ir-arriba.png' style='position: fixed; bottom: 10px; right: 10px;'/></a>


Listo! Damoslle a gardar e xa temos temos acabado o noso botón para ir arriba.

No hay comentarios:

Publicar un comentario