Inicio - Home

Boton o flecha para ir arriba e ir abajo .



Colocar las flechitas o indicar con un cartelito la posibilidad de navegar mas rápido por la página del blog es una buena decisión, sobre todo si tu post es extenso.


Este truco tiene dos partes.

Primera: se trata de colocar un script antes de </head>.
Vas a Diseño > HTML > y busca </head>. Recuerda que puedes usar Ctrl. + F para acelerar la búsqueda.

Justito antes de </head> pegas este código.


<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>
<!-- Prototype y Scriptaculous-->



Guarda el cambio.

Segunda parte: ahora vamos a las flechitas y la posición en tu blog. Debes buscar </body> . Vuelve a usar Ctr. + F. Justito antes pega este código:


<a href='#outer-wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false'><img border='0' src='URL de la imagen' style='position:fixed; top:0; right:0;' title='Arriba'/></a>


<a href='#footer-wrapper' onclick='new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false'><img border='0' src='URL de la imagen' style='position:fixed; bottom:0; right:0;' title='Abajo'/></a>



Reemplaza donde dice URL de la imagen por la imagen que quieras usar. Puede ser una flecha, un cartelito, lo que desees.
Si quieres uno completo te lo dejo armado a continuación, así lo insertas y listo.


<a href='#outer-wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false'><img border='0' src='http://2.bp.blogspot.com/_qgZA1ny_dAs/S0QFsV1WD7I/AAAAAAAADhs/ZBKrnpzqBrk/s200/arrow8a.png' style='position:fixed; top:0; right:0;' title='Arriba'/></a>


<a href='#footer-wrapper' onclick='new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false'><img border='0' src='http://4.bp.blogspot.com/_qgZA1ny_dAs/S0QKJ3oGf7I/AAAAAAAADis/m4YOx1C9N2g/s320/arrow8b.png' style='position:fixed; bottom:0; right:0;' title='Abajo'/></a>



Guarda los cambios.
Verás a la derecha de tu blog las imágenes, para subir y bajar por el blog con efecto deslizante. Les dejo una página con miles de íconos. Este es el enlace a las flechas (arrows). http://icons.mysitemyway.com/free-icons-clipart-tagged/arrow/748/.
Espero les sea útil.Saludos y una excelente semana!
Si quieren me votan en este botoncito verde. Gracias!





© 2010 por Recursos para tu Blog

13 besos para Feripulino:

SUsana

marzo 10, 2010

Hola Feri:
Muchísimas gracias por este truco. Tengo el que habías dado para subir, me faltaba para bajar.
Espero poder hacerlo, sigo con los gadgets trabados. Explorer no cambio la situación o no supe hacerlo.
¿Cömo estás?
Besos,
SUsana

La Catarina

marzo 11, 2010

Hola Ferip
Gracias por este truco. Voy a intentarlo a ver si puedo. Gracias por ayudarnos tanto. Yo ahí la llevo con mi blog La Catarina, metiéndole más cositas cada vez. Ya logré insertar una imagen grande en la cabecera, como me dijiste. Gracias por tu invaluable ayuda. Te mando besos desde tierras mexicanas.

Claudia

PD Una preguntita, sólo por curiosidad. ¿Quién es Feripulino? Me encanta leer cuando le mandas besos y mas besos.

Recursos para tu blog - Ferip -

marzo 11, 2010

Hola Su, es todo un tema lo de los gadgets. Lo extraño es que en mi caso no tengo ningún problema, con ningún navegador. Si querés que te cambie algo, decime.
Un beso!!! Cómo estoy? Re cansada! y extraño a los nenes...
:S


Claudia, te quedó hermoso el encabezado. Felicitaciones! Feripulino es mi asistente...
Besos!

SUsana

marzo 12, 2010

Feri:
Podés revisar si se tildó algo en ellos?
Gracias
SUsana

Recursos para tu blog - Ferip -

marzo 13, 2010

Bueno Su, hoy a la tarde lo veo.

SEBA

abril 10, 2010

Holita, todo bien copadísima la flechita, pero me surgieron dos problemita (no te culpo es que yo soy un queso)
1) el ícono superior me tapa las herramientas "personalizar" y "salir" y no las puedo usar.
2) el ícono inferior no funciona.

Recursos para tu blog - Ferip -

abril 21, 2010

Seba:
para variar la posición y que no tape cambiá los valores de la distancia del ícono, que en el código aparece como -140.
Ajustalo a tu gusto.
Lo segundo es extraño, ya que yo lo coloqué en otro de mis blogs y trabaja correctamente.
Fijate nuevamente si no te falta algo.
Cualquier cosa me vuelves a decir.
Saludos!

SEBA

abril 21, 2010

Ok, muchas gracias. todo en orden. un abrazo... Me gusta este versículo de la Biblia: Rom 13: 12.

Laura Toro.

abril 26, 2010

Hola Ferip: quise poner en mi blog la flecha para subir y bajar y me queda el cuadrado sin la imagen, qué hice mal?
Te envío dirección para que lo mires: http://escuelaprimaria140.blogspot.com

Gracias!!!!!!!!!

ClauLopTCO

julio 30, 2010

Hola Feri...!!!! Te quisiera dar las gracias por tu aporte de las flechitas hacia rato las estaba buscando. Mi estimada Feripula seguí todas sus indicaciones pero algo no salio bien,flecha bajar no funca. Te agradecería me brindaras tu ayuda experta porfa...
Atte. Claudio
pd: mi blog es el. http://musicaypensamientosdignos.blogspot.com/

ClauLopTCO

agosto 16, 2010

Hola Feri...Gracias por tu comentario al visitar mi blog. La oración es una gran herramienta y el propósito de mi post es acercar a las personas a Dios por medio de la música Inspiradora.Y en cuanto al tema de las flechitas me salieron un cacho,las he modificado y na de na....ummm...creo que las eliminare y gracias nuevamente por tu gran aporte y preocupación. Atte Claudio.

ABEL

septiembre 02, 2010

Hola Feri. Tengo mi blog en http://www.jazzconsaxofon.blogspot.com Durante dos años no he tenido problema con mis 3 columnas, pero ahora la tercera side bar aparece desplazada hasta el final de la segunda columna.¡Como se corrige esto? Mil gracias

dale calor

febrero 19, 2011

hola primeramente enhorabuena por tu trabajo, he usado el sistema de flechas tal y como comentas y aparecerme me aparece pero no hace el scroll ni poniendolo ni en izquierda ni en derecha, tambien quite por si acaso una imagen flotante que tenia para animar a comentar, de momento lo he quitad pero si le ves alguna solucion yo encantado
http://dalecalor.blogspot.com

Comentarios recientes

Pasa el cursor, acaricia al gatito...
Este blog tiene entradas y valiosos comentarios. Muchas gracias.

  © Blogger templates Recursos para tu blog by Feripula 2008

Volver a ARRIBA