Si usas blogger y quieres un menu deslizante con pestañas como el de la foto, aqui te explicamos breve y claramente como ponertelo en tu blog.
Dirigete al apartado "Plantilla" de tu Blog, dale a "Edición HTML" y busca la siguiente frase en el código:
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
(Para buscar más rápidamente pulsen CTRL+F , les saldrá un recuadro en el navegador el cual buscará dentro del texto cualquier palabra que se le ponga.)
Luego buscan donde dice
borran lo que este dentro de esto hasta llegar a
/* Tabs
----------------------------------------------- */
borran lo que este dentro de esto hasta llegar a
/*HEANDING
-----------------------------------------------------------*/
y lo remplazan con esto:
ahora buscas la etiqueta </head> y antes de esta, pegas lo siguiente:
ul {z-index: 200; padding:0 !important;}
li:hover {position:relative;}
#crosscol ul li {padding:0 !important;}
ahora buscas la etiqueta </head> y antes de esta, pegas lo siguiente:
<link href='http://dl.dropbox.com/u/71104108/Volley%20Loads/Menu-White_Smoke/menu.css' rel='stylesheet' type='text/css'/>
<script src='http://dl.dropbox.com/u/71104108/Volley%20Loads/Menu-White_Smoke/jquery.js' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/71104108/Volley%20Loads/Menu-White_Smoke/menu.js' type='text/javascript'/>
Guardas y te diriges a diseño alli tendras que añadir un Gadget de HTML/javascript y pegar el siguiente codigo asegurate que despues de pegar el java y guardar este gadget debe estar debajo de la cabecera
<div id="menu">
<ul class="menu">
<li><a href="#" class="parent"><span>Home</span></a>
<ul>
<li><a href="#" class="parent"><span>Sub Item 1</span></a>
<ul>
<li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
<ul>
<li><a href="#"><span>Sub Item 1.1.1</span></a></li>
<li><a href="#"><span>Sub Item 1.1.2</span></a></li>
</ul>
</li>
<li><a href="#"><span>Sub Item 1.2</span></a></li>
<li><a href="#"><span>Sub Item 1.3</span></a></li>
<li><a href="#"><span>Sub Item 1.4</span></a></li>
<li><a href="#"><span>Sub Item 1.5</span></a></li>
<li><a href="#"><span>Sub Item 1.6</span></a></li>
<li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
<ul>
<li><a href="#"><span>Sub Item 1.7.1</span></a></li>
<li><a href="#"><span>Sub Item 1.7.2</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>Sub Item 2</span></a></li>
<li><a href="#"><span>Sub Item 3</span></a></li>
</ul>
</li>
<li><a href="#" class="parent"><span>Product Info</span></a>
<ul>
<li><a href="#" class="parent"><span>Sub Item 1</span></a>
<ul>
<li><a href="#"><span>Sub Item 1.1</span></a></li>
<li><a href="#"><span>Sub Item 1.2</span></a></li>
</ul>
</li>
<li><a href="#" class="parent"><span>Sub Item 2</span></a>
<ul>
<li><a href="#"><span>Sub Item 2.1</span></a></li>
<li><a href="#"><span>Sub Item 2.2</span></a></li>
</ul>
</li>
<li><a href="#"><span>Sub Item 3</span></a></li>
<li><a href="#"><span>Sub Item 4</span></a></li>
<li><a href="#"><span>Sub Item 5</span></a></li>
<li><a href="#"><span>Sub Item 6</span></a></li>
<li><a href="#"><span>Sub Item 7</span></a></li>
</ul>
</li>
<li><a href="#"><span>Help</span></a></li>
<li class="last"><a href="#"><span>Contacts</span></a></li>
</ul>
</div>
Donde se encuentran los ''#'' deberas borrar el numeral # y pegar el url de la pagina o entrada que tengas tal vez tu ya sabes como pero hay algunos que no.
En los que ponen Sub Item puedes cambiarlos como quieras, son las pestañas de cada apartado. Y cambiar los apartados igual, si en lugar de Home quieres que ponga Inicio, cambiala y guardala.
En los que ponen Sub Item puedes cambiarlos como quieras, son las pestañas de cada apartado. Y cambiar los apartados igual, si en lugar de Home quieres que ponga Inicio, cambiala y guardala.
Si tienen alguna duda de como modificar algo, o añadir lo que sea comentenme.
Saludos y gracias
