18 enero 2012

Poner el botón de “Ir arriba” e “Ir abajo” en el blog

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> 
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.

BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger