domingo, 22 de febrero de 2009

FLECHA IR ARRIBA

Como hacer una flecha para subir rápido, este icono nos permite acceder de una forma muy rápida a la parte superior del blog, es una utilidad bastante útil sobre todo cuando se tiene un blog bastante largo.
Si os fijáis en la esquina inferior derecha vereis una flecha de color azul que hacer lo que explicaré a continuación.

Dirigirse a Diseño->Edición de html y buscar </body>, una vez localizado tendremos que copiar justamente encima el siguiente código:

<a href='#'><img alt='ir arriba' border='0' src='ruta de la imagen' style='position:fixed; bottom:0; right:0;'/></a>

Ahora es cuando tendremos que buscar una imágen que se integre en nuestro blog, para ello podemos hacer uso de algun buscador de iconos por ejemplo este.
En mi caso por ejemplo introduje la palabra up.
Una vez localizado el icono que nos agrade con el botón derecho del ratón hacer click encima de la imagen y copiar la ruta de la imagen.


Sustutuir en la parte del código donde pone ruta de la imagen, recordar para previsualizar el resultado hacer uso de la vista previa


Hoteles Corralejo
inmobiliaria alcorcon

32 Comentarios:

Milalibelula dijo...

Muy interezante tu blog, fácil de entender y de mi interés.
Gracias por la visita.

Rosy dijo...

hola!
gracias pro pasar por mi blog y gracias por dar trucos, apenas pueda pondre en paactica a ver si aprendi :p
saluditos
Rosy

carolina dijo...

un blog muy interesante y sobre todo muy util àra una inexperta como yo ;)

Juana Elena dijo...

hola amigo,muy util e interesante tu blog,me gusto mucho,quisiera saber como poner un nombre y que al darle click se vincule a su blog,por ej,poner juanaelena y que al darle click direccione a mi blog,no se si me explique ,jeje,ojala puedas ayudarme,saluditos,que tengas un lindo dia....

blogdesconecta dijo...

Hola Ivan, estareos encantados de estar en un blog como este. Me parece muy interesante, me pasare a menudo por aquí. Muchas gracias

p.d: mirate lo del icono de subir para arriba de calico, porque me parece que no funciona ;)

salu2!, blogdesconecta.com

caxitos dijo...

Querido amigo, para subir arriba es la flecha azul, la imagen de cálico es una imagen flotante, a mi me funciona perfectamente, depende también de la versión del explorador, es casi imposible que funcione bien para todos los exploradores y sus respectivas versiones Saludos.

H-ugo!!! dijo...

muchas gracias te pasaste

te dejo mi blog para q veas como kedo

http://musicmadonna.blogspot.com/

kyorio99 dijo...

Gracias por todo amigo me fue de maravilla,
disculpa la falta de originalidad pero me gusto mucho tu felcha asi que usse esa, y pues muchas gracias
amigo, espero un día yo poder hacer
aportes como muchos como tu al prójimo :)

Merlina dijo...

No sé com poner la flecha:(. Ya probé y no pude. Pero lo demás salió bien:)

caxitos dijo...

Merlina Copiaste la URL del icono como indique? Recueda que debes sustituirla por donde puse ruta de la imagen puedes probar con esta ruta por ejemplo:
http://www.iconfinder.net/data/icons/function_icon_set/arrow_up_48.png

Merlina dijo...

¿Cómo se podría seguir el blog?. No encontré ningún botón para seguirlo.

caxitos dijo...

Merlina Para seguir el blog puedes hacerlo mediante feed subscribiendote. El enlace esta en la barra de la derecha donde dice 'SIGUEME' o bien puedes crearte un enlace en los favoritos de tu explorador. Un saludo! Un placer tenerte por aqui!

caxitos dijo...

Agustina Unicamente debes poner la dirección de donde se encuentra la imagen, si te fijas en el código hay una línea donde dice:
ruta de la imagen estas letras las deberás sustituir por algo como esto:
http://www.iconfinder.net/data/icons/drf/PNG/up_alt.png
Puedes probar con esa dirección, se corresponde con la dirección donde se encuentra la imagen de una flecha apuntando hacia arribaa.Pruebalo y si no te sale comentame que te pasó!;)

Sumer dijo...

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

caxitos dijo...

Sumer Voy a hacer una entrada explicando como hacerlo, es realmente muy sencillo, intentaré explicarlo hoy mismo. Lo cierto es que como yo soy partidario de hacer la pagina principal lo mas corta posible es decir 1 o 2 post no había caido en hacer la flecha hacia abajo pero don´t worry qu tu si que podrás tenerla :)

Alimonia dijo...

gracias por tu ayuda.. buscaba eso desde mucho tiempo, pero siempre lo explican mal.. gracias a ti lo consegui. gracias.gracias

Obito dijo...

man puse todo me sale la imagen pero la verdad no me sube la imagen cuando le hago click

caxitos dijo...

Orbito Revisa bien los pasos y hazlo poco a poco, ya que funciona perfectamente, también te recomiendo actualices la versión de tu explorador ya que en ocasiones es debido a que una versión antigua no reconozca el javascript. Un saludo ya cuentas como fue.

JOVENES LLAMADOS A SERVIR "JOLLAS" dijo...

EXCELENTE aporte, lo aplique en el blog y funciono a la perfección, muy agradecido por el aporte

te dejo el link de mi blog donde aplique el truco:

http://elcofredejollas.blogspot.com/

david dijo...

gracias!!!! lo he estado buscando!!!! me soluciono besos y abrazos haaaaaaaaaa! gracias gracias gracias gracias gracias mucho mucho mucho mucho mucho mucho eres el mejor!!!1

happycrations dijo...

hola, soy nueva en esto del blog me parecio bien util y facil lo de la flechita arriba, pero no se porque no me funciono y ademas me cambia el color del fondo del blog??????

caxitos dijo...

happycrations Efectivamente...es muy facil integrar la flecha.. lo mas provable es que te hayas equivocado en algo ya que el codigo es correcto, puedes probar a integrar las dos flechas, está explicado en la siguiente dirección:

http://sitiooriginal.blogspot.com/2009/09/flechas-arriba-abajo.html

Si tienes cualquier duda no dudes en preguntar!!

Fernando Javier dijo...

mmuy util amio me ayudaste en mi blog:

http://musicayfarandula.blogspot.com

HADA SOLITARIA dijo...

QUISIERA SABER SI PUEDO COLOCAR EN VEZ DE FLECHAS OTRA IMAGEN Y COMO HACERLO?

caxitos dijo...

HADA SOLITARIA Fijate en el código donde dice ruta de la imagen, allí será donde deberás insertar la ruta de la imagen que desees, de todas formas si tienes alguna duda pregunta que para eso estamos :) Un saludo.

Carlos Valle dijo...

tengo una duda, y es cómo colocar las flechas en el centro de la página, como tienes tu las dos flechas verdes. gracias

caxitos dijo...

Carlos Valle Las flechas que yo tengo puedes ver como se insertan en la siguiente dirección:

http://sitiooriginal.blogspot.com/2009/09/flechas-arriba-abajo.html

Un saludo y espero que te sirvan!!

The Genuine dijo...

hola chicos buen tuto pero sabe alguien como puedo hacer para poner las flechas de ir arriba, post siguiente, o post anterior.
Lo que digo es esto véanlo con sus propios ojos
http://es.kioskea.net/faq/2937-instalar-windows-xp-desde-una-memoria-usb#top

Quiero ponérselo a mi post
http://the-genuine.blogspot.com/
Si alguien sabe por favor comunicármelo en cristianrodriguez.seo@gmail.com

Publicar un comentario en la entrada

Haga su comentario

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