gadget con image

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


En este ejemplo el id del gadget es Label1 y corresponde a las etiquetas del blog.

Ya teniendo el id del widget, pega antes de ]]></b:skin> lo siguiente:

#Label1 h2 {

background: url(URL de la imagen) left top;

color: #000;

}


Y así sucesivamente para todos los gadgets a los que quieras ponerle la imagen de fondo, sólo debes cambiar la URL de la imagen y en color cambiar el color del texto del título.

labels

Si lo prefieres también puedes cambiar todo el título por una imagen, sólo que en su lugar pegamos antes de ]]></b:skin> esto:

#Label1 h2 {

background: url(URL de la imagen) no-repeat top;

height: 30px;

}

No comments: