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