Estaba buscando una manera de poner listas de enlaces en el sidebar de mi blog sin que se vieran interminables, así que busqué un código html que me permitía poner un scroll, pero después mientras veía el blog de la Manne, recordé que existen scroll con movimiento y que podría ser útil, además de ahorrar espacio también permite darle dinamismo al asunto. Así como soy buena samaritana voy a explicar como hacerlo.
Esta primera opción permite poner un scroll para que se pueda bajar y/o subir y que la lista quede en dimensiones visiblemente más adecuadas como en el ejemplo.
Para instalarlo debes hacer lo siguiente: vas a
Diseño -> Elementos de página -> Añadir un gadget -> HTML/Javascript.
Para modificar el tamaño de este gadget, cambia el width (ancho) y height (alto) de acuerdo a las dimensiones de tu sidebar. Para cada enlace deberás poner el enlace correspondiente en enlacedelblog y el nombre de éste en NOMBREBLOG.
Cada una de estas lineas es un enlace
< li >< a href = " http://www.enlacedelblog " > NOMBREBLOG < / a >< / li > (sin los espacios)
Así que si quieres agregar o quitar enlaces sólo debes agregar o quitar esas líneas de código.
Ahora el...
Scroll con movimiento
Tenemos dos opciones, la tipo marquesina que se mueve hacia un lado.
Para tenerla sólo debemos copipastear (copiar y pegar) el siguiente código en donde queramos incluirlo (entrada del blog en "edición HTML" o en el sidebar de nuestro blog) en Diseño -> Elementos de página -> Añadir un gadget -> HTML/Javascript.
Pueden editar la cantidad de veces que se verá el texto cambiarlo el numero que deseen en "loop"
y la opción es la que me solucionó la vida con la listas de enlaces
Lo que hice para tener enlaces en vez de sólo palabras fue simplemente colocar el código para agregar enlaces (< li >< a href = " http://www.enlacedelblog " > NOMBREBLOG < / a >< / li > ) ya editado con los enlaces que quería agregar, por supuesto, en lugar de las palabras.
Pueden editar el ancho, largo, los colores y lo que quieran agregar adentro del código (incluso la velocidad del movimiento en "scrollamount", mientras más alto el numero, más rápido se moverá)
Una ayuda para copipastear los códigos
Para seleccionarlos todos hacer click ctrl + a en el cuadro del código.
Para copiar el texto hacer ctrl+c
Para pegarlo hacer ctrl+v
Creo que me alargué un poco... es que a veces me emociono demasiado con el tema
0 comentarios:
Publicar un comentario