Menú horizontal con efecto deslizante

AVISO

Hay una versión actualizada de este menú, la cual permite personalizar el menú de una forma más sencilla, utiliza una versión más reciente de jQuery, y está habilitada para usarse junto con Scriptaculous y Prototype.

Entra a Plantilla | Edición de HTML y pega antes de </head> lo siguiente:

<link href='http://dl.dropbox.com/u/647003/CiudadBlogger/Scripts/jqueryslidemenu.css' rel='stylesheet' type='text/css'/>
<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;}
</style>
<![endif]-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/647003/CiudadBlogger/Scripts/jqueryslidemenu.js' type='text/javascript'/>

Ahora entra en Diseño | Añadir un gadget | HTML/Javascript y pega ahí esto:

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="#">Pestaña 1</a></li>
<li><a href="#">Pestaña 2</a></li>
<li><a href="#">Pestaña 3</a>
<ul>
<li><a href="#">Sub 3.1</a></li>
<li><a href="#">Sub 3.2</a>
<ul>
<li><a href="#">Sub 3.2.1</a></li>
<li><a href="#">Sub 3.2.2</a></li>
<li><a href="#">Sub 3.2.3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Pestaña 4</a></li>
<li><a href="#">Pestaña 5</a>
<ul>
<li><a href="#">Sub 5.1</a></li>
<li><a href="#">Sub 5.2</a></li>
<li><a href="#">Sub 5.3</a></li>
<li><a href="#">Sub 5.4</a></li>
</ul>
</li>
<li><a href="#">Pestaña 6</a></li>
</ul>


<br style="clear: left"/>
</div>

Ahora cambia los sígnos de número ( # ) por la URL del enlace del botón y arrastra ese elemento abajo de la cabecera.

<li><a href="#">Otra pestaña</a></li>

Y si quieres agregar una pestaña con sub menú entonces agrega esto:

<li><a href="#">Otra pestaña</a>
<ul>
<li><a href="#">Sub menu 1</a></li>
<li><a href="#">Sub menu 2</a></li>
</ul>
</li>

Si quieres cambiar los colores del menú tendrás que editar el archivo .css y luego subirlo a tu propio servidor.
Aquí les dejo el script y el archivo CSS por si lo quieren editar o por si lo quieren subir a su propio hosting. Sólo recuerda que si lo subes a tu propio hosting deberás cambiar las URL que se encuentran en el código que pegaste antes de </head>

Descargar script y hoja de estilos