Una de las cosas que más me llama la atención al visitar la página de cualquier web es la facilidad con la que se puede ir arriba e ir abajo sin tener que pasar por ese laberinto que me significa recorrer todos los comentarios que han dejado, y que muchas veces me hacen perder el entusiasmo de volver hacia arriba (si es que tuve el valor de arriesgarme a ir hasta el último de la página). Para ello siempre trato de utilizar aquellos simpáticos botoncitos situado a un costado de la pantalla y que me ayudan a ir hasta arriba nuevamente sin mucho trámite engorroso.
Por eso aquí les va una forma sencilla de poner estos botones para que si algún día alguien como yo -que no le gusta las complicaciones- visita tu página, le facilites las cosas.
Antes que nada, debido a que las nuevas plantillas de bloger tienen modificaciones en su estructura, y si ya dejaste de usar la vieja plantilla, deberás cambiar algunos puntos.
Busca en tu plantilla –sin expandir artilugios- lo siguiente:
<div class='body-fauxcolumns'>
Y cámbiala por esta otra:
<div id='outer-wrapper' class='body-fauxcolumns'>
Luego busca esta línea:
<div class='content-cap-bottom cap-bottom'>
Y cámbiala por esta:
<div id='footer-wrapper' class='content-cap-bottom cap-bottom'>
Si aún permaneces aferrado a la vieja plantilla por aquello de que te trae viejos recuerdos, entonces no deberás cambiar nada.
Ahora sí, primero ve a Diseño, edición HTML, y recuerda– sin expandir artilugios- pega antes de </body> el siguiente código:
<a href='#'><img border='0' style='position:fixed; top:0; right:0;' src="URL de la imagen" title="Ir arriba" /></a>
<a href='#footer-wrapper'><img border='0' style='position:fixed; bottom:0; right:0;' src="URL de la imagen" title="Ir abajo" /></a>
<a href='#footer-wrapper'><img border='0' style='position:fixed; bottom:0; right:0;' src="URL de la imagen" title="Ir abajo" /></a>
Este código es cortesía de Ciudad Blogger
Cambias la url de la imagen por la que tu hayas subido anteriormente a Picasa u otro sitio que prefieras (Picasa es una buena opción, y es gratuito) y luego de dar en vista previa para asegurarte que todo está como planeaste das en guardar. Aunque en vista previa solo podrás visualizar los botones o la imagen que hayas insertado.
P.D: El tamaño de las imágenes (las flechas o lo que decidas poner allí) es recomendable que sean de no más de 50x35px para que no se vean demasiado grandes y no entorpezcan la visibilidad de la parte lateral de la página, aunque, claro, eso ya queda a criterio tuyo. Solo es cuestión de gustos.
No hay comentarios:
Publicar un comentario
Copia lo que quieras. Si crees que valió la pena, menciona este blog.