viernes, 16 de marzo de 2007

Blogroll de andar por casa para blogger

La verdad es que queda bien, ahorras un poco de espacio en la columna de la derecha y sigues teniendo tus enlaces a mano, por si a alguien le interesa os cuento como lo he hecho.
En el CSS dentro de las etiquetas "< style>< /style >", tenéis que introducir lo siguiente:

#blogroll ul {
/*list-style-type: none; */
list-style-type: disc;
margin 0 17px 0 0;
padding: 0;
height: 150px;
overflow: auto;
}
#blogroll li {
background-color: #F5EDE3;
margin 0 0 0 13px;
padding 0 24px 0 0;
}

El código #F5EDE3 es el color de fondo del blogroll, si lo queréis en blanco cambiarlo por #FFF.
Luego tenemos que crear el marcado en la plantilla justo antes del título que le habéis puesto a vuestros enlaces, en mi caso antes de
"< class="sidebar-title">Me paso por"
,
antes de esta línea tenéis que poner
< div id="blogroll">

y después del último

"< ul>"

poned la etiqueta de cierre
"< /div>"

(no dejéis espacio entre el "<" y la primera letra, yo lo he hecho en la entrada para no volver loco al navegador ) Si cambiais el número en la línea height=150px variais la altura del blogroll. No sé si he sido bastante claro, si tenéis alguna duda mandadme un e-mail.

1 comentario:

Miguel. dijo...

Gracias por la aportacion, me ha servido mucho. Un saludo