Hack para el blogroll

La blogocosa es como una espiral que te atrapa y hace que de un número pequeño de blogs pases a leer más y más (pronto será considerada como una adicción más). Por eso mi blogroll no hacía más que crecer y temía por el espacio de la columna derecha en la que aparecía.

Aquí presento un hack que permitirá mostrar el blogroll en un desplegable junto con un botón de “Visita”. Es código totalmente copy-left así que lo puede usar todo el que quiera. Basta con añadir esto:

<form name=”blogroll” action=””>
    <select name=”lista”>
        <option value=”http://url_blog_que_lees1″>Nombre del blog 1
        </option>
        <option value=”http://url_blog_que_lees2″>Nombre del blog 2
        </option>
    </select>
    <input onclick= “location = document.blogroll.lista.options[document.blogroll.lista.selectedIndex].value;” value=”Visitar” type=”button”>
</form>

Para ver cómo queda, no tenéis más que dirigir vuestras miradas a mi nuevo blogroll (columna derecha). Si os surge cualquier duda, ya sabéis: a preguntar a otra parte!! (bueno… os atenderé si os ponéis muy pesados…)

Related Posts Plugin for WordPress, Blogger...

Lorena Fernández

Por el día, directora de identidad digital en la Universidad de Deusto. Por la noche, rompiendo techos de cristal en Doce Miradas. Y como dormir está sobrevalorado, colaboro en Radio Bilbao en la sección "De las ondas a la red" del programa Hoy por Hoy Bilbao. Puedes saber más de mí o echar un vistazo a mis publicaciones, cursos y participación en congresos.

17 thoughts on “Hack para el blogroll

  1. Todavía estoy babeando…And the winner is… Loretahur!!! plas plas plas plas.
    Quiero aprender, quiero aprender, quiero aprender. Clases particulares, si hace falta, exámenes tipo rollo, lo que sea.
    Me alegro por tus añitos.
    Un saludo,
    Julen

  2. Ahora, por fastidiar ;-), pon el código en el resto de plataformas, a ser posible, empezando por WordPress.

    je je….

  3. @enrique: este código es multiplataforma porque es simple html. Lo puedes poner en blogger, wordpress, y hasta en papel de baño (aunque en éste último no aseguro que funcione bien XDDDD)

  4. Very interesting, aunque a mi me gustan mas mis iconitos sin ningun tipo de informacion añadida… 😛

    un beso!!!

  5. Yo lo que quiero es el código del desplegable para los archivos del mes… es que veo que el mio crece y crece y crece y crece….

  6. Anda, pues en el papel del baño se puede poner para desplegar la lista de las cosas que siempre se te olvidan.

    Hay que ver lo que sabe Lorena. Si al final los informáticos vais a ser gente maja y todo 😉

    Un teleco (pata negra, que quede claro. Osea de la UPM de Madrid)

  7. Interesante…

    Yo de momento no tengo los suficientes como para desplegar, pero lo guardaré por si acaso…

    Eskerrik asko!

  8. Yo tampoco tengo suficientes para desplegar y la verdad es que me gusta más sin la combo :p

  9. @may: lo del desplegable para los archivos lo contaré en otro post (y también en aprendices, así que te enterarás)

    @enrique: uy lo que me ha dicho un teleco!!! 😛

  10. Ahora haz lo mismo tomando de origen los blogs públicos de bloglines… 😉

    Si el día 10 tenemos tiempo le podemos echar un vistazo al tema, no creo que sea muy complicado hacerlo con javascript.

  11. Bravo Lorena,
    todo lo que ahorre espacio y dé un aspecto más limpio a la web es bienvenido. La suma de varios detallitos como ése mejoran mucho la primera impresión que nos hacemos de una web.

  12. Gracias. Mis conocimientos de HTML son … ¡nulos! (me sé 4 etiquetas mal contadas) :S
    Un saludo.

  13. Muchas gracias Loretahur, con éste truco he conseguido desatascar la columnita de los menús. Solo comentar que si se van a añadir varios blogroll hay que cambiar el nombre de cada blogroll en el código html( blogroll1 , blogroll2.. etc), si son iguales en cada módulo no funcionan los enlaces que les pongais…Un abrazo

  14. Hola
    Gracias por compartir tu aportación pero me temo que no me funciona de manera correcta.
    He copiado y pegado tu consejo en mi blog y me parece que no lo hace de manera correcta.

    Vuelvo al editor y me fijo que me ha modificado el código html. Es diferente al que tienes (y que he copiado)

    ¿Sabes a qué es debido?
    Enhorabuena por tu blog, tu tiempo y dedicación.
    Un saludo

  15. @Adriàpolis: he estado echando un vistazo a tu blog y el problema que tienes es el siguiente: tienes que poner todos los options seguidos y luego ya van las etiquetas </select></form>

    Espero que con eso te funcione la cosa 😉

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *