Konichiwaa ^^ Me he dado cuenta que los bloggeros que tenemos las entradas sin "leer más", tenemos el problema de que es un rollazo para los que visitan nuestro blog estar subiendo y bajando para poder ver las noticias más antiguas de la página, así que he estado buscando una solución y la he encontrado en Ciudad Blogger y es poner flechas para ir arriba y abajo del blog x3 Para ver un ejemplo de como actúan lo podéis ver directamente aquí, en este blog :D
Para ponerlas tenéis que seguir estos pasos (es para poner una flechas con efecto deslizante, si las queréis fijas, id a esta entrada de Ciudad Blogger Boton de ir arriba e ir abajo (Ciudad Blogger) ):
- Diseño > Edición de HTML.
- Antes de </head> pega:
<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'></script>
<script>
google.load("prototype","1.7.0.0");
google.load("scriptaculous", "1.9.0");
</script>
<!-- Prototype y Scriptaculous-->
- Antes de </body> pega:
<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='Ir arriba'/></a>Donde pone Url de la imagen, ponéis la de vuestras flechas, aquí tenéis dos ejemplos
<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='Ir abajo'/></a>
En cualquiera de los dos métodos (simple o deslizante) si usas una plantilla nueva del Diseñador de plantillas de Blogger entonces tendrás que buscar esta línea:
<div class='body-fauxcolumns'>
Y cambiarla por:
<div id='outer-wrapper' class='body-fauxcolumns'>
Luego buscar esta línea:
<div class='content-cap-bottom cap-bottom'>
Y cambiarla por:
<div id='footer-wrapper' class='content-cap-bottom cap-bottom'>
Con eso funcionará también en esas plantillas.
Fuente: Ciudad Blogger
0 comentarios:
Publicar un comentario