sábado, 14 de abril de 2012

Flechas subir y bajar en blogger

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(&quot;outer-wrapper&quot;,{offset:-140}); return false'><img border='0' src='URL de la imagen' style='position:fixed; top:0; right:0;' title='Ir 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='Ir abajo'/></a>
Donde pone Url de la imagen, ponéis la de vuestras flechas, aquí tenéis dos ejemplos 

  

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.

0 comentarios:

Publicar un comentario