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. (By: RekliS)