Lista de enlaces con checkbox

16 de octubre de 2009 42 comentarios ,
Podemos presentar en el blog una lista de enlaces un poco diferente, dejando de usar los links convencionales y usar en su lugar enlaces con checkbox; de modo que al marcar un checkbox nos mande a la página deseada. Este es un ejemplo:


Respondones
Fondos 240
Divertext


Para agregar una lista de enlaces como esta entra en Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y ahí pega esto:
<form>
<ul>
<li><input onclick="window.location='URL del enlace';" type="checkbox"/>Título del enlace</li>
<li><input onclick="window.location='URL del enlace';" type="checkbox"/>Título del enlace</li>
<li><input onclick="window.location='URL del enlace';" type="checkbox"/>Título del enlace</li>
<li><input onclick="window.location='URL del enlace';" type="checkbox"/>Título del enlace</li>
</ul>
</form>

Cambia lo que está en color rojo por los datos del enlace; si quisiera agregar más enlaces sólo agrega antes de </ul> una línea como esta:
<li><input onclick="window.location='URL del enlace';" type="checkbox"/>Título del enlace</li>

Si no te gustan mucho los checkbox los puedes cambiar por radio botones, por ejemplo:

Respondones
Fondos 240
Divertext

Para tenerlos de esta forma sólo cambia donde dice checkbox por radio.


42 comentarios en:

