Aligerar la sidebar | Oloblogger A casi todos nos gusta ir llenando nuestra barra lateral, de widgets (artilugios) o utilidades que v...

11 de octubre de 2008

Aligerar la sidebar

A casi todos nos gusta ir llenando nuestra barra lateral, de widgets (artilugios) o utilidades que vamos encontrando y que nos parecen prácticas o simplemente estéticas. Y de la misma manera, sin darnos cuenta acabamos formando una interminable barra lateral, en la que es dificilísimo encontrar algo. Incluidos los propios autores del blog.

Como después de borrar aquello que consideramos prescindible o incluso inútil, todavía se nos queda un buen cacho, os explico una solución para, al menos, organizar la cosa un poco mejor y acortar su longitud aparente. Realmente vamos a dejar los elementos, pero sólo mostraremos su título, dejando a criterio del lector si desea expandirlo para verlo completo o no.



Tendremos que ejecutar los siguientes pasos:

1. Hacer un repaso y eliminar desde Diseño --> Elementos de página, todo aquello que realmente hemos comprobado que sirve para poco a nosotros o a nuestros lectores, especialmente si demora mucho la carga de la página.

2. Priorizar entre los elementos que nos hayan quedado, decidiendo cuáles son los muy importantes y el resto. Los primeros los dejaremos como están y a los segundos le aplicaremos un sistema de plegado-desplegado para que el usuario pueda verlos completos si lo desea, pero que no molesten mientras tanto.

3. Instalar script.aculo.us. Como tiene diversas utilidades, es probable que ya lo tengas, pero la forma de comprobarlo es buscando el fichero prototype.js o scriptaculous.js con CTRL+F. Si lo tienes, te saltas este paso, pero si no lo encuentras, tienes que editar tu plantilla y copiar este código justo antes del </head> de tu plantilla...

<script src='http://www.google.com/jsapi'/><script>
google.load(&quot;prototype&quot;, &quot;1.6.0.2&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.1&quot;);
</script>

Guardamos cambios una vez hecho.

4. Ahora editamos de nuevo, pero esta vez expandiendo artilugios, Buscamos el widget que queremos mostrar plegado. Una vez más, con CTRL+F se localiza rápido si tiene título. Si no lo tiene, lo más fácil es ir previamente a Elementos de Página --> Editar y ponerle un nombre. Cuando acabemos de hacer estos cambios, tenemos que recordar que hay que volver a editar el artilugio y quitar de nuevo el nombre.

5. El artilugio tendrá el siguiente aspecto (se muestra ya modificado):

<b:widget id='HTML5' locked='false' title='Enlaces recomendados' type='HTML'>
<b:includable id='main'>

<a href='#' onclick='Effect.toggle(&quot;MISENLACES&quot;,&quot;blind&quot;); return false'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/> [+/-]</h2></b:if>

</a><div align='center' id='MISENLACES' style='display: none;'>

<div class='widget-content'>
<data:content/>
</div>

</div>
<b:include name='quickedit'/>

</b:includable>
</b:widget>

El código nuevo que hay que insertar sin borrar nada de lo que haya, está en color verde. Las tres líneas que tienen el data:content, puede que sean más largas en otros artilugios. La referencia para la parte superior es widget-content. Luego podrá venir algo enorme que no será problema si encontramos el /b:include y el /b:widget que nos marcan casi el final.

Sólo hay que tener un cuidado especial con lo que aquí hemos llamado "MISENLACES" y que está en negrita. Se trata de la identificación del elemento a efectos del desplegado y tiene que ser único. Es decir, las dos ocurrencias que se insertan dentro del mismo artilugio, tienen que ser idénticas, pero cuando hagamos lo mismo en otro widget, habrá que usar otro nombre distinto. Se pueden usar letras o números.

Los caracteres "[+/-]" se pueden cambiar por un <img src="URL_imagen"/> para que en lugar de +/-, salga por ejemplo una flechita.

6. Guardar y listo, porque en Vista Previa, lo normal es que no podais apreciar el efecto.

Para que no peligren demasiado vuestros artilugios, la primera vez podeis crear un widget nuevo y experimentar con él. Hecho una vez, hecho todas.

Más información sobre cómo funciona este efecto y sobre cómo se puede instalar scriptaculous en vuestro propio servidor en Desplegar partes del blog.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

140 comentarios :

  1. Hola

    Gracias por la información

    Se ha dificultado comprender lo que dices sobre "misenlaces"

    me gustaría que se aclarara este pundo para insertarlo en mi blog

    Gracias

    ResponderEliminar
  2. MISENLACES tiene que ser sustituido por cualquier nombre: "gadget1", "12345", "comprimirenlaces",... lo que sea. Lo único a resaltar es que tiene que ser la identificación del elemento a expandir y tiene que ser única para cada elemento.

    ResponderEliminar
  3. Oloman, como estas. Yo de nuevo. Puse todo tal cual lo dices, y funciona, excepto por un detalle, me lleva al inicio del blog y no despliega nada, ¿que podra estar pasando?

    ResponderEliminar
  4. Lo que pasa Alexis es que no carga el script. Como el enlace (ficticio) es # eso le indica el principio de la página.
    Pueden ser tres cosas, o que lo estás probando en Vista Previa que creo que no funciona, o que no has dado tiempo a que cargue la página del todo, o que la dirección donde están los scripts no sean los correctos.

    ResponderEliminar
  5. Hola Oloman. Tengo básicamente el mismo problema con esto que ya comentaba antes Alexis. Leyendo tu comentario supuse que el problema sería que la dirección de los scripts no la tenía bien puesta, lo que pasa es que a parte de probar alojando los archivos en una carpeta pública de skydrive y enlazándolos, también he probado poniendo el código que indicas en esta entrada y sigue sin funcionar, por lo que supongo que no es problema de enlazar mal los scripts. Así que, obviando las otras dos posibilidades...¿se te ocurre alguna otra cosa que pueda estar pasando?

    ResponderEliminar
  6. Hola de nuevo!! A ver, al final, y sin saber muy bien del todo cómo, he conseguido que funcione. Cuando se despliega salen dos puntitos a la izquierda, pero bueno, eso no me he preocupa, porque me he fijado que a ti también te sale un puntito justo encima del elemento que se despliega.

    El problema que tengo ahora tiene que ver con los scripts, y en concreto con scriptaculous. Tengo ambos (prototype y scriptaculous) alojados en skydrive, pero si enlazo scriptaculous la página no llega a cargar, es decir, los enlazo los dos, guardo, le doy a ver el blog y nunca llega a abrirse. He probado a enlazar scriptaculous desde otro lugar ajeno a mi y funciona todo correctamente. También he probado a bajarme una de esas versiones que si funcionan (por si acaso lo que yo tenía estaba mal), resubirlo a mi espacio y enlazar, pero sigue petando igual. ¿Alguna sugerencia?¿O simplemente me busco otro sitio dónde subirlos?¿Aconsejas alguno en particular?

    Bueno, en cualquier caso, muchas gracias por la ayuda Oloman, con todo lo que se aprende por aquí, esto llega a ser realmente divertido :-D

    ResponderEliminar
  7. Hola Agustín. Ya he visto que te funciona de fábula, salvo por lo de los puntitos, que tampoco nunca me he molestado en solucionar.

    Si te funciona en todos los alojamientos que has probado menos en Skydrive, entiendo que es que estás tomando mal la dirección del script. Por cierto, ya he visto la que estás usando de momento... :)

    Una aclaración sobre esto. Tienes que acceder hasta la página que te muestra a la derecha las (supuestas) direcciones del fichero. Realmente no funcionan. No me preguntes por qué, pero es así. La que vale es la que te muestra el icono del fichero (la hoja de papel a la izquierda) cuando pinchas con el botón derecho (URL del enlace).

    Te saldrá una dirección que al final pone "?download". Le quitas eso y te queda la dirección buena.

    Prueba eso y si no, instala los API de Google que se mencionan en primer lugar en esta entrada.

    ResponderEliminar
  8. :-D Espero que no te haya molestado que enlazase el script desde tu "googlepages", es que era lo que más a mano tenía, y sólo era para intentar buscar cual era el problema.

    Y bueno, es así como hacía lo del enlace, estuve leyendo en Vagabundia el tutorial que comentabas y todo eso pero no he conseguido nada. Lo único que se me ocurría es que no tuviese el archivo en una carpeta pública o algo así, pero tampoco es eso. Aunque lo que realmente me mosquea es que prototype no me peta la página y se carga bien desde skydrive...

    Pero bueno, pondré las API de google mientras sigo remodelando el blog y ya volveré a investigar lo de skydrive porque no me pienso olvidar claro...(soy un poco cabezoncillo jijiji)

    Muchas gracias por todo!!

    ResponderEliminar
  9. Tranqui Agustín, no me ha molestado. Lo que ocurre es que en este medio faltan los elementos no verbales de la comunicación y es muy fácil interpretar las cosas de manera distinta a la que se pretende. Precisamente puse un :) para intentar quitarle hierro al asunto.

    ResponderEliminar
  10. no se como lo hizo Agustin, pero yo aun no puedo... alguien podria ayudarme, la pagna principal de mi blog tiene la sidebar muy cargada... please????

    ResponderEliminar
  11. Siento la tardanza Alexis, pero se me paso tu comentario. De todas formas ya he visto en tu página que por fin funciona.

    Quizás lo puedas usar también con tus Links de Interés.

    Saludos,

    ResponderEliminar
  12. Oloman, como estas. El script funciona pero para lo de desplegar partes del blog (como el post que tienes aca), pero no puedo hacer que me funcione con los gadget que Blogger te permite usar. No se si me explico bien?? Como el archivo del blog, los links de interes, etc... Ese es mi problema

    ResponderEliminar
  13. Hola Alexis. Copia entero uno de los gadgets con los que tengas problemas, desde <b:includable... hasta </b:includable> y te digo donde se pone el código, porque no se me ocurre nada adicional que pueda indicarte aparte de lo ya dicho en el post.

    ResponderEliminar
  14. HOLA OLOMAN LO INTENTE HACER PERO NO ME FUNCIONA EL ARTILUGIO NO SE QUE PASA

    ResponderEliminar
  15. ESTE ES EL CODIGO DONDE INETNTO PERO NADA

    ResponderEliminar
  16. Me has mandado tres widgets. Te incorporo en los tres el código correspondiente para que veas la mecánica. Es el señalado en negrita. Un saludo.

    </b:includable>
    </b:widget>
    <b:widget id='LinkList1' locked='false' title='ENLACES' type='LinkList'>
    <b:includable id='main'>


    <a href='#' onclick='Effect.toggle(&quot;enlaces;,&quot;blind&quot;); return false'>


    <b:if cond='data:title'><h2><data:title/> [+/-] </h2></b:if>

    </a><div align='center' id='enlaces' style='display: none;'>

    <div class='widget-content'>
    <ul>
    <b:loop values='data:links' var='link'>
    <li><a expr:href='data:link.target'><data:link.name/></a></li>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
    </div>

    </div>

    </b:includable>
    </b:widget>
    <b:widget id='HTML5' locked='false' title='' type='HTML'>
    <b:includable id='main'>

    <a href='#' onclick='Effect.toggle(&quot;html5;,&quot;blind&quot;); return false'>

    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/> [+/-] </h2>
    </b:if>

    </a><div align='center' id='html5' style='display: none;'>

    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>

    </div>

    </b:includable>
    </b:widget>
    <b:widget id='HTML7' locked='false' title='' type='HTML'>
    <b:includable id='main'>

    <a href='#' onclick='Effect.toggle(&quot;html7;,&quot;blind&quot;); return false'>

    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/> [+/-] </h2>
    </b:if>

    </a><div align='center' id='html5' style='display: none;'>

    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>

    </div>

    </b:includable>

    ResponderEliminar
  17. Hola,

    Soy nuevo en este blog y antes que nada quiero felicitarte pq está genial.

    Tengo un problemilla: Soy incapaz de hacerlo funcionar. Me pasa como a algunos de los compañeros: cuando le doy se me va al principio de la página.

    Mira que lo he intentado y he seguido al pie de la letra tus ejemplos pero nada de nada.

    Puedes ver mis pruebas en: http://kokoloak.blogspot.com

    ResponderEliminar
  18. Dos cosas para probar Joan.

    La primera es eliminar las dos líneas de los scripts de prototype y scriptaculous, que veo que los tienes alojados en GooglePages y últimamente a mí también me estaban dando problemas, además se supone que a fin de año dejan de dar ese servicio de alojamiento de ficheros. Luego las sustituyes por los API de Google que se explican en esta misma entrada.

    Si no funciona, pruebas a quitar las contrabarras que tienes en tu código, que no sé de dónde han salido

    <a href='#' onclick='Effect.toggle(\'foto\', \'slide\'; return false;'>
    <h2>Foto[+/-]</h2></a>

    Si continúas con problemas, envíame por correo (copiado de tu plantilla), el código del widget completo y te lo rehago.

    Un saludo

    ResponderEliminar
  19. Hola Oloman,

    Lo he conseguidooooooo!!!

    Muchas gracias por tu ayuda!!!

    Joan

    ResponderEliminar
  20. Antes que nada FELIZ AÑO.
    Veras cuando le doy al link de scriptaculous de esta pagina para instalarlo, lo hago e instalo la verson1.8.2 en mi disco duro.
    Pregunta: Hay que darse de alta y/o pagar algo?
    De los archivos guardados en mi disco duro cuales debo abrir y cuales no? O es que ya tengo instalado el programa cuando lo guardo al disco??
    Muchas gracias

    ResponderEliminar
  21. No hay que pagar nada ni darse de alta, pero no basta con tenerlo en tu disco duro. Cuando instalas un SCRIPT, realmente lo que haces es llamar al fichero .JS que contiene el código, por lo que tiene que estar alojado en una dirección de internet.

    Para eso, lo que tienes que hacer es guardarlo en un alojamiento... preferentemente gratuito como Skydrive.

    Un poco más de esto podrás ver en "Cómo instalar un SCRIPT".

    ResponderEliminar
  22. Hola Oloman ante todo gracias por tu ayuda,vérás he seguido tus indicaciones :He intalado la orden en mi plantilla que indicas.
    He incluido las ordenes en verde que indicas en Expandir artilugios. PERO NO ABRE el widget TRADUCTOR que contiene dos elementos Traductor y Buscar.
    Te dejo mi blog por si te ayuda a ver donde meto la pata : priamo24.blogspot.com
    Muchas gracias

    ResponderEliminar
  23. Lo que puedo ver está bien, Priamo, pero no puedo comprobar el script que creo que es lo que no debe estar bien.

    Parafraseando a Benjamin Franklin, hay muchas formas de poner deficientemente scriptaculous. La que a mi parecer es la más fácil y eficiente es aquella cuyo código se muestra en el punto 3 de este post. Prueba con esa.

    ResponderEliminar
  24. Hola oloman:
    Esto ya funciona pero he hecho lo siguiente (espero que Franklin y tu les deis el OK:

    He copiado el script del punto 3 en mi plantilla.
    He copiado y pegado el codigo que figura en otro tema tuyo "desplegar partes del blog" y que da la orden del efecto a desplegar etc en un GADGET de html en mi blog.

    Aprovecho para para preguntarte otra cosa: ¿como has realizado la barra del desplegable con su flechita correspondiente. Por ejemplo:"los mas comentados",Los que más comentas".. ??
    Muchas gracias de nuevo.

    ResponderEliminar
  25. Hola de nuevo Oloman: he localizado la web grsites.com para realizar los botones,veras, si accedes a mi blog (priamo24.blogspot.com) al abrir el boton que he creado se despliega pero observarás que se produce un salto al final del despliege y otro al repliege.No hay manera que dé con la solución ¿Puedes ayudarme a quitar ese salto?
    Agradecido nuevamente

    ResponderEliminar
  26. Yo sólo veo un retorno de carro y parece adecuado para que no se quede pegado el menú al botón. Por cierto que el menú que estás probando también me gusta, aunque se te quedan las letras un poco por fuera a la izquierda de la zona de color que corresponde a cada botón.

    ResponderEliminar
  27. Lo de las letras lo ves así porque es un menu tipo copiado literalmente que modificaré dado que estoy en pruebas.
    Por cierto ¿de donde o como has realizado la barra del desplegable con su flechita correspondiente.
    Agradecido

    ResponderEliminar
  28. La barra del desplegable se hace a partir de la parte <h2 class='title'><data:title/> [+/-]</h2>

    A la clase H2, le añades una imagen de fondo con un degradado y un borde, o bien añades todo eso ahí mismo con un STYLE. Para poner también la flechita, hay que cambiar [+/-] por una imagen (<img src="...)

    ResponderEliminar
  29. Muchas gracias Oloman,lo rprobaré.

    ResponderEliminar
  30. Buenas tardes, Oloman! Estuve leyendo este tan útil tutorial y me queda una duda. Si te fijas en mi blog, utilizo otro expandible...pero aún cuesta mucho que suba bien la columna de la derecha.
    Por lo menos, eso veo yo...
    Qué me aconsejás? Cambio el scrip?
    En ese lado del charco...tarda tanto como en este lado argentino?? ja!

    Bueno, muchas gracias y espero me haya explicado bien. Espero tu sugerencia!

    ResponderEliminar
  31. Hola Feripula. Mucho tiempo... Me acabo de dar cuenta de que cambiaste la plantilla.

    He visto tu TOGGLECOMMENTS y supongo que te refieres a eso. Desde luego, yo no percibo problemas ni retardo en el plegado/desplegado. De hecho es instantáneo.

    Yo tengo uno similar que aprovecha el DISPLAY para hacer lo mismo. Lo que ocurre es que este otro me encanta. La apertura lenta de los elementos, me parece muy elegante.

    No me atrevo a recomendarte nada, porque eso depende de lo que te guste a tí. De hecho, yo tengo los dos tipos y según me apetece o me parece más conveniente, uso uno u otro. Sólo se trata de aplicar la clase correpondiente.

    Saludos

    ResponderEliminar
  32. Oloman Tengo Un Problema Ago Todo Lo Que Dices Pero Cuando Guardo No Desplega Nada... Me Manda Al Inicio Del Blog... Puedes Decirme Que Hacer...

    ResponderEliminar
  33. Eso ocurre normalmente cuando no ha cargado del todo la página. Si el intérprete del navegador no tiene cargados los SCRIPTS, sólo es capaz de ejecutar el enlace.

    En este caso, el enlace lleva a #, que es precisamente el principio de la página.

    Si todo está bien, el motivo sólo puede ser este.

    ResponderEliminar
  34. Creo Que Ese Es Mi Problema No Carga Los SCRIPTS, Enseñame Lo Que Tengo Que Hacer Porque Cuando Boy Ala Pagina Que Dices Al Inicio script.aculo.us. Nose Como Instalarlo...

    ResponderEliminar
  35. La forma más eficaz y rápida de instalar SCRIPTACULOUS es usando el código que se facilita en este mismo post, el que usa los API de Google y que se muestra en el punto 3.

    Pruébalo con algo sencillo... una imagen, una frase. Si funciona, ya te podrás complicar después.

    ResponderEliminar
  36. Nada Oloman Sigue Sin Funcionar ¿:S? Ya Instale el SCRIPTACULOUS, Coloco los Codigos Como Dice Al Principio y Nada Sigue Sin Funcionarme Me Manda Al Principio De Mi Blog... No Tengo Que Cambiar Eso De "#". Puedes Darle Un Vistazo a Mi Blog y Decirme Que Estoy Haciendo Mal PorFavor...

    ResponderEliminar
  37. Momomonky, te faltan unas comillas
    En lugar de...
    Effect.toggle("MISENLACES;,"blind")
    debería ser...
    Effect.toggle("MISENLACES","blind")

    Una advertencia. En vez de MISENLACES, usa una palabra distinta para cada vez que uses este truco. Si vuelves a usar MISENLACES para desplegar otro elemento, el SCRIPT no funcionará bien.

    ResponderEliminar
  38. Muchas Gracias Oloman Porfin Me Salio, Demoro Pero Salio... Nos Vemos...

    ResponderEliminar
  39. hola Oloman, yo también ando con problemas para terminar de entender cómo funciona este script. Ya cargué los escripts a un lugar propio pero sigue sin abrirse. Me gustaría que me dieras qué otras cosas podría pasar para que no se abra. Estoy practicando en un blog de prueba, así que sino podría pasarte si quieres y no es mucha molestia, por mail el código de ese blog. Desde ya, de todos modos muchas gracias porque esto es el script que estaba buscando, así que me llevará tiempo pero con paciencia, seguramente lo instalaré en mi blog.
    Saludos!!!

    ResponderEliminar
  40. Hola Susana. La razón más habitual es un SCRIPTACULOUS defectuoso o mal instalado. Lo más efectivo es instalar el código que aquí se cita que "tira" de unos scripts correctos que, gustosamente, nos cede Google para su uso.

    Lo demás no suele dar problemas si ensayas primero con un simple texto para entender el funcionamiento.

    ResponderEliminar
  41. Hola buenas, Oloman. Eres un crack, me encanta este 'truco'. El problema es que tengo ya instalados los scripts, pero los widgets no son para nada parecidos a lo que dices, y por tanto no se como colocar los codigos q indicas en color verde.

    Por ejmplo estoy intentando poner de esta forma mi perfil en la sidebar.

    Si m pudieras ayudar, lo agradeceria muchisimo. Gracias

    ResponderEliminar
  42. A ver, se m habia olvidado expandir los artilugios. Ya esta. Ahora el problema es el mismo q algunos d los q he leido: m lleva arriba del blog en vez de desplegar.
    Eso, por lo q has explicado, se debe al #. Pero no se si he entendido bien. No hay ke cambiar # por otra cosa? Si no hay ke cambiarlo, ntnces es ke los scripts estan mal instalados?
    Te dejo las lineas ke hay desde donde he contrado los dos scrips al < / head >, para ke veas como está (yo no he hecho nada d eso, venia con la plantilla).

    mmm.. no se ke pasa ke si pongo codigo no m deja publicar el comentario. Dime como podria mandartelo.

    Muchas gracias d antemano. Un saludo!

    ResponderEliminar
  43. Hola JC, el # es simplemente un código que lleva a la parte superior del blog. Se hace así porque el destino del link realmente no es necesario, pero hay que poner algo para que el código sea aceptado como válido.

    Si te pasa lo que cuentas, puede ser por dos motivos. O bien porque no has dado tiempo a que la página se cargue completa o bien porque hay algo mal instalado. Normalmente pasa lo primero.

    Sobre lo de no poder publicar código, lo que ocurre es que los navegadores lo interpretan como instrucciones y no lo muestran, sino que lo ejecutan. Echa un vistazo a este post.

    http://oloblogger.blogspot.com/2008/10/publicar-codigo-en-una-entrada.html

    No obstante, también sería bueno que al publicar un comentario usaras tu cuenta Google o Nombre/URL. Así podríamos saber cual es tu blog y echarle un vistazo.

    ResponderEliminar
  44. A ver, hay un error en el codigo
    A mi no me funcionaba por esto:

    Effect.toggle("MISENLACES;,"blind")

    Faltan unas comillas, así que en realidad es:

    Effect.toggle("MISENLACES","blind")

    Supongo que por eso no os irá a muchos, por lo demás va perfecto, gracias!

    ResponderEliminar
  45. Gracias Unai. Realmente, al punto y coma le faltaba delante el &quot y por eso no funcionaba. Esto junto con el punto y coma, deberían haber sido unas comillas desde el principio.

    ResponderEliminar
  46. Muchisimas Gracias Oloman eres un crack me ha servido de mucha ayuda, aunque me haya costado lo mío acabarlo, saludos y echale un vistazo, sería un honor , saludos.
    http://masalegresymenospobres.blogspot.com/

    ResponderEliminar
  47. El que "no hace nada" es el que más me ha gustado Narangito.

    ResponderEliminar
  48. ¡¡¡Lo conseguíiii!!! Tras horas peleándome con el código la primera vez... luego ya era muy fácil^^

    Gracias^^

    ResponderEliminar
  49. ;) oloman eres genial, he leido cada post tuyo en estos días; te casa conmigo jaja .. (broma).
    Muy buen blog, me parece bueno que tomes esto en serio.

    ResponderEliminar
  50. No creas que me lo tomo tan en serio Luis Jesús ;)

    ResponderEliminar
  51. Prueba superada! gracias Oloman!

    ResponderEliminar
  52. Hola Oloman, disculpa que te dé la lata otra vez... he colocado el cacharrito y funciona de cine pero hace que los "seguidores" del blog no se vean, ¿Por qué será?

    ResponderEliminar
  53. Lo de los Seguidores es un problema que se está produciendo desde hace un par de meses. Mi gadget lo veo en 2 de 3 ordenadores desde los que accedo y en el otro no, independientemente del navegador que use. Bueno en Chrome si se ve en todos los casos. Si quitas el script de SCRIPTACULOUS y PROTOTYPE se ve, por lo que pienso que alguna interferencia hay. Antes no había ningún problema, pero se ve que cambiaron algo.

    ResponderEliminar
  54. Buenas oloman, no se que ha pasado, me funcionaba correctamente y hoy en lugar de mostrar el contenido oculto, la pinchar en [+ -] me abre una pestaña nueva en el navegador como si abriera otro enlace. Se debe esto a que tengo predeterminado el blog de tal manera que todos los enlaces se abran en pestaña nueva? si es asi, como corrijo este error, para que no le afecte a este scrip?

    ResponderEliminar
  55. vale...no es problema del target blank...lo quite de la plantilla, y ahora lo que hace es actualizarme la pagina, pero no muestra el contenido oculto :(
    vigilans-antis.blogspot.com

    ResponderEliminar
  56. Cordobess@, al margen de que tienes ya tantos cacharritos que me he pasado media tarde para poder ver tu página, cuando lo he logrado no he encontrado ningún enlace [+/-]. Es para ver qué puede pasar.

    ResponderEliminar
  57. ok ahora mismo lo pongo otra vez, ayer me fallaba y lo quite, exactamente estara implementado en el cacharrito :D Ultimos comentarios ;)
    Este sistema lo quiero por ese mismo motivo. Para el que quiera usar algo lo abra y el que no, lo obvie :D lo dejo puesto en 5 minutillos y me dices :D
    Gracias otra vez oloman!
    http://vigilans-antis.blogspot.com/

    ResponderEliminar
  58. ya lo tienes insertado! espero tu ayuda amigo! un abrazo y gracias!

    ResponderEliminar
  59. Hola de nuevo
    No he podido comprobar si hiciste el paso 3. Aparentemente no, porque no veo el código correspondiente. El resto si está bien.

    También puede ser por lo que tarda en cargar la página. Hay algo que se queda enganchado y hasta que no se carga todo, el script no funciona. Lo mismo ocurre con la fecha Ir Arriba que tienes instalada.

    Echa un vistazo a este post e intenta ver qué es lo que más te tarda.

    ResponderEliminar
  60. Gracias!!! si ese era el problema...el 3 er paso.
    jojojojo
    habia estado toquiteando insertando un escrip para banear ip en el blog, y sin querer debi de borrarlo, porque tambien habia que ponerlo antes de /head debi de borrar algo y darle a omitir error :D
    Mil gracias Oloman!
    Ya me puedes llamar la mujer mil cachivaches :D

    ResponderEliminar
  61. Una advertencia. El gadget de Seguidores da problemas en algunos casos, todavía por descubrir, cuando incorporas SCRIPTACULOUS.

    No con el mismo efecto, pero también puedes desplegar partes del blog de otra manera, menos elegante quizás, pero sin necesidad de ese SCRIPT.

    ResponderEliminar
  62. Es mi caso, desapareció el Seguidores!! A ver si das con una solución. Por lo demás el artilugio me funciona, lo que no sé es cómo conseguir esa decoración que le pones (pergamino, papel, o lo que sea), puedes ayudarme? Gracias por tu paciencia.

    ResponderEliminar
  63. La solución es complicada porque la avería es intermitente y no encuentro un patrón común.

    Con respecto al artilugio, ya vi que lo aplicaste con los comentarios. Para lucirte, echa un vistazo a esta entrada y sucesivas:
    http://oloblogger.blogspot.com/2009/08/secciones-con-estilo-i-intercalar-y.html

    ResponderEliminar
  64. Oh, gracias, no había visto tu respuesta. Voy a intentar lo que sugieres en ese enlace. Ya te contaré. Gracias otra vez!

    ResponderEliminar
  65. Primero que nada felicitaciones por el blog, es de gran utilidad, sobre todo para quienes no sabemos casi nada de HTML.
    El código que has puesto me funcionó con un gadget de prueba, pero cuando quiero modificar el que muestra las etiquetas no me sirve... pondría el gadget aquí pero no se como, para que me ayudes plis.

    Muchas gracias de antemano!

    ResponderEliminar
  66. Vale Quasar. Lo pusiste en "Frases célebres..." de forma correcta, pero necesito que lo instales en las etiquetas aunque no funcione, para ver qué es lo que pasa.

    En un principio, para el gadget de etiquetas, tienes que seguir el mismo sistema que para ese y que es el mismo que se explica aquí. Sólo ten en cuenta que si a ese le llamaste "PRUEBA", los siguientes que hagas tienen que llevar otro nombre distinto, tanto en el enlace como en el bloque oculto. PRUEBA2 podría valer perfectamente.

    ResponderEliminar
  67. Muchas gracias =) Lo que pasaba era que ponía el div mal. Ahora pasa otra cosa: el [Expandir] en vez de aparecer al lado de Temas, aparece abajo.

    Saludos!

    ResponderEliminar
  68. Quasar, la clase h2 es la que controla el título de los gadgets. Al estar dentro de ese tag, te inserta un salto de línea

    <h2>Temas</h2>
    <i>[Expandir]</i>

    Coloca la palabra Expandir (y la cursiva si quieres) dentro del H2
    <h2>Temas <i>[Expandir]</i></h2>

    ResponderEliminar
  69. Eso era =)
    Muchas gracias de nuevo!!

    Y muchas felicitaciones por el excelente blog, espero que sigan así.

    Gracias!!

    ResponderEliminar
  70. Bueno oloman.. Tengo que preguntarte algo.. primero que nada te aclaro que yo soy el usuario Business no se si me recuerdas :D bueno cambie mi nombre de usuario!!

    La pregunta es la siguiente.. yo edite mas de una vez el script de "ir hacea arriba" (el rectangulo rojo que dice pincha aqui) para colocarle gadgets como imagenes, reproductores y otros en una barra inferior al estilo facebook.

    Lo que quiero "inventar" ya ahora es la combinacion de eso con este genial script!
    osea que al pinchar en esa barra de abajo que se mueve con el sitio se despliegue hacia arriba una imagen, reproductor musical o lo que sea...

    Wow.. espero no haber complicado nada.. Muchas gracias por tu tiempo! a mi la creatividad no me dio esta vez como para hacer eso por eso te pido ayuda!!

    Muchas Gracias!!!

    ResponderEliminar
  71. Hola il Don. Tendría que ver como contruiste esa barra para ver cómo hacerla desplegable. Si lo hiciste insertando un gadget HTML/JavaScript, puedes aplicar perfectamente lo que aquí se explica.

    ResponderEliminar
  72. Cambie la plantilaa de mi sitio y no la uso mas esa otra barra pero la contruyo de vuelta para que la veas :y me digas como le agrego este efecto y como hacer para que se despligue hacia arriba :)

    Gracias Oloman!!

    ResponderEliminar
  73. "Perfil no disponible" y no recuerdo cual es tu dirección.

    ResponderEliminar
  74. Ok. Ya tengo la dirección. Ahora ¿cual es esa barra que mencionas y dónde está? Lo digo porque si es el botón "On air", parece ser que ya lo tienes solucionado...

    ResponderEliminar
  75. Anónimo31/7/10 7:02

    no entendi nada

    lo intentare

    ResponderEliminar
  76. Es cuestión de ponerse...

    ResponderEliminar
  77. Anónimo10/8/10 6:35

    ya instala ese script script.aculo.us. y funciona, pero me desactivo un slider, mi plantilla de blog es bloggertube, espero una respuesta de como solucionar dicho problema

    ResponderEliminar
  78. Hay scripts que son incompatibles. No sé cual usa tu slider, pero tienes sólo dos opciones: o no usar scriptaculous o usar otro slider. No hay otra.

    ResponderEliminar
  79. Anónimo16/8/10 2:03

    uso este slider (http://btemplatesjs.googlecode.com/files/easySlider1.7.js.js). Quizás habrá otro forma de aligerar la sidebar usando otro script que sea compatible con el slider que uso.

    ResponderEliminar
  80. Yo no conozco ningún otro que te pueda explicar, pero puedes probar con este otro truco. Al no ser un script propiamente dicho, no interfiere con otros scripts:
    http://oloblogger.blogspot.com/2008/02/elementos-que-aparecen.html
    http://oloblogger.blogspot.com/2008/02/en-cualquier-parte-de-la-pgina.html

    ResponderEliminar
  81. Estoy intentando hacer esto con el Widget de Archivos (las entradas del Blog) pero no soy capaz, creo que el formato es diferente al del resto de Widgets, ¿es posible?

    Gracias

    ResponderEliminar
  82. ¿Viste mi "Clasificador" en la barra lateral? El código es algo distinto, pero se puede hacer de la misma manera. Sólo fíjate en las referencias básicas: INCLUDABLE, título de post y cierre del INCLUDABLE.

    ResponderEliminar
  83. Hola necesito que me ayuden a resolver un problemilla que tengo con mi blog, lo que sucede es que la sidebar se ve solo en la página principal de mi blog pero cuando entro a alguna entrada la sidebar desaparece y solo se ve el espacio en blanco. Quisiera saber si puedes ayudarme. Muchas Gracias. Cristina

    ResponderEliminar
  84. Afterhours, sería interesante disponer de la dirección para verlo, pero a bote pronto se me ocurren dos razones:
    1. Existe un condicional que hace que la barra lateral no se vea en páginas distintas de la principal
    2. El ancho de la sidebar supera en unos pocos píxeles el espacio disponible y cuando se cargan los posts se desplaza.

    ResponderEliminar
  85. He tenido que cambiar la plantilla de todas formnas pienso que es la primera opción, tenia una plantilla tuneada y al ponerle una de las de da blogger se me movió toda la configuración de todas formas muchas gracias por responderme tan pronto y un saludo. Cristina

    ResponderEliminar
  86. Seguramente, esto te suene:
    Hola Oloman.
    He llegado aquí buscando solución al cambio de librería por incompatibilidad con los comentarios anidados, he descubierto que seguí los pasos de esta entrada para desplegar algún gadget de la sidebar.
    Como comentabas en la entrada correspondiente, tú lo has subsanado utilizando otro método.
    Llegados a este punto te rogaría los pasos a seguir, porque ni sé lo que borrar ni lo que hacer, ya que me pierdo entre códigos y de una vez para otra, me olvido de lo que haya hecho... ¿memoria de pez?, ¿estrabismo cerebral?, a saber.
    Si fueses bien de tiempo (y ganas), podrías pasarte por mi html y echarle un vistazo a ver si puedo conservar el estilo de los comentarios y seguir ahorrando espacio en la sidebar.
    Te dejo la dirección: http://sinapsisdeuntapicero.blogspot.com/
    Gracias por tu paciencia infinita ;)

    ResponderEliminar
  87. Si lo compruebas, verás que en esta entrada no funciona el Responder. Eso es porque metí scriptaculous sólo en esta entrada para la demostración.

    De momento puedes aplicar otro truco más sencillo y que no depende de librerías, que es el que yo he usado.

    Mete delante de tu </head> esto:

    <!-- PLEGAR - DESPLEGAR -->
    <style type='text/css'>
    .mostrar { display:block !important; }
    .ocultar { display:none !important; }
    </style>
    <script type='text/javascript'>
    function desplegar(categoria){
    var elemento = document.getElementById(categoria);
    if(elemento.className == &quot;mostrar&quot;){
    menu.className = &quot;ocultar&quot;;}
    else{
    menu.className = &quot;mostrar&quot;;}
    }
    </script>

    Grabas, que esto no es peligroso.

    Luego vas a la plantilla y buscas:

    <a href='#' onclick='Effect.toggle(&quot;restaurando&quot;,&quot;blind&quot;); return false'>
    <h2 class='title'><img src='http://img402.imageshack.us/img402/9479/ayudam.png' style='padding-right:9px;' >Restauración.<i>(+/-)</i></h2>
    </a>

    y sustituyes el enlace antes del h2 por

    <a href='javascript:desplegar(&quot;restaurando&quot;);'>

    Luego, un poco más abajo localizas esto:

    <div align='center' id='restaurando' style='display: none;'>

    Y ahí cambias la etiquetas style por una clase:

    <div align='center' id='restaurando' class='ocultar' >

    ResponderEliminar
  88. Hola de nuevo.
    He seguido al pie de la letra tus indicaciones y has conseguido que al pinchar en el desplegable no enlace con la página principal,como hacía anteriormente junto a los otros dos gadget desplegables, y ahora no enlaza con nada.
    Espero no tener que olvidarme de los gadget en cuestión pero si así fuera, ¿con eliminarlos en diseño valdría?, ¿qué debería borrar para deshacerme de scriptaculous?.
    Espero que tenga solución el infortunio :(

    ResponderEliminar
  89. Pero ¿tú querías desplegar o que enlazara a la página principal? ¿Se supone que lo primero no?
    Pues entonces si hiciste exactamente lo que dije (y salvo error que no veo) te debería haber ocultado el contenido de los artilugios y al pinchar en el título te lo desplegaría. Ahora veo que ya has quitado todo, lo anterior, lo que propuse... ¡e incluso scriptaculous!

    El primer trozo de código déjalo en tu plantilla. Ya digo que no es peligroso y se le saca la utilidad con frecuencia ;)

    ResponderEliminar
  90. He releído mi comentario y no me expliqué con claridad:
    Al instalar el nuevo sistema de comentarios, los gadget desplegables se convirtieron en enlaces a la página principal.
    Una vez que introduje tus instrucciones, creo que al dedillo, lo único que conseguí es que no enlazara con la principal (... y seguía sin desplegarse).
    Como la librería no la he utilizado tan apenas y quiero conservar los anidados, opté por limpiar el efecto desplegable que tenía para aplicar tu código en limpio.
    Esperaba un rato de desahogo para seguir tus indicaciones ya que no me gusta nada como queda tanto enlace en la sidebar. Sólo espero que al borrar lo que tenía, no haya fastidiado algo y ahora no funcionen tus instrucciones.
    Llegados a este punto, te pregunto si tengo que poner el código tal cual o hay que hacer alguna modificación, en cuanto sepa algo por tu parte... a colocar los desplegables!!
    Gracias por todo ;)
    Un saludo.

    ResponderEliminar
  91. Lo voy a explicar de otra manera, sigue las instrucciones de esta entrada, pero dónde pone...

    <a href='#' onclick='Effect.toggle("MISENLACES","blind"); return false'>

    ...debes poner:

    <a href='javascript:desplegar("MISENLACES");'>

    Y en lugar de esto...

    </a><div align='center' id='MISENLACES' style='display:none;'>

    ...esto:

    </a><div align='center' id='MISENLACES' class='ocultar'>

    Por supuesto, has de meter en la plantilla el primer trozo de código que explico en #89 y MISENLACES es un ejemplo. Para cada conjunto desplegable debes usar una id distinta.

    ResponderEliminar
  92. Otra vez aquí...
    Nada Ooman, he hecho lo que me dices y he conseguido que el desplegable "¿POR QUÉ..." se retraiga, pero al pinchar no se despliega.
    Al posar el cursor encima del título, Chrome me indica que apunta a "javascript:deplegar("por que"); sin ningún resultado :(
    Ya contarás si hay arreglo...

    ResponderEliminar
  93. Qué tal si el "por que" lo pones todo junto ("porque"). En los dos sitios. Es una ID, no se pueden dejar espacios...

    ResponderEliminar
  94. ¿Tienes en el enlace el id entre comillas dobles hechas con &quot;?

    &quot;porque&quot;

    ResponderEliminar
  95. Otra cosa, quita el último código que pusiste con el script "desplegar", que ya lo tenías y ahora has duplicado la función. Una vez hecho, la clase "ocultar", cámbiala por "ocultar_menu".

    ResponderEliminar
  96. Pues sí, aún corrigiéndolo varias veces según tus instrucciones, al guardar lo pone así (¿?)

    ResponderEliminar
  97. Te voy a suspender Tapestryworkerman. No hiciste lo primero que dije en #98 ;)

    Quita TODO esto, incluida la ristra de guiones:

    --------------------
    <!-- PLEGAR - DESPLEGAR -->
    <style type='text/css'>
    .mostrar { display:block !important; }
    .ocultar { display:none !important; }
    </style>
    <script type='text/javascript'>
    function desplegar(categoria){
    var elemento = document.getElementById(categoria);
    if(elemento.className == "mostrar"){
    menu.className = "ocultar";}
    else{
    menu.className = "mostrar";}
    }
    </script>

    ResponderEliminar
  98. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  99. Vaya!! ahora que te iba a decir que quería alinearlos a la izquierda...

    ResponderEliminar
  100. Prueba con .Linklist li {text-align: left;}

    ResponderEliminar
  101. Respuestas
    1. En la parte CSS de tu plantilla. Siempre que veas un código así, con propiedades va en esa parte. Si fueras entre etiquetas <style>, entonces ya es para la parte HTML.

      Ver: HTML y CSS.

      Eliminar
    2. Lo de los lenguajes lo entiendo (aunque no lo comprendo) pero sigo sin tener muy claro donde ponerlo.
      He ido a content/widget y lo he colocado por ahí sin resultado y lo he dejado como estaba, creo que se van a quedar así, que ya me aburren :(
      ¿Has quitado el scriptaculous?, ya se puede responder.

      Eliminar
    3. Jejeje... Creo que no lo tienes tan claro, aunque también podría ser que fuera yo el que no te entienda. Busca tu cierre SKIN (ahí termina la parte CSS) y antes de dicho cierre, inserta esa línea.

      Y no he quitado scriptaculous; he solucionado el conflicto. Precisamente has comentado en el post en el que ofrecí la solución :D

      Eliminar
    4. ¡¡Qué me estás contando!!
      Después de toda la movida, vuelvo sobre mis pasos y sigo las instrucciones de esta entrada, cambio el primer código (scriptaculous) por el de la solución al conflicto, ¿y todo arreglado?... tal vez tuve poca paciencia antes de cortarme las venas!
      En cuanto a las entendederas, tranquilo, que no es problema tuyo. A mí todo eso del skin y el head, body y corchetes, semicorcheas y demás signos cuneiformes, se me escapan al raciocinio del tapicero vulgar.
      Sobre todo no me guardes rencor por tooodos estos comentarios infructuosos, piensa que algún día puedo llegar a comprender el lenguaje este que hablas... aunque lo veo lejano, lejano ;)

      Eliminar
    5. Grrrrrr.... ¡¡¡☠☠#☢☣#@&☠!!!

      Eliminar
    6. Jooo... ya estoy aquí de nuevo.

      En este Blog http://pippersdollhouse.blogspot.com/ tengo un widget de Etiquetas llamado Historias. Al actualizar el blog, me ha desaparecido pero al dar a Diseño... ¡¡¡SIGUE ESTANDO AHÍ!!! Es un fantasma... ¿Tiene solución?

      Thanks! Como siempre^^

      Eliminar
  102. Me estoy dando cuenta que me desaparende los widgets de Etiquetas cada vez que los edito para seleccionar una etiqueta nueva... pero en el panel de Diseño, en Administración de Elementos siguen estando. ¿Alguna idea de por qué pasa y cómo arreglarlo?

    Thanks!

    ResponderEliminar
    Respuestas
    1. No he visto nada raro en el código, pero ¿qué quiere decir la parte "cada vez que los edito para seleccionar una etiqueta nueva"?

      Eliminar
  103. Pues que tengo varios widgets de etiquetas en los que selecciono qué etiquetas quiero que aparezcan. Y, si hago una etiqueta nueva, al editar y clickarla para que aparezca la nueva etiqueta con las demás, me desaparece todo el bloque. Pero luego en HTML los bloques siguen estando ahí pero en el Blog no se ven...

    ResponderEliminar
    Respuestas
    1. Pues me parece que es cosa de Blogger. Yo tengo dos gadgets de etiquetas aquí, el que se ve a la izquierda y el que sale cuando se hace la ventana más pequeña. Cuando intento quitar o poner otro desde "Añadir gadget" o borrándolo desde la plantilla, siempre me da un error.

      La única forma en que puedo hacerlo es usando la antigua interface. No sé si esto te ayudará a tí.

      Prueba también a no usar caracteres "extraños" en las id de los gadgets. Esas interrogaciones, las mayúsculas y los acentos, no estoy seguro que le sienten bien a los intérpretes de los navegadores (Ejemplo: id='¿Cómo llegaron?' Creo que sería mejor id='comollegaron')

      Eliminar
    2. Pues nada, ni volviendo a la antigua interfaz, ni cambiando los caracteres, ni borrándolos y cocándolos de nuevos T_T

      Eliminar
  104. Solucionado. Resulta que al editar las etiquetas, si en vez de dar a 'Finalizado' (bajo todas las etiquetas, en pequeño) das directamente a guardar, no se selecciona ninguna etiqueta por lo que el bloque no sale porque no hay etiquetas seleccionadas... He tardado pero, ¡ya está!

    Thanks por todo^^

    ResponderEliminar
  105. Buenos dias Oloman. Como estamos?
    Me han pedido un favor y las prisas son malas consejeras. Tres cosas.
    - Como puedo reestablecer el header a solo 1 elemento. Ahora lo tengo partido en dos.
    - No entiendo los códigos de las nuevas plantillas. Como cambiar el color de fondo y texto (independientemente) de cada sección?. Estaba interesado principalmente en el Sidebar. No encuentro el sidebar-wrapper.
    - Tercero. Como juntar mas el menu desplegable y la foto de cabecera. Son diferentes gadgets dentro del Header.

    http://adelperello.blogspot.com.es/

    Muchas gracias de antemano. Un saludo.

    ResponderEliminar
    Respuestas
    1. Hola

      - En la plantilla (sin expandir artilugios) verás un header section y un header2 section. Tienes que eliminar una de las dos secciones y luego ajustar los anchos de la que dejes. Para algo más de información sobre las secciones echa un vistazo a la colección de entradas que comienzan en este enlace y sobre todo a la última de ellas (III.Columnas). Después de escribir esto he visto que lo más adecuado es dejar el header2 y borrar el que no lleva número, ya que el 2 es el que actualmente contiene la imagen y el menú.

      - Yo tampoco los entiendo ni quiero entenderlos, pero para eso creo que sí te puedo echar un cable. Cuando no encuentres alguna sección pero quieras darle estilo, simplemente añádela. En el caso de tu Sidebar, tendrías que dar propiedades a #sidebar-right-1

      - Hay un margen de 30px en tu plantilla para todos los widgets. Para eliminar sólo ese inserta esto:
      .widget #HTML1 {margin: 0;}

      Suerte...

      Eliminar
  106. Ante todo muchas gracias, pero me he quedado a medias.

    He solucionado el tema del color de la sidebar, aunque me gustaria darle fondo, solo, a los enlaces:



    Después de eliminar la cabecera nº 1, no puedo darle color de fondo.

    El margen 0, tampoco sé.

    Disculpa as molestias.

    ResponderEliminar
    Respuestas
    1. Bueno, pues no sé si esto lo que quieres, pero tendrías que quitar la línea del background: #C33D3D; a #sidebar-right-1 y ponerla en
      #sidebar-right-1 a {background: #C33D3D;}

      El margen lo puedes poner también en #HTML1. Tendrías que añadir esta línea en el CSS (dónde lo demás):
      #HTML1 {margin-bottom:0;margin-top:0;}

      Lo que ocurre es que la imagen de cabecera y las entradas tienen también margen por lo que para reducir ese espacio aún más, habría que añadir más cosas. Ve poniendo estas una a una y vas viendo el resultado hasta que llegues a dónde quieres:

      .main-inner {
      padding-top: 0;
      }

      .widget {
      margin: 10px 0;
      }

      Eliminar
  107. Muchas gracias. Ya voy entendiendo alguna cosa, difícil, eso si.

    Saludos.

    ResponderEliminar
    Respuestas
    1. No creas, no lo es tanto. Quizás peligroso por si borras accidentalmente algo que no debes, pero con Vista Previa es fácil ver las meteduras de pata antes de Guardar definitivamente.

      Eliminar
  108. Hola, con el nuevo cambio de Blogger me estoy liando lo que no está escrito... Resulta que tenía bien todos los desplegables para aligerar la Sidebar y de repende se me ha ido todo al traste...

    ¿Solución?

    Gracias, como siempre

    http://pippers-neverland.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Pipper, no veo ningún gadget con pinta de desplegable ¿puedes concretar dónde te ocurre eso exactamente?

      Eliminar
    2. Todo lo que pone "Piratas" "Cuentos de Wendy" "Mapa", en teoría son desplegables de etiquetas. En el HTML parece estar todo correcto pero los desplegables no salen...

      Eliminar
    3. Creo que ya sé lo que es. jQuery a priori es incompatible con Scriptaculous, por lo que o cambias uno u otro, o usas esto.

      Pero si vas a meter más efectos en el futuro entonces te recomiendo que vayas pensando en quitar Scriptaculous y realizar ese truco con jQuery. Así te ahorrarás el engorro.

      Eliminar
    4. jQuery? No instalé nada parecido... T__T

      Eliminar
    5. He quitado Scriptaculous... pero sigue sin funcionar... Y__Y

      Eliminar
    6. No. Lo que tienes que quitar es jQuery porque este truco funciona con el otro. Es posible que lo instalaras como parte de otro truco (sin saberlo), pero yo lo he visto en tu plantilla. Busca "jQuery" y comenta esa línea para anularla. Lleva esta dirección http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js

      Ahora ví que lo pusiste para el sistema de cuadros con pestañas.

      Eliminar
  109. Oooh, ya está ^_^

    Pero, ahora arriba del Blog me sale un head> que no encuentro en el HTML para eliminarlo... ¿Dije que odio el nuevo formato de Blogger para editar el HTML? Pues lo odio...

    ResponderEliminar
    Respuestas
    1. Busca justo detrás de <body> ;)

      Eliminar
    2. En ello estoy, pero no aparece nada como head>

      Eliminar
    3. Bueno, pues ponte a busar simplemente "head" hasta que encuentres uno al que le falta el < del principio. Seguro que lo tienes. Lo he visto en tu fuente.

      Eliminar
  110. Buenos días, Oloman :) (Bueno, de hecho todavía ni son días pero bueno...) Llevo un par de horas peleándome con los códigos para mostrar/ocultar contenido en el blog. Quería hacerlo con algo más complicado pero he decidido empezar por algo "pequeño" y he seguido los consejos que le dabas a una chica hace unos años para añadir el efecto a los archivos del blog.
    He instalado los scripts de la última versión de las APIS de Google y hecho todo lo demás, pero aun así no me funciona el truquito, ¿puede ser que se haya quedado obsoleto? ¿Soy yo? ¿Me dedico a otra cosa? ¡Jajja!
    Me salvas el diseño del blog si tienes un minuto :)
    Muchas gracias de antemano y, por si no te lo dicen suficientemente a menudo, tienes un blog maravilloso ^^

    ¡Un saludo!

    P. D.: No te asustes por mi última entrada, no voy a ser tronista de MYHYV, lo juro.

    ResponderEliminar
    Respuestas
    1. Hola. El tema es que estas librerías (prototype, scriptaculous) dan algunos problemas de incompatibilidad con jQuery y tú tienes esta última en tu plantilla.

      Mejor usa otro sistema como este, este o este, aunque el más sencillo y con el que no dependerás de ninguna librería JavaScript, es este (ver ese post y el siguiente enlazado en él).

      Eliminar
    2. Eliminé jQuery porque leí lo de la incompatibilidad en anteriores comentarios y lo usaba para poder pinear las imágenes de mi blog. Aun así no funcionaba, por eso te escribí.
      Probaré con uno de los posts que me has mandado porque los demás no son lo que busco.
      Gracias por responder.

      Eliminar