Poner imagen en los títulos de los gadgets

Unknown

Cómo poner imágenes de fondo en el título de ciertos gadgets.

La siguiente explicación nos servirá para cambiar cualquier titulo por imagen en cualquier gadget de nuestro blog.

Identificaremos el id del gadget. el cual queremos modificar, entraremos en Plantilla | Edición de HTML buscaremos el gadget que queremos modificar, lo puedes identificar por el título, por ejemplo Etiquetas, o Seguir por Email o cualquiera que sea el nombre del Gadget

<b:widget id='FollowByEmail1' locked='false' title='Seguir por Email' type='FollowByEmail'>

En este ejemplo el id del gadget es FollowByEmail1 Ya teniendo el id del widget, pega antes de]]></b:skin>

lo siguiente:

#FollowByEmail1 {background: url(URL de la imagen) left top;color: #000;}

Y así sucesivamente para todos los gadgets a los que queráis 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.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:

#FollowByEmail1 {background: url(URL de la imagen) no-repeat top;height: 30px;}

De igual forma hay que cambiar la URL de la imagen, y en heigth poner el alto de la imagen.
Ahora en Diseño y en Editar
Busca el gadget al que le cambiaste el fondo y borra el título del gadget, en su lugar escribe esto:

&nbsp; 

Con esto eliminamos el texto del gadget, pon las imágenes que se adapten al estilo de tu plantilla.  ¿Has conseguido, añadir el truco?¿Te ha interesado?