Esta es una página que te ayudará a colocar accesorios al blog. Aprenderás como mejorar tu blog. Pasa y encontrarás de todo un poco.
Cargando

Menú desplegable, un simple botón (2) -69-

Este menú desplegable consiste en hacer clic al botón y se muestra una lista de opciones.

1. Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y agregas el siguiente código entre <b:skin><![CDATA[ y ]]></b:skin>. Preferible que lo pegues casi al final (antes de ]]></b:skin>)

.texthidden {
display:inline
}

.shown {
display:block
}

2. Entre ]]></b:skin> y </head> agregar lo siguiente:

<script src='http://andrewhonors.googlepages.com/fecha.js' type='text/javascript'/>

- Guardar cambios.

3. Ir a Elementos de la página, clic en Añadir un elemento de página y seleccionar HTML/Javascript. Ahí tendrán que agregar el siguiente código:

<a href="javascript:void(0);" onclick="expandcollapse('musica')"><img border="0" src="http://dirección-de-la-imagen-del-botón"/></a><br/>

<ul id="musica" class="texthidden">
<li><a href="http://www.radioblogclub.com/" target="_blank">Radio Blog</a></li>
<li><a href="http://www.goear.com/index.php" target="_blank">Goear</a></li></ul>


<a href="javascript:void(0);" onclick="expandcollapse('video')"><img border="0" src="http://dirección-de-la-imagen-del-botón"/></a><br/>

<ul id="video" class="texthidden">
<li><a href="http://www.youtube.com/" target="_blank">Youtube</a></li>
<li><a href="http://www.veoh.com/" target="_blank">Veoh</a></li></ul>

**Como punto de partida hemos hecho un menú de música en el que aparece una lista: Radio Blog y Goear. Además, hay un menú de video en el que aparece: You Tube y Veoh

- En esta parte de código puedes repetirla cuantas veces quieras, ustedes tendrán que armarlo a su gusto.
- Solo tendrán que agregar el botón, la dirección de la página con su respectivo nombre.
- Además, puedes añadir una imagen justo antes del texto que aparece la lista.

Explicación:
- Si por ejemplo, a parte de música deseamos poner video entonces al crear otro botón, en expandcollapse('musica') cambiamos en donde dice música por video. Además, el id=”música” lo modificamos por video.
- En <img border="0" src="http://direccion-de-la-imagen"/>, viene hacer la imagen del botón.
- En donde dice Radio Blog, Goear, You Tube, vienen a ser una lista.
- En <a href="http://www.radioblogclub.com/" target="_blank">, viene hacer el enlace de la página enlazada.

Ejemplo:


Crear botones en Buttonator

Vía: A Consuming Experience

37 Comentarios:

Albita Jofili dijo...

Hola,
Primero que nada, felicidades por tu blog, gracias a él pude hermosear mis blogs.
Tengo una pregunta bastante tonta... como haces para que los comentarios queden asi como en tu blog, justo después de cada entrada pero sin tener que pinchar un "comentarios" para leerlos, solo que aparezcan automáticamente bajo cada entrada.

Esto porque quiero hacer un blog de discusión y que se puedan visualizar todas las opiniones.

Gracias

Gracias

Andrés dijo...

Albita Jofili: Eso de los comentarios se da cuando alguien entra a una entrada o post de tu blog y para que te dés cuenta haz clic en el título de tu post.
Gracias por la visita.
Saludos.

Albita Jofili dijo...

Andrés, tienes razón no me había dado cuenta.

Te agradezco muchísimo tu respuesta y por otras ayudas que he encontrado en tu blog.

Saludos!

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

Andrés estamos codeándonos en el ranking tu en el 81 yo en el 80 a ver quien empuja más fuerte jeje.

Saludos y mañana somos Perú.

AnaCCapote dijo...

nada, esto tmapoco lo entendí bien, por lo que veo debe see miu priblema, porque los demás aprece que lo enteinden todo, ... peus nada, tendré quededicar ma´s tiempo porque esto tampoco me sale. bah,.

Pedro dijo...

Hola por favor tengo un blog en el que tengo entradas ampliables, pero quisiera colocar un botón pues es mucho más llamativo, chécala, es plataformalibrotrujillo.blospot.com, por fa agradezco quien me aclare esa duda. también ando pensando en colocarle la tercera columna... saludos

Gem@ dijo...

Muy bueno, yo también hice una entrada sobre ello hace tiempo ;)

andrex's dijo...

hola compadre, primero que nada gracias por la ayuda,para los que no sabemos mucho,mire tengo una duda
¿como borro mi blog?capaz que sea facil,pero no se.porfa

Andrés dijo...

Pedro: A que te refieres colocarle un boton, por lo que me mencionas es para las entradas ampliables.
Entonces en mi blog busca Leer Mas, y utilizas el que deseas, ahora para agrgarle el botón agregare esa informacion en ese post. Supopngo que a eso te refieres.

Gem@: Es práctico y util. Gracias por la visita.

Andrex's: Para borrar tu blog, te diriges a Configuración, luego a Basico y al último dice Suprimir su Blog, Desea suprimir su blog?, Suprimir este blog. Eso es todo.

Gracias a todos por la visita.

Jorge Luis M. Rocha dijo...

Hola, muy bueno el truco. Pero quisiera saber ¿cómo hago para qué en vez de link (o sea letras), aparesca un reproductor?, en mi blog, tengo el de Google, y pienso colocar muchos más allí, ¿cómo hago para eso?

saludo...

Anónimo dijo...

Esto funciona tambien con las barras horizontales de menú??, o solo con las entradas

Paulo Cezar dijo...

Hola andres muy buena tu pagina me ayudo muhco con mi blog.
Ahor aqueria asaber se con los de los botones se hay como poner un boton dinamico en el blog, por que los se crear pero no pille como ponerlos y se es que se pode poner.

Aquii esta mi direccion de mi blog
http://www.paulocezardias.blogspot.com/

Bueno muchas gracis por todo e por su trabajo.

Igorazua dijo...

Hola andres:
Me gustaría que me pudieses ayudar.
Para ello, sería perfecto que me agregases a igorazua@hotmail.com
siempre y cuando tengas ganas y tiempo.
gracias de antemano

Geriatrix F. C. dijo...

Estupendo blog!
Ya usé alguna de tus ayudas pero no tuve tiempo para agradecertelo antes.
Gracias por tu ayuda desinteresada!

Un saludo!

(Y no pares de publicar! ;-D)

$...ZecK...$ dijo...

Hola muy buenas!

Quisiera primero de todo agradecerle a utd. por el magnifico blog que tiene...

Lo primero quisiera saber cual es la plantilla que ha utilizado y si la puede poner a disposición de todos aquellos que la quieran. Contesta porfavor y pasate por mi blog: www.raperoZecK.blogspot.com


Hasta luego!

Manuel González dijo...

Oye, lo que yo quiero hacer es que en la página principal del blog sólo quede el menú desplegable (nada de entradas visibles). Pero no sé cómo meter las entradas en el contenido del menú porque si no están donde normalmente deberían (página principal), no encuentro forma de enlazarlas de tal forma que no tenga necesidad de usar enlaces externos al blog.

Te agradecería mucho que me respondieras lo más pronto posible.

Anónimo dijo...

Gracias por tu herramienta . me sirvio mucho.
Pero quiero saber como agregar un menú despegable a partir de las etiquetas o entradas que tenga el blog. Es decir cuando se haga clic en el menú se desplege sus entradas u opciones. Gracias.

ileana dijo...

Estoy desde ayer intentando generar el botón en Buttonator y si bien pude registrarme, luego no me permite guardarlo allí como para tener la correspondiente: http://direccion-de-la-imagen, hoy ni siquiera me acepta el registro de ayer o elegir y generar un botón.

Hay alguna otra dirección recomendada donde crearlo y alojarlo?

desde ya, muchas gracias

ileana

ileana dijo...

Desde el último fin de semana los menús desplegables permanecen casi todo el tiempo desplegados y casi no funcionan los últimos comentarios.

Son modificaciones que hice hace mucho, funcionaron siempre muy bien y ahora no se lo que pasa?

Podrías explicarme o darme alguna indicación o pista?

Muchísimas gracias

ileana

Verys dijo...

Hola, te hago una pregunta, creo que no viene al tema pero aqui voy ñ_ñ como hago para que unos links que tengo en mi blog en la parte que dice "para visitar" se abran en otra pagina o ventana y no en la misma pagina

espero que me entiendas

este es mi blog

http://invisiblementevisible.blogspot.com/

Saludos =)

Mariella Jáuregui dijo...

Hola, antes que nada, muchísimas gracias por este útil código que has brindado.
Resulta que lo he colocado en mi página y me ha ido muy bien, hasta hoy... ahora aparecen desplegados los sub-menus... por qué?

No sé si podrías apoyarme en decirme qué puedo hacer para que estos no se vean desplegados..?

He verificado, y la propiedad TEXTHIDDEN continúa ahi, vamos que no he modificado nada...

Ojalá puedas ayudarme!
Gracias!

http://sumas-restas.blogspot.com/

Anónimo dijo...

Hola, muy buen blog, he sacado cosas muy buenas. Ahora la pregunta, lo posteo aca ya q es lo unico sobre menu q encontre.
En mi blog tengo un menu (normal, no desplegable), q en ese menu hay links a diferentes post de mi blog por las etiquetas. Ahora yo quiero agregar un segundo menu (tambien normal), mas abajo para poner links a post, necesito otro menu para poner cosas diferentes.
Probe con agregar gadget pero no dala opcion de agregar otro menu.

Por ejemplo: download-fanatico.blogspot.com ahi hay varios menu, Peliculas Nivel 1, Nivel 2, etc.

Si alguien me puede ayudar, muchas gracias ya q he estado buscando esto desde hace tiempo y no he encontrado nada.

Gracias!!

Anónimo dijo...

Hola Andres:me gustaria saber que he hecho mal para que no me salga el BOTON. Resto funciona.
mi blog en pruebas:priamo24.blogspot.com

saludos y gracias

Anónimo dijo...

Andres la web de creacion de botones "Buttonator":
es gratis?
Cuanto cuesta?
Te puedes dar de baja cuando quieras?

Todo esto viene porque mi alta sería momentania es decir hasta terminar mi blog.
gracias

el pechi dijo...

hola Andrés que bien a que hay gente como tu dispuesta a ayudar ...
tengo un problema con la pagina que recomiendas para crear botones, lo que pasa es que después de que ya edito el botón no me deja guardarlo, hay que pagar para tener este servicio o que

gracias por tu gran ayuda ....

Anónimo dijo...

Hace poco que estoy en esto del blog, pero encontré un blog que tiene muy buenos accesorios para blogspot o cualquier otro blog.
Yo encontré ahí unos relojes anlógicos muy buenos para el mío. Se los recomiendo, después me cuentan!!!!!!!!!!!!!1

ADICOMT dijo...

Hola, lo primero felicitarte por tu blog. Explicas muy bien los contenidos y son extremadamente útiles.

La opción que explicas ya la utilizo, pero me gustaría hacer lo contrario.

En mi blog tengo un largo listado de municipios que me gustaría mostrar siempre, salvo que el usuario hiciera click en el botón y lo recogiera.
Por tanto, te quería preguntar si es posible (y si es si que código html utilizar) que el botón se muestre desplegado y al hacer click se recoja.

Saludos y gracias.

Prof. de Música dijo...

Saludos amigo, he leido y leido, y no he podido hacer una barra desplegable, intente hacer lo que dice la publicacion presente pero no ha funcionado queda asi http://aulafunse.blogspot.com/
este es un blog de pruebas donde intento las cosas que finalmente colocare en el verdadero blog, si alguien me puede ayudar a colocar un menu desplegable a esta plantilla se lo agradeceria mucho, poniendo a la orden las clases de musica lectura de pentagrama y tecnica del instrumento online. Gracias

ADICOMT dijo...

Hola, lo primero felicitarte por tu blog. Explicas muy bien los contenidos y son extremadamente útiles.

La opción que explicas ya la utilizo, pero me gustaría hacer lo contrario.

En mi blog tengo un largo listado de municipios que me gustaría mostrar siempre, salvo que el usuario hiciera click en el botón y lo recogiera.
Por tanto, te quería preguntar si es posible (y si es si que código html utilizar) que el botón se muestre desplegado y al hacer click se recoja.

Saludos y gracias.

GRACIASSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS dijo...

GRACIASSSSSSSSSSSSSSSSSSS DE GRAN AYUDAAAAAAAAAAAAAA

Jorge dijo...

saludos amigo,noce si soy pero no me sale...talvez sea yo xq s los otros le sale de una pero no me sale me podrias explicar mejor...gracias bro

Ana dijo...

Hola me ha servido de mucho tu publicación.
Yo tengo un blog http://la-caja-erotica.blogspot.com/ y quisiera hacer el menu desplegable y he hecho uno pero me encuentro con el problema de que cuando le doy a "juguetes" el submenu que sale,se queda muy pegado a juguetes,como puedo mover un poco hacia abajo el submenu?

Oficialsanti dijo...

Hola amigo por favor estoy haciendo un blog si puedes agregame a mi MSN oficialsanti@hotmail.com o mejor al skype oficialsanti necesito preguntarte algunas cosas. GRACIAS DE ANTEMANO!

Anónimo dijo...

ultimageneracionentecnologia.blogspot.com

neyling dijo...

ante que nada
mis felicitaciones por este blog esta muy interesante
yo tengo un menu en la cabecera de mi blog, pero quiero probar uno que esta en este blog, lo pondre lateral
mi blog es de reparacion de computadoras y programas utiles
http://utilidadesyreparaciondepc.blogspot.com/

neyling dijo...

exelente web me a ayudado en mi nuevo blog echenle un vistazo mi blog de peliculas en audio latino DVDrip

http://peliculasynoticiasdecine.blogspot.com/

compartan la direccion con sus amigos para que tambien disfruten la peliculas, a diario publico peliculas nuevas

Related Posts with Thumbnails
Últimos Post