Menu Horizontal III

Siguiendo con los menus...aqui les dejo un menu horizontal despeglable como la siguiente imagen



ok!
1. Ir a Plantilla/Edicion de html y pegar este codigo despues de ]]></b:skin>



<script type="text/javascript" src="http://abril25.250free.com/dropdowntabs.js">

<link rel="stylesheet" type="text/css" href="http://abril25.250free.com/menu5style/glowtabs.css" />

y guardar.

2. Ir a Plantilla/Elementos de pagina/Añadir un elemento de pagina y pegar esto:
(*Recordando mover este bloque abajo del titulo o cabecera, solo se arrastra con el mouse...*)

<div id="glowmenu" class="glowingtabs">
<ul>
<li><a href="url de tu blog">Inicio</a></li>
<li><a href="url de enlace1" rel="dropmenu1_d">Menu1...ej fotos</a></li>
<li><a href="url de enlace2" rel="dropmenu2_d">Menu2...ej video</a></li>
</ul>
</div>
<br style="clear: left;" />
<br class="IEonlybr" />

<!--1st drop down menu --> <div id="dropmenu1_d" class="dropmenudiv_d">
<a href="url de enlace fotos1">fotos1</a>
<a href="url de enlace fotos2">fotos2</a>
<a href="url de enlace fotos3">fotos3</a>
<a href="url de enlace fotos4">fotos4</a>
<a href="url de enlace fotos5">fotos5</a>
<a href="url de enlace fotos6">fotos6</a>
<a href="url de enlace fotos7">fotos7</a>
</div>
<!--2nd drop down menu --> <div id="dropmenu2_d" class="dropmenudiv_d" style="width: 150px;">
<a href="url de enlace video1">video1</a>
<a href="url de enlace video2">video2</a>
<a href="url de enlace video3">video3</a>
<a href="url de enlace video4">video4</a>
</div>
<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("glowmenu", "auto")
</script>


Lo que se encuentra en negro puedes repetir las veces que quieras...
y lo que esta en amarillo se tiene que cambiar por numeros correlativos (1,2,3,4 etc)