Añadir scroll en los gadgets

El scroll nos ayuda a ahorrar espacio, ya que le damos la dimensión que queremos y cada vez que un elemento sobrepase dicho tamaño se crea barra de desplazamiento. Los podemos añadir a las Etiquetas, al Blogrol, o a cualquier elemento de la columna lateral.
Vamos a los hechos. Lo primero que tenenos que hacer es obtener el id del elemento al que vamos a añadir el scroll. Para eso vamos a la Edición HTML de la plantilla, expandimos artilugios y buscamos (recuerden abrir el buscador con ctrl + F) el elemento. Vamos a usar como ejemplo "Etiquetas". Entonces buscamos Etiquetas y nos va a salir algo así:


<b:widget id='Label12' locked='false' title='Etiquetas'
type='Label'/>


La parte que nos interesa es donde dice id='Label12', ya que es a la que le vamos a asignar el scroll. Una vez que tenemos la id del elemento buscamos el siguiente código en la plantilla:

]]></b:skin>

y justo antes del mismo añadimos lo siguiente:

#Label12 ul{
height:200px;
overflow:auto;
}

Recuerda que donde dice Label12 tienes que poner el id que obtuviste tu.
Si queremos modificar algo, con height estamos dando una altura máxima al scroll, con overflow en auto conseguimos que las barras sólo se muestren cuando el contenido supere la altura.
Para modificar el color del fondo del scroll tenemos que añadir el código background, y nos quedaría así:


#Label12 ul{
height:200px;
overflow:auto;
background:#000;
}


Fuente: Vidablogger