Entradas
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
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 :)
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:
¡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!
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
¡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.
Ahora aparecieron :P perdona la molestia.
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.
MUCHAS GRACIAS!!!
YA lo hice, quedo padrisimo en mi blog !!!
la explicación muy clara, me hiciste facil este procedimiento, lo estaba buscando =P
hola! quiero poner ir arriba ir abajo en texto, sin flechas, ¿cómo lo hago? gracias!
lk Para ponerlo en texto tan solo tendrás que eliminar la etiqueta img y Escribir tu texto ahi.
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
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
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.
muchas gracias
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. ¿?
Viejo intento mucho pero no se en donde entrar por favor ayuda
Oye amigo intento muchisimo y no me funciona y no se endonde entrar por favor Ayuda
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 :)
Ah ya lo encontre Muchisimas Gracias una pregunta y como puedo poner un Gaget alli cerca de la cabecera???
Me refiero a poder poner ese gif como Gagdet cerca de la cabecera:http://www.flashvortex.com/download.php?generatorId=439
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
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.
quiero saber como puedo cambiar la forma de como aparece la flecha cuando muevo el mouse en mi blof
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!
como puedo hcer pra que la flecha de abajo no baje hasta el final sino de que poco a poco
bien
Dice mi blog que no se guarda el artilugio por id exclusiva oa algo asi, que hago?, gracias de antemano
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.