*Ubicación en ReCurSOS:
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.
© 2010 por Recursos para tu Blog
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("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</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("outer-wrapper",{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("footer-wrapper",{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("outer-wrapper",{offset:-140}); return false'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFl7SIdl6-O2-hoS-_-MdqCu84XdnFI4TmiRp5rE6XU54LtJwV1CGPGmofJ6TuKS2YnFSTxxQZIcZjZeSK49CsvDLsxM_3x5rBqYIHn9BjILHkAUWhV3C2pR7rWQsohiQZ64YJ/s200/arrow8a.png' style='position:fixed; top:0; right:0;' title='Arriba'/></a>
<a href='#footer-wrapper' onclick='new Effect.ScrollTo("footer-wrapper",{offset:-140}); return false'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZgDea2I_avu_izfnZ4_5argYqK10EUPeonQk0V45_EYWT3pbzlgT2-13F-__8g9jCA0lTXEI-AbOsrDznm535VTxihDDaQfVLMyZfKPIr6sJ4oOa-xkWrLSinLSRhk22ko2Nq/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:
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
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.
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!
marzo 12, 2010
Feri:
Podés revisar si se tildó algo en ellos?
Gracias
SUsana
marzo 13, 2010
Bueno Su, hoy a la tarde lo veo.
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.
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!
abril 21, 2010
Ok, muchas gracias. todo en orden. un abrazo... Me gusta este versículo de la Biblia: Rom 13: 12.
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!!!!!!!!!
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/
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.
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
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
Publicar un comentario