Lista de enlaces con checkbox

|

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
Perfil


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 style="background-image:none;"><input value="ON" onclick="window.location='URL del enlace'; return true;" type="checkbox"/>Título del enlace</li>
<li style="background-image:none;"><input value="ON" onclick="window.location='URL del enlace'; return true;" type="checkbox"/>Título del enlace</li>
<li style="background-image:none;"><input value="ON" onclick="window.location='URL del enlace'; return true;" type="checkbox"/>Título del enlace</li>
<li style="background-image:none;"><input value="ON" onclick="window.location='URL del enlace'; return true;" 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 style="background-image:none;"><input value="ON" onclick="window.location='URL del enlace'; return true;" 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
Perfil

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

24 comentarios:

cyberbloggero dijo...

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

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

Un abrazo!!!!

El Potro dijo...

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

cyberbloggero dijo...

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!!!

El Potro dijo...

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

PepeX dijo...

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.

Cesc dijo...

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

El Potro dijo...

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!

el venado dijo...

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.

Emanuel Martinez dijo...

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

El Potro dijo...

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

Emanuel Martinez ¿a qué te refieres con Intros?

Emanuel Martinez dijo...

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

El Potro dijo...

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.

Maria Rosa dijo...

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

El Potro dijo...

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!

cyberbloggero dijo...

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í!!!!

PepeX dijo...

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!

El Potro dijo...

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

cyberbloggero dijo...

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

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

Un abrazo!!!

✿Nyn✿ dijo...

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 !!!

El Potro dijo...

Hola ✿Nyn✿,

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

Saludos.

Antonio F. Lara dijo...

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

El Potro dijo...

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.

Antonio F. Lara dijo...

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.

El Potro dijo...

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

Saludos.

Publicar un comentario en la entrada

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.

 

Ciudad Blogger. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

Ir arriba Ir abajo