Menú horizontal deslizante con Imágenes, titulo y leyenda (Widget) hecho por CV:

1.Ve a diseño -> edición HTML Pega justo antes de ]]></b:skin> el siguiente código:

<!-- Menú horizontal deslizante con Imágenes, titulo y leyenda (Widget)!  -->
#menu {
  margin:0; 
  padding:0; 
  width:45em;<!-- Largo del widget!  -->
  height:8.5em;<!-- Ancho del widget!  -->
  overflow:hidden; 
  background:#000;<!-- Color del fondo o coloca: transparent! -->
  }
#menu li {
  display:inline;
  list-style-type:none; 
  }
#menu li a {
  display:block;
  float:left;
  text-decoration:none; 
  margin:0; 
  }
#menu li a img {
  opacity:0.7;
  margin:0.2em;
  border:0;
  float:left;
  }
#menu li a span {
  display:none; 
  }
#menu li a:hover {
  background:#000;<!-- Color del fondo de la leyendao coloca: transparent! -->
  }
#menu li a:hover img {
  opacity:1;
  }
#menu li a:hover span {
  width:11em;
  color:#aaa;
  display:block; 
  cursor:pointer;
  float:left;
  }
#menu .h2 {
  margin:0 5px; 
  padding:0; 
  color:#fc0; 
  font-variant:small-caps; 
  font-size:1.25em; 
  border:0;
  }
#menu .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#0aa;
  }
.outer {
  background:transparent; 
  font-size:0.9em;
  }
<!-- Fin del Menú horizontal deslizante con Imágenes, titulo y leyenda (Widget)!  -->

2. Luego de guardar ve a elementos de la página y agrega un gadget HTML/javascript e introduce lo siguiente:

<div class="outer">
  <ul id="menu">
   <li>
    <a href="URL_DEL_LINK">
     <img alt="TITULO_DE_LA_IMAGEN" src="URL_DE_LA_IMAGEN" title="TITULO_DE_LA_IMAGEN"/>
     <span>
      <b class="h2">TITULO_DE_LA_LEYANDA</b><br/>
       DESCRIPCION_EN_LA_LEYENDA.
     </span>
    </a>
   </li>
     <li>
    <a href="URL_DEL_LINK">
     <img alt="TITULO_DE_LA_IMAGEN" src="URL_DE_LA_IMAGEN" title="TITULO_DE_LA_IMAGEN"/>
     <span>
      <b class="h2">TITULO_DE_LA_LEYANDA</b><br/>
       DESCRIPCION_EN_LA_LEYENDA.
     </span>
    </a>
   </li>
<!-- Antes de esto agrega mas imágenes con link y leyenda al menú!  -->
  </ul>
</div>

si deseas agregar mas imágenes al menú agrega en la posición indicada del código anterior lo siguiente:

   <li>
    <a href="URL_DEL_LINK">
     <img alt="TITULO_DE_LA_IMAGEN" src="URL_DE_LA_IMAGEN" title="TITULO_DE_LA_IMAGEN"/>
     <span>
      <b class="h2">TITULO_DE_LA_LEYANDA</b><br/>
       DESCRIPCION_EN_LA_LEYENDA.
     </span>
    </a>
   </li>

Nota Final: la imagen puede ser de cualquier formato (PNG,JPE,GIF) pero con las misma dimensiones 85x85.
La descripción de la leyenda no debe ser muy extensa! que no pase de 10 palabras.

Visita: http://cambios-visuales.blogspot.com/