" Lista de enlaces con checkbox "

  1. Wow!!! esta si que no me la esperaba... muy ingenioso!!!

    Como siempre bro, me saco el sombrero para entrar a esta ciudad!

    Un abrazo!!!!

    ResponderEliminar
  2. Hey brother, gracias por pasar, ya tienes a todos con la duda de dónde te escondes, jaja.
    Un abrazo!

    ResponderEliminar
  3. Un super héroe nunca revela su guarida.. jajajajaja...

    perdón amigos... perdón a todos... ya cuando este mejor... y resuelva un par de problemas... estaré de vuelta.

    Gracias por procuparse por mi... me hacen sentir que no estoy tan sólo como pensaba. GRACIAS!!!!!!

    Un abrazo!!!

    ResponderEliminar
  4. Jajaja, "nunca revela su guarida", jajaja. No sabía que por las noches eras Superbloggero, jajaja.
    Abrazos!

    ResponderEliminar
  5. WOWWW alli estaba Cyber Blogger jajaja XD, en donde habra estado, Por cierto Potro, mcuash gracias por el Post, ahora si puedo hacer mis links mas Originales :D Chau.

    ResponderEliminar
  6. Potro, muy buen aporte, como siempre.
    Lo voy a aplicar a ver que tal queda.
    1 abrazo

    ResponderEliminar
  7. PepeX, me parece que Cyberbloggero no te va a reconocer con tanto cambio de nick, jaja ¿o tú también ocultas tu identidad secreta? ¬¬


    Cesc, qué bueno que te gustó el post. Saludos!

    ResponderEliminar
  8. Muy bueno.
    Pero los utilizare mañana.
    Como siempre inovando.
    pero siempre me pasa que ya publique un post y tu subes algo genial y me quedo con las ganas de utilizarlo, y tengo que esperar al dia siguiente.

    SALUDOS.

    ResponderEliminar
  9. Potro,una pregunta,se le pueden poner Intros a los Blog?

    ResponderEliminar
  10. el venado, luego me daré una vuelta para ver cómo te quedaron. Saludos.

    Emanuel Martinez ¿a qué te refieres con Intros?

    ResponderEliminar
  11. Intros como para paginas webs,como esta mia http://clanmetalheavyurt.es.tl/

    ResponderEliminar
  12. Puedes hacer un blog que se llame Intro, a ese le haces el diseño de presentación y le pones el botón Entrar que enlace a tu blog.

    Saludos.

    ResponderEliminar
  13. Potro ¡¡Quedan re-lindos!!
    Los puse en el blog. Puse estos link y otros que enseñaste (unos que son con marquesina vertical) otros los hice en forma de etiquetas.
    ¿Sabes que pasaba? Me preguntaban a mi email por los Derechos del Paciente, cuales eran, donde podían buscarlos, donde estabam los links...
    Asi que ahora los tengo por todos lados, en el sidebar, abajo de los post, de diferentes formas ¡¡Gracias a vos!!

    El blog me quedó precioso en cuanto diseño, y todo te lo debo a vos. En dos semanas aprendí más de tus post y de tus enseñanzas que en dos años de duración de mi blog !

    GRACIAS, GRACIAS y GRACIAS Potro !! =)

    Un abrazo enorme

    ResponderEliminar
  14. Hola Maria Rosa,

    Yo he entrado en algunos blogs donde me interesa cierta información y paso horas buscando algunos links y nunca los encuentro (quizá porque no los ponen, jaja) así que eso de poner varios links del tema más solicitado me parece estupendo, así le haces la vida más fácil a quienes ya de por sí están pasando por un mal momento.

    Me da gusto saber que has encontrado aquí las herramientas necesarias para mejorar tu blog.

    Estoy a tus órdenes.
    Abrazos!

    ResponderEliminar
  15. wo wo wo .... maldición... ahora también saben que por las noches soy Super!!! De que me perdí? quien es PepeX? , quien se encuentra detrás de esa metamorfosis? Me resulta conocida su forma de escribir!

    Bueno gente, creo que volví!!!!

    ResponderEliminar
  16. Jajajaja, si no te culpo por que no me reconoscas(creo que si siguo cambiando de nicks me pongo el Nick Mil Nombres, xD)
    jajajaja, Bueno puesw creo que tu me conosciste con el Nick de HP Muggle, :D,espero que ya vuelvas, Chau .Saludos!

    ResponderEliminar
  17. Ea! qué bueno que ya volviste bro, se te extrañaba mucho por estos rumbos.
    Welcome back!

    ResponderEliminar
  18. PepeX !!! jajajajaja... me parecía conocida tu forma de escribir!!! jajajaja.

    Potro: gracias bro, yo también andaba extrañando bastante!!!

    Un abrazo!!!

    ResponderEliminar
  19. Saludos!!! ...nueva por estos lares...desde lo más alto de las Cumbres de Gran Canaria!!! muy buenas las explicaciones; acabo de probar el checkbox; me ha salido, jeje...!!! Gracias !!!

    ResponderEliminar
  20. Hola ✿Nyn✿,

    Bienvenida a Ciudad Blogger y un saludo enorme hasta las Cumbres de Gran Canaria!

    Saludos.

    ResponderEliminar
  21. hola, mi duda es si en una lista de enlaces de las que trae blogger se le puede hacer que al posar el ratón sobre el enlace salga un texto ,gracias

    ResponderEliminar
  22. Hola Antonio F. Lara,

    Lamentablemente no, la información de los enlaces del gadget no se puede manipular ya que sólo Blogger tiene control sobre ello.

    Saludos.

    ResponderEliminar
  23. Gracias por la respuesta, supongo que para hacer lo que quiero tendría que añadir manualmente los enlaces en htlm/javascript y ahí si podria manipularlos, saludos.

    ResponderEliminar
  24. Exacto, ya en un elemento HTML/Javascript tendrías más opciones de efectos.

    Saludos.

    ResponderEliminar
  25. GRACIASS!! LA FORMA MAS FACIL DE GENERAR BACKLINKS ÑAÑAÑA!1 UN ABRAZO MI VIEJO!

    ResponderEliminar
  26. Pues no sé si sea buena forma para ganar backlinks pero al menos sí es una manera de mostrar los enlaces de una forma diferente :)

    ResponderEliminar
  27. Hace tiempo que leo todos tus post, realmente excelentes! sos un maestro para mi, me enseñaste a tener mis propias paginas web!
    Viendo este post se me ocurre una pregunta; estoy intentando hacer una pagina de clasificados y necesito que la gente busque los avisos por medio de filtros, hoy solo pueden entrar por uno a la vez (Ej. inmuebles, ó aotos, etc)
    como hago para que puedan filtrar de a 5 (ejemplo: autos-WV-Gol- 2004- menores a $30.000)

    ResponderEliminar
    Respuestas
    1. Qué amable comentario Mundo Bolívar :)
      Lamentablemente los buscadores que podemos usar son los básicos-básicos, no tienen esas funciones de filtrado :(

      Eliminar
  28. Hola Potro!...
    Aprovecho este espacio para preguntarte si tienes idea de lo siguiente relacionado con los links:
    Supongamos que tengo un blog de descargas,(No es cierto pero lo hago para darte un ejemplo) en ellos tengo links de enlace a la pagina de descarga, y cada que alguien presione con un clic para descargarlo quisiera, primero que todo redireccionar en una ventana nueva (Emergente o como sea) a la pagina de descargas, y en la actual (Donde está el link) que se direccione a una pagina diferente de agradecimiento por la descarga.

    Si me logras entender?... Serían 2 redireccionamientos en un solo link, uno en una pagina o ventana nueva y el otro en la misma...

    Dios espero que si!... por que he buscado un codigo por todo San Google y no he encontrado nadaaa... Podrías ayudarme amigo Potro con un codigo o algo para crearlo! De verdad me urge!!!

    Gracias potro sin importar la respuesta! ;)

    ResponderEliminar
    Respuestas
    1. Hola Joan, puedes usar este código en tu enlace:
      <a href="javascript:void(0);" onclick="javascript:window.open('URL de una página', '_blank');
      window.open('URL de la otra página', '_blank');">Descargar</a>


      Ahí pondrías la URL de la página que descargará el archivo, y la otra página de agradecimiento, esta puede ser una página estática especial para estos fines.

      Saludos.

      Eliminar
  29. Wuaww.... Gracias!... Te ganaste mis respetos, y aca en Colombia cuando necesites hospedada me avisas vale! jejejeje ;)

    ResponderEliminar
  30. Excelente justo lo que buscaba Potro, caray Ciudad Blogger es como una botica aquí encuentras de todo :D

    Por cierto, para insertar los códigos en una entrada... ¿es necesario añadir un gadget o simplemente los pego en la entrada?

    Un saludo y éxitos.

    ResponderEliminar
    Respuestas
    1. Gracias Marcelo. Puedes ponerlos en la entrada pero estando en la pestaña HTML.
      Saludos.

      Eliminar
  31. Aaaaaaaah!! estaba buscando esto! o algo parecido... lo que yo necesito es que el usuario pueda elegir entre varios checkboxs, que serian etiquetas, y luego pueda presionar un boton "buscar" y se muestren las entradas que contengan las etiquetas seleccionadas. Es posible esto?

    ResponderEliminar
    Respuestas
    1. Nop, de hecho no creo que en Blogger se pueda algo así :/

      Eliminar
  32. Oye amigo, ¿y si quiero que solamente esos enlaces se abran en otra pestaña?

    ResponderEliminar
    Respuestas
    1. Si quieres que los enlaces se abran en una pestaña nueva entonces cada línea sería de este modo:
      <li><input onClick="window.open('URL del enlace', '_blank')" type="checkbox"/>Título del enlace</li>

      Eliminar
  33. Buenas tardes Potro.

    Ya me solucionaste un problemilla en otra ocasión y viendo que no encuentro la solución te voy a pedir el favor de que me ayudes una vez mas.

    Tengo una "lista de enlaces" y otra de "páginas". Ambos son los gadgets que google ofrece en blogger, me aparecen con un punto antes de cada link, a modo de numeración, ¿como puedo quitarlo para que solo se vea el texto, sin esos puntos introductorios de cada apartado?

    Muchas gracias por tu respuesta.

    Un saludo

    ResponderEliminar
    Respuestas
    1. Hola RoMa, localiza el ID de esos gadgets y pon estos estilos:

      #LinkList1 li, #PageList1 li, {
      list-style:none;
      }

      Ahí los IDs son #LinkList1 y #PageList1 suponiendo que esos puedan ser los tuyos.
      Saludos.

      Eliminar
    2. Perfecto Potro! localice la línea y pude modificarlo.
      Muchísimas gracias por tu ayuda una vez mas.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger