Gadget con scroll para una lista de enlaces


Si quieres agregar una lista de enlaces en la sidebar de tu blog, muchas veces la lista puede resultar interminable por la cantidad de enlaces. Por esta razón es conveniente poner un scroll para que se pueda bajar y/o subir para así convertir la lista en una lista de dimensiones visiblemente más adecuadas.



Para instalar este scroll de enlaces, haz lo siguiente:

1) Ves a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript. En él pega el siguiente código:

<div class="widget-content">
<ul style="height:150px;width:150px; overflow:auto; ">

<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>
<li><a href="http://www.enlacedelblog">NOMBREBLOG</a></li>

<span style="font-weight:bold;"></span>
</a></li></ul></div>

Código a copiar/pegar

Para modificar el tamaño de este gadget, cambia el with y height 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.

Para agregar o eliminar enlaces, fíjate en como está estructurado el código.

Todo listo, espero que te sea de utilidad.

20 comentarios:

  1. Este gadget es muy peculiar, de hecho pienso que es mejor a los que tiene Blogger pues este es mas personalisable que hasta el color le podríamos cambiar a uno o a varios enlaces, entonces a pesar de que no tengo planes de usarlo te digo:

    Muy buen gadget

    Sigue así, ya veras que tu trabajo se va recompensando poco a poco.

    Saludos.

    ResponderEliminar
  2. pues claro que es de utilidad jejeje una pregunta se pueden meter imagenes, a ver si me explico tu enlace en mi blog es un rectangulo que lleva tu dirreccion se puede poner o tengo que quitar el rectangulo y poner tu direccion ahi espero haberme explicado

    ResponderEliminar
  3. Hola sólo quiero felicitarte por tu gran blog, increiblemente bueno, entré a curiosear y me quedé unas cuantas horas, bueno, eso, ¡Felicidades!! y en cuanto mañana abra mi blog del gato pondré un link o enlace al tuyo. Me gustó leerte. Saludos.

    ResponderEliminar
  4. @Gigaman. Gracias por tu comentario compañero.

    @Goyu73. Claro que puedes poner imágenes. Sólo debes cambiar el enlace tipo texto por el enlace clásico para poner una imagen. Aquí puedes ver como se hace

    @Elgatoescondido. Gracias por tu comentario y bienvenido a este blog y al mundo blogger. Y por supuesto, muchísimas gracias por incluirme en tu lista de enlaces. Un saludo amigo.

    ResponderEliminar
  5. A mí también me parece muy útil, no sólo porque lo puedes personalizar, sino porque ocupa poco espacio. Cuando llevas mucho tiempo y usas muchas etiquetas, evitas tener una largaaaaaa lista con todas las etiquetas. Ahora mismo lo voy a poner. Genial como siempre!!!

    ResponderEliminar
  6. Me alegro que te sirva Lipooh. Un saludo :)

    ResponderEliminar
  7. Gracias!
    pero tengo una duda,como se pone una imagen en cada link?

    ResponderEliminar
  8. Hola wweash27. Un enlace con imagen se hace siguiendo estos pasos:

    <a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>

    La próxima vez por favor emplea el buscador.
    Saludos.

    ResponderEliminar
  9. Hola,

    me salen los enlaces pero uno muy debajo del otro, algo muy extraño, sabes por qué me puede pasar eso?

    gracias,

    ResponderEliminar
  10. Hola "el que grita". Veo que tienes el mismo problema con todos los espacios de tu blog. Haz una cosa, ves a Configuración->Formato. Allí comprueba que ponga "Sí" en "Convertir saltos de línea".

    ResponderEliminar
  11. Ya está!!

    He estado buscando por tu blog y he encontrado otra posibilidad, recortando el texto y apareciendo todas mis entradas recortadas y con salto de página.

    Estaba preocupado porque cuando escribo me explayo agusto y me alargo mucho, pero para el visitante no es agradable darle a la rueda del botón eternamente y quería solucionarlo y...una vez más me has ayudado.

    Como diría aquel..."bueno, bueno, bueno si te hubiera conocido antes!!!"

    ResponderEliminar
  12. Jajaja, pues ahora que ya me has encontrado ya sabes que aquí me tienes para ayudarte en lo pueda. ¡Un saludo!

    ResponderEliminar
  13. Hola amigo:
    Quiero saber si se puede poner scroll a todas las entradas del blog (o a entradas con determinadas etiquetas o secciones).

    Muchas gracias. Muy útil el espacio. Saludos.

    Conrado
    cuestionesdelenguaje@gmail.com

    ResponderEliminar
  14. Gracias, da gusto aprender cosas nuevas. Pronto lo incluiré en mi blog
    www.dedoscomplementos.blogspot.com

    ResponderEliminar
  15. Gracias por la entrada,me sirvió de mucho y ya la he puesto en práctica en mis blogs===

    ResponderEliminar
  16. como puedo poner en vez de enlaces.. imagenes? que sea un scroll de imagenes, ya que mis entradas incluyen todas fotos.

    ResponderEliminar
  17. hola buenos dias quisiera saber si te interesaria hacer un intercambio de enlaces si quieres por favor deja un comentario en http://tododeguitarra.blogspot.com/
    diciendo que quieres

    muchas gracias por la atencion

    ResponderEliminar
  18. hola, quiero ponerlo pero no sé en qué parte del código html.. lo copié en cualquier lado pero me tira error. y desde "add gadget" me dice que tengo que agregarlo desde una url... lo tenés subido a alguna url??

    gracias!!

    ResponderEliminar
  19. me gustaria saber como hago para poner un gadget que pinches y se abra una pagina con los enlaces como tiene esta chica cuando pinchas en favourites a la derecha
    http://www.modeperle.com/

    ResponderEliminar
  20. Gracias, buscaba poner las paginsa amigas y no encontraba el gadget de blogger que era para ello y con este me sirve, saludos

    ResponderEliminar