martes, 8 de septiembre de 2009

FLECHAS ARRIBA ABAJO

Respondiendo a Sumer que decía así:

Y como puedo poner otra flecha arriba de esas, ¿que valla abajo?. ¿En qué lugar lo tengo que pegar al código?

Esta pregunta estaba en relación a la siguiente entrada en la cual se explicaba como hacer una flecha en la parte inferior del blog que permitiera acceder a la parte superior del blog de una forma rápida tan solo pulsando encima del icono. Hoy os voy a mostrar una forma muy sencilla de crear 2 flechas, una que permita subir y otra que permita bajar. Debo decir que aquellos que crearon ya la flecha hacia arriba deberían suprimir la parte de código que se insertó ya que con lo que voy a explicar realiza la misma función pero en este caso también tendremos la opción de bajar :).

El resultado será a mitad de pantalla en el costado derecho dos flechas como las siguientes:



Para insertarlo en vuestro blog lo que tendréis que hacer es ir al código de vuestra plantilla y insertar el siguiente código justamente encima de </body>
<a href='#' rel='nofollow' style='display:scroll;position:fixed;bottom:260px;right:5px;' title='Ir Arriba'><img src='http://i31.tinypic.com/2vtqqt3.png' style='border:0;'/></a>
<br/>
<a href='#GoDown' style='display:scroll;position:fixed;bottom:225px;right:5px;' title='Ir Abajo'><img src='http://i32.tinypic.com/16lle91.png' style='border:0;'/></a>
<a name='GoDown'/>
Modificaciones:

Podremos ajustar alguno de los atributos de este código, quizás el mas visual sea el icono de las flechas, si insertáis el código tal cual lo puse os aparecerán las flechas que puse como ejemplo, en caso de que queráis poner otras flechas o otras imágenes, lo único que tendréis que hacer es modificar la url señalada en azul, la primera hace referencia a la flecha de arriba y la segunda a la flecha hacia abajo.

Los números señalados en rojo es la distancia existente entre las 2 flechas, por tanto modificando estos valores sonseguiremos distintos efectos.

Espero que os sea útil ya me decis que os parece :)

26 Comentarios:

Merlina dijo...

¡Gracias Caxitos!:) seguramente hay alguien que también lo necesite. Fijate como quedó en mi blog, pues, una flecha es más pequeña que la de abajo, pero bueno, no encontré otra parecida :P
Perdona que sea taan molesta, pero, ¿cómo se hace para que un texto esté en movimiento?, que valla todo escrito en movimiento para la izquierda, así. Es que lo he visto en otras webs. ¡Gracias por la entrada y saludos!

caxitos dijo...

Sumer No eres molesta ;) Fijate en el apartado de marquesina, ahí encontrarás lo que estás buscando, concretamente el texto en movimiento se hace consultando:

MARQUESINA TEXTO

Merlina dijo...

¡Caxitos!, ¡siempre me pasa algo!, la otra vez lo de la nube en movimiento que desapareció de un dia para el otro, ahora lo mismo me pasó con las flechas, las tenía perfectamente en mi blog y hoy entré y me encontré con que no están más. Luego, entré en la plantilla y los códigos estaban pero las flechas en el blog no. ¿Qué habrá pasado?. Gracias, así lo puedo solucionar.

caxitos dijo...

Sumerz JEJE es magia!! :) No mentira, eso es pruducido principalmente por 2 cosas. En primer lugar no tenemos que perder de vista que blogger es una plataforma para alojar blogs de forma gratuita, por tanto en ocasiones es posible que tenga pequeños fallos, por otro lado, hay que tener en cuenta que por ejemplo cuando creaste las flechas le indicaste una url donde se encuentra la imagen, por tanto si el servidor de imagenes falla, se ve reflejado en tu blog. En principio no debes preocuparte ya que son fallos normalmente puntuales.

Aline dijo...

MUCHAS GRACIAS!!!
YA lo hice, quedo padrisimo en mi blog !!!
la explicación muy clara, me hiciste facil este procedimiento, lo estaba buscando =P

Anónimo dijo...

hola! quiero poner ir arriba ir abajo en texto, sin flechas, ¿cómo lo hago? gracias!

caxitos dijo...

lk Para ponerlo en texto tan solo tendrás que eliminar la etiqueta img y Escribir tu texto ahi.

Anónimo dijo...

Ya puse mis flechas y quedó muy bien, pero me gustarían en otro color. Cómo cambio el color de las flechas? Cómo sé el códogo que tengo que cambiar?
Muchas gracias

tonimix dijo...

Gracias Caxitos, es lo que estaba buscando, el código me funciona perfectamente, y yo he cambiado las flechas por otras de mi gusto, creo que me a quedado genial, para el que quiera verlas aquí esta mi blog http://elblogdetonimix.blogspot.com/ ............ saludos

caxitos dijo...

Anonimo Dejar vuestros nombres para que todos podamos dirijirnos a vosotros!!:) Para cambiar el color de las flechas lo que tendrás que hacer es cambiar la imagen en si, buscando flechas del color que desees, tienes señalado en azul la url de las flechas verdes, unicamente tendrás que cambiar esta direccion por la tuya.

cabure dijo...

Gracias Caxitos pòr el aporte.Hace poco que empecé en esto de los bloggers ( es mejor que los xats),apenas 3 dias y me falta mucho por aprender, pero no tengo miedo en experimentar.
Mi consulta: he notado que cuando acciono las flechas, en la barra de direccion, aparece junto a mi direccion esto: #GoDown. ¿?

Marduke dijo...

Oye amigo intento muchisimo y no me funciona y no se endonde entrar por favor Ayuda

caxitos dijo...

MardukeHola para insertar el código deberás de entrar en el HTML de tu plantilla es muy fácil! si no lo consigues avisame y intentaremos ayudarte. Salu2 :)

Marduke dijo...

Ah ya lo encontre Muchisimas Gracias una pregunta y como puedo poner un Gaget alli cerca de la cabecera???

Marduke dijo...

Me refiero a poder poner ese gif como Gagdet cerca de la cabecera:http://www.flashvortex.com/download.php?generatorId=439

dale calor dijo...

Buenas, habia probado con otras flechas y por una cosa u otra nunca habia conseguido funcionaran, estas van perfecto solo tengo que cambiar la imagen y bien.

http://dalecalor.blogspot.com

Viento dijo...

Toda una sorpresa para mi, poner algo en google y que me traiga a un sitio que funciona. Gracias, acabo de poner las flechitas y van muy bien, un saludo.

amarteatii dijo...

quiero saber como puedo cambiar la forma de como aparece la flecha cuando muevo el mouse en mi blof

caxitos dijo...

amarteatii Yo he probado algún script que hacía esto pero la verdad que no lo llegué a publicar, voy a buscarlo y tan pronto como lo encuentre lo pondré para que podáis hacer uso de el. De todas formas si lo consigues avisame!! Me gustó mucho tu blog!

Celino Palacios dijo...

como puedo hcer pra que la flecha de abajo no baje hasta el final sino de que poco a poco

Antonio Guzman dijo...

Dice mi blog que no se guarda el artilugio por id exclusiva oa algo asi, que hago?, gracias de antemano

caxitos dijo...

Antonio Guzman Buenas Antonio, el código lo comprobé y es correcto, lo único que debes de cambiar es la dirección de las imagenes. Es posible que sea ese el error que te está dando. Prueba y me dices, si tienes alguna duda o problema no dudes en comentarlo.

Publicar un comentario

Haga su comentario

Bienvenido al Rincon del Blog
Tus comentarios nos ayudan a mejorar
Muchas Gracias por Comentar.