Bienvenido a VidaBlogger, un sitio dedicado a brindar Ayuda para Blogs.

Vas a poder encontrar trucos blogger, tutoriales y herramientas para blogs, aprenderás estrategias sobre SEO y posicionamiento web, y te daremos los mejores consejos para que lleves tu blog al máximo potencial!





21 feb. 2014

Como insertar flechas arriba/abajo

Si tu blog es uno de esos que contiene artículos muy largos con mucha información, también tiene imágenes y videos, es decir muchas cosas que hacen que la pagina de tu blog sea muy extensa, seguramente necesitaras de flechitas para subir y bajar.
A tus visitantes se le hará muy incomodo trasladarse de los mas bajo de la web hasta lo mas arriba, pueden utilizar la barra del navegador pero a veces es incomodo, tenemos que facilitarle la tarea. Debemos agregar botones que vallan desde el extremo superior al extremos inferior de la web.Para esto necesitamos de dos imágenes con flechas, una que indique para arriba y otra para abajo.
Ahora vamos a modificar el diseño del blog con codigo html.
  • Buscamos < /head >.y pega antes este codigo.
<!-- 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-->
  • ahora buscamos < /body >y antes pegamos este otro codigo.
<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 el URL de la imagen por el correspondiente y le das clic en “guardar”

A continuación unas imágenes de flechas:

flechas

flechas

flechas

flechas

flechas

flechas
flechas


Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

0 comentarios :

Publicar un comentario

Lea las reglas:

Todos los comentarios serán leídos y moderados previamente.

Serán publicados aquellos comentarios que respeten las siguientes reglas:
- Su comentario debe estar relacionado al contenido del post.
- No se aceptan comentarios tipo SPAM.
- No incluya links No necesarios en el contenido de su comentario.
- Si quieres dejar la url de tu blog, hazlo utilizando la opción OpenID.
- La caja de comentarios no es el lugar para pedir intercambio de links (para ello ve a la página de contacto).
- Ofensan personales, amenazas o insultos NO serán permitidos.

OBS: Los comentarios de los lectores no reflejan las opiniones del blog.