ツ Como poner imagen a los enlace,titulos,...al pasar el mousse

Hay en algunos blogs, donde los botones cambian cuando pasa el cursor por encima y es muy fácil!!! 

Primero debes ir a DISEÑO, luego a EDICIÓN DE HTML

Cuando estés ahí, busca con CONTROL+F esto; ]]></b:skin> 

Y justo arriba pega esto:

/* Menu nav

----------------------------------------------- */

#nav,#nav li {

margin: 0;

padding: 0;

list-style: none;

}

#nav a {

width: 140px;

height: 27px;

background: url(la imagen del botón que quieras poner) no-repeat;

color: #666;

display: block;

font: bold 12px/22px Arial, sans-serif;

text-decoration: none;

text-indent: 14px;

}

#nav a:hover {

background-position: 0 -27px;

color: #900;

text-decoration: none;

}

Lo que está en rosa es la url de la imagen del botón, esta puede ser de cualquier forma o color, pero siempre del mismo tañamo.

Luego vas a diseño -> elementos de página -> añadir un gadget -> HTML javascript y pega lo siguiente:

<ul id="nav">

<li><a href="#">Título</a></li>

<li><a href="#">Título</a></li>

<li><a href="#">Título</a></li>

<li><a href="#">Título</a></li>

<li><a href="#">Título</a></li>

</ul>

# es el enlace de la página 

Para cada vez que quieras añadir un boton, solo agrega debajo de la misma lista un

 <li><a href="#">Título</a></li>

---------------------------------------------------------------------------------