Vas a verlos por categorías, son las etiquetas.

Tenes el listado total, buscando por titulo de entrada.

Los post de ayuda están ordenado por mes.

Un listado de amigos, los que me linkean, si no estás avisame.

Podes tenerme en tu blog con un banner. Si queres algún color pedime que lo armo.

Menú script con muchos enlaces

Pincha en la imagen para verlo en acción:

Menú

Mira que práctico y fácil de subir al blog. En el código vas a ver que está la manera de editarlo. Para eso lo podes hacer en linea usando el [editor] ya que no necesita ningún agregado a la plantilla.
Una vez que lo armaste como a vos te gusta, con los enlaces y colores para que quede bien en tu blog, copias y pegas desde añadir elemento de página / HTML/Javascript y lo pones en su lugar.
El código:

<!--Aca editas el menú - a medida que pongas más vas cambiando esto showit(?) -->

| <a onmouseover="showit(0)" href="http://webjcp.blogspot.com/">Menú 1</a> | <a onmouseover="showit(1)" href="http://webjcp.blogspot.com/">Menú 2</a> | <a onmouseover="showit(2)" href="http://webjcp.blogspot.com/">Menú 3</a> | <a onmouseover="showit(3)" href="http://webjcp.blogspot.com/">Menú 4</a> |<br/>

<!-- Aca se edita el largo y ancho - color de letra - color de fondo --->

<ilayer width="400" height="22" name="dep1" bgcolor="#800000">
<layer width="400" name="dep2" height="22">
</layer>
</ilayer>
<div id="describe" style="color:#000000;background-color:#FFD401;width:400px;height:22px" onmouseover="clear_delayhide()" onmouseout="resetit(event)"></div>


<script language="JavaScript1.2">


var submenu=new Array()

<!--Aca editas los enlaces - el submenu [?] debe coincidir con el menú showit(?) -->

submenu[0]='<font face="Verdana" size="2"><b><a href="http://webjcp.blogspot.com/">Enlace 1</a> | <a href="http://webjcp.blogspot.com/">Enlace 2</a> | <a href="http://webjcp.blogspot.com/">Enlace 3</a> | <a href="http://webjcp.blogspot.com/">Enlace 4</a></font>'

submenu[1]='<font face="Verdana" size="2"><b><a href="http://webjcp.blogspot.com/">Enlace 5</a> | <a href="http://webjcp.blogspot.com/">Enlace 6</a> | <a href="http://webjcp.blogspot.com/">Enlace 7</a> | <a href="http://webjcp.blogspot.com/">Enlace 8</a></font>'

submenu[2]='<font face="Verdana" size="2"><b><a href="http://webjcp.blogspot.com/">Enlace 9</a> | <a href="http://webjcp.blogspot.com/">Enlace 10</a> | <a href="http://webjcp.blogspot.com/">Enlace 11</a> | <a href="http://webjcp.blogspot.com/">Enlace 12</a></font>'

submenu[3]='<font face="Verdana" size="2"><b><a href="http://webjcp.blogspot.com/">Enlace 13</a> | <a href="http://webjcp.blogspot.com/">Enlace 14</a> | <a href="http://webjcp.blogspot.com/">Enlace 15</a> | <a href="http://webjcp.blogspot.com/">Enlace 16</a></font>'


//aca editas el tiempo que los enlaces están a la vista
var delay_hide=500

/////No tocar desde aca -saca los dedos ;)

var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""

function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}

function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}

function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

</script>

10 comentarios :

Guillermo JB2000 dijo...

...Saludos Master Cesar!!!

....pues aquí me tienes “reportándome” y “pasando lista”, en esta ocasión necesito que me auxilies con lo relacionado a un menú vertical, he estado colocando algunos de los que nos has sugerido, pero no he tenido mucha suerte cuando los pongo en mi plantilla. Por eso te pido de favor, el que me envíes el código que utilizas en tu plantilla en la sección de “Ayuda hasta hoy” (ya que de esta forma colocaría ahí a mis amig@s blogger@s y sería más fácil que los visualizaran, a comparación de otros menús en donde permanecen ocultos). Te agradezco de antemano la “gran ayuda”.Seguimos en contacto!!!

Gem@ dijo...

Está muy bueno César, yo ando buscando la manera de hacer un menú de ese tipo para Blogger beta, pero que cada botón despliegue su correspondiente categoría.
Muy bueno también el efecto de la fotografía :)

Nicolas Castello Arallano dijo...

me gusta grax

Blog de César dijo...

Estimado Guillermo!!
Como le va master!
Para hacer lo que me pedís entra [ACA]
Buena suerte amigo!

Blog de César dijo...

Buenas Gem@!!
Todo bien ? Espero que sí corazón!
Ese menú que andas buscando creo que lo tendría a la brevedad.
Si tengo tiempo lo termino en la semana.
Ahora estoy por subír una versión parecida al "Horizantal negro". Pero más sencillo para que se pueda adaptar más facíl a las plantillas.
Viste la foto! Tuve que ceder a los pedidos jaja... ;)
Saludos y Buena suerte

Blog de César dijo...

Me alegra que te guste Nicolito.

Federico Gustavo Rivarola dijo...

señor, adoro su blog. Lo agregue a favoritos, para que siempre pueda recurrir en busca de ayuda a usted.

En fin, he aqui mi problema. Aplique este menu a mi blog, anduve bien por un momento, pero ahora no se que ocurre que ya no muestra mas los sub links (o los sub menus, como a usted le guste mas). No se cual puede ser el problema, si no he tocado nada, y esta todo igual que su codigo. Me gustaria dejarle parte del codigo, pero no puedo (no lo tengo permitido al parecer). Y tampoco se a donde mandarle un mail... realmente comienzo a desesperarme.

José GDF dijo...

Quería darte las gracias por esta gran aportación. Te invito a que te pases por mi humilde blog, nada más para que veas cómo me ha quedado el menú que he creado siguiendo tus indicaciones.

En realidad buscaba otro tipo de menú, pero éste me gustó más y es más fácil de hacer...

Muy bueno también ese editor de código. No lo conocía.

Un cordial saludo, y gracias de nuevo!!

Indignat dijo...
Este comentario ha sido eliminado por el autor.
Indignat dijo...

hecho ya lo tengo finiquitado, ahora que me gustaría saber como cambio la opción de el submenu que aparezca como destacado y no trasparente hasta que pongo el puntero sobre ellos!! gracias por tus explicaciones que son como un libro abierto.

Hola, que tal!!!
Podes mirar, copiar, sugerir y/o desechar, todo es gratis, lo único que te pido
no borrés los créditos de las plantillas y me linkees si podes.
Abrazos, buena suerte y más que suerte!

Blog de César [ayuda para blogger]
 
ir arriba <body> . </body>