178

Mostrar y Ocultar +/-

Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...
Este es un efecto que queda muy bien para una lista, lista de links, parte del texto de un post o cualquier cosa que queramos tener "recogida".
En mi blog de pruebas lo he puesto en la sidebar con una lista de links, incluso pueden añadirse imágenes de enlace, o una imagen pequeñita como una flechita o algo así antes de cada link.
Lo he probado en una entrada completa ocultándola y funcionó, y también lo he probado ocultando parte de una entrada y resulta muy bien.
He usado el sistema para ocultar un trozo de texto acompañado de una imagen y tampoco me ha dado problemas.

[1-] Colocaremos este sencillo código en la parte del CSS de nuestra plantilla, por ejemplo antes de ]]></b:skin>:
.commenthidden {display:none}
.commentshown {display:inline}


[2-] Colocamos ahora este pequeño script justo antes del </head> de nuestra plantilla.
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>


[3-] Donde queramos mostrar el efecto (un nuevo elemento, una entrada,etc.) hemos de colocar este código:
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')">+/- Título</a><br />
<div class="commenthidden" id="UniqueName"></div>


Lo que vas a mostrar/ocultar lo colocas justo antes del último </div> del código.
Si vas a mostrarlo en la sidebar con una lista de links, por ejemplo, el código a poner sería más o menos así:
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')">+/- Links amigos </a><br />
<div class="commenthidden" id="UniqueName"><a href="http://elescaparatederosa.blogspot.com"target="_blank">El Escaparate</a></div>

El resultado se verá así:

+/- Links amigos


Cuando pinchemos sobre +/- se abrirá la lista de links o lo que sea que hayamos puesto, cuando se vuelva a pinchar se recogerá.

¡Importante!
Donde dice "UniqueName" dentro del último código (fijaros que hay dos) lo sustituimos por una palabra cualquiera (no se mostrará en la plantilla) que no se esté usando en otro código de nuestra plantilla.
Si vas a colocar más de un elemento con este efecto, recuerda que no puedes usar la misma palabra.
Yo en mis pruebas para usar el efecto más de una vez, decidí dejar el "UniqueName" y al segundo elemento le añadí un 1 detrás "UniqueName1", al tercero un 2 "UniqueName2"... y sin problemas.

Visto en : BlogU

Entradas Relacionadas:

178 comentarios:


JeJo

ROSA : Por fín ! Estre truco es espectacular , de mucha utilidad ... y tiene muy buena estética para crear un post interesante ...
Ya estoy ansioso por colocarlo. Sólo espero que funcione en la plantilla Mínima del viejo Blogger, que es la que yo uso.
Te agradesco mucho, Rosa, que hayas publicado este tutorial. Ya habíamos hablado de él entre bambalinas ...
Un abrazo muy grande !!!

Anónimo

hola rosa, soy francis otra vez, gracias por antes, me ayudastes mucho, ahora quiero saber otra cosita, como se hace el logo para enlazarme, con dibujo, claro,gracias, un saludo.

Anónimo

Jejo, yo lo he probado en una plantilla antigua y me resultó bien, de echo tu lo viste en las pruebas, esa era una mínima clásica ;-)
Espero no te cueste demasiado implementarlo y, sobre todo, que consigas lo que quieres con ello.
¡Suerte!

Anónimo

Francis, arriba en el menú, picha en "botón de enlace" hay varias opciones, dependiendo de si ya tienes la imagen o no. Si no la tienes y quieres que yo te lo haga has de mandarme la imagen, o darme la dirección de tu blog.

Unknown

uff... no sabes lo que he intentado poner este codigo y no me resultaba espero que ahora si.. :) besos

Anónimo

Pau, tomatelo con calma y verás como sale, a mi me llevó un rato, pero funciona ;-)

Anónimo

hola rosa, soy francis, si me lo puedes hacer tu, si no es mucha molestia, jeje, mi dirección es esta: http://solovideosnadamas.blogspot.com , haber que me haces, pero viniendo de ti, creo que sera una cosa explendida.gracias, un saludo.

Anónimo

Francis, ahí va el código para tu botón:
<center><a href="http://solovideosnadamas.blogspot.com/" target="_blank"><img src="http://img130.imageshack.us/img130/5920/nombre1sf3.jpg" title="Solo videos" /></a>
<textarea rows="2" cols="15"><a href="http://solovideosnadamas.blogspot.com/" target="_blank"><img src="http://img130.imageshack.us/img130/5920/nombre1sf3.jpg" title="Solo videos" /></a></textarea></center>

Anónimo

Hola Rosa! queria comentarte que no hace mucho comenté este código en mi blog, pero el que yo conozco es más sencillo, obvia la parte del CSS, que no sé muy bien para qué sirve en este caso... si le quieres echar un vistazo, el enlace es http://lablogueria.blogspot.com/2007/11/menu-expandible-switch.html

Funciona súper, y es muy muy útil tanto en las entradas como en la sidebar.

Aprovecho para decirte que te tengo enlazada en mi blog desde sus inicios, hace sólo poco más de un mes.

Enhorabuena por este blog que es un gran referente para todos.

¡Un saludo caluroso!

Anónimo

La bloguería, prácticamente son idénticos de echo el que tu explicas no obvía el css, sino que va incluido en el código, que es lo mismo, si yo quisiera también el mio podría incluirlo. En el tuyo el css que hace lo mismo que este está aquí:

texthidden {display:inline}.shown {display:block}

Por cierto, tienes un blog muy lindo ;-) me encanta el diseño en tonos grises.

Anónimo

Rosa, qué razón tienes; apliqué tb tu código en mi blog de pruebas y funciona a la perfección; aparentemente sin diferencias, como tú bien dices...

Gracias por tu amable comentario sobre mi blog, soy una adicta al color e intento quitarme....jajajaj... un abrazo, ¡Gracias!

Martin Torres

Hola rosa, denuevo por aca con mas problemas que soluciones como siempre. queria saber como hacer para utilizar este truco en todas las entradas de una misma etiqueta. por ejemplo como lo tenes vos en la pestaña "trucos de blog" yo lo quiero poner en todos las entradas que tengo en la pestaña de fotos. bueno saluds y gracia por tu ayuda

Anónimo

Club nautico, esto era lo que yo te comentaba en una ocasión...
Mira aquí:
Titulos expandibles

Unknown

ya me resultó !!!!!!!!!!!!!!!!!
gracias! que tengas un lindo día!!!! besos miau!

Anónimo

Pau, me alegro!
Feliz domingo!

Anónimo

Rosa me ha funcionado en las entradas, pero no puedo poner dos links seguidos, me despliega uno solo..... y he cambiado tal como tu ejemplo "UniqueName1",
"UniqueName2".......... verás me he pasado la noche en tu blog yendo y viniendo.

Qué hago mal para que no funcione en la sidebar?

http://itinerariosenelarte.blogspot.com/

(Al final parece mi blogs de pruebas y no uno a punto de reabrir!)

Bueno perdón que te haga tantas preguntas

Anónimo

Mar, la verdad que no entiendo muy bien lo que quieres decir...
Veo que está colocado en dos entradas y funciona, si ahora pones otro en la sidebar, este ha de tener por nombre Uniquename3 por ejemplo, da igual que esté en las entradas o en la sidebar, no pueden tener el mismo id.

Anónimo

Hola Rosa, me ha parecido maravilloso que funcione en las entradas. Ese Blog además de imágenes y videos sobre arte tiene textos muy largos y voy a utilizar este recurso y no el código anterior. Pero... va separado en cada entrada.

Como el blog tiene ¿cómo decirlo? distintas secciones, (que son otros blogs en verdad), yo quería linkerlas y este método me parecía genial.

Pero al poner en el widget el código algo hago mal... porque despliega el primer blog linqueado, y no el resto.

Eso es lo que no entiendo. Debo poner alguna parte mal del mismo para no ver una lista desplegada.

Ahora voy a probar otra vez, pero no creo que salga :(

Un beso

Anónimo

Mar, fijate en el último código de esta entrada, en el he puesto un ejemplo con solo un link, si quieres poner más links (una lista) has de ir colocandolos a continuación del primero y cerrar al final de todos ellos con el </div>:

<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')">+/- Links amigos </a><br />
<div class="commenthidden" id="UniqueName"><a href="http://elescaparatederosa.blogspot.com"target="_blank">El Escaparate</a>
<a href="http://eternamentecabreada.blogspot.com"target="_blank">Eternamente cabreada</a></div>

Anónimo

Rosa......sos un sol.
Ya me llevo el ejemplo.


Un beso

Anónimo

Mar, a ver si hay suerte y sale...;-)

Asaru

Hola Rosa, antes que nada estoy eternamente agradecido, como muchos otros, por la ayuda que nos das con nuestros blogs. He intentado implementar este truco dentro de un post, y me es imposible. Lo hago tal cuál tu lo describes pero los efectos son que mi blog deja de andar, se traba en el primer post (en el que lo implemento) y deja de cargar. ¿podrías decirme cuál es el problema? Muchas gracias.

Luciana Maciel

Hola Rosa, exclente. Usé el código y oculté la fecha del blogo. Gracias. ¿Cómo puedo ocultar el nombre del autor del posteo? Ayudame, querida!

Anónimo

Eloir, no necesitas usar ningún código para eso...Ve a la parte de edición de tu plantilla (donde se añaden los elementos) y en la caja de las entradas, pincha en editar, allí puedes escoger distintas opciones para tus entradas, entre ellas mostrar o no la fecha y el autor.

Leida

Rosa; este código pienso aplicarlo en mi blog, sin embargo no comprendo cuando me dices que coloque el primer código en la parte css, a que te refieres con eso? gracias...

Anónimo

Email, la parte del CSS en cualquier template de Blogger es la que está antes de la etiqueta ]]></b:skin>, es toda esa parte del código donde hay muchas llaves como estas } {
Lo más fácil es añadirlo justo encima de ]]></b:skin>

Asaru

Rosa, no me has contestado. Podrías orientarme porque ya no se me ocurre como realizarlo dentro de un post. Muchas Gracias.

Anónimo

Rafael perdona, se me pasó :-$

Si has seguido los pasos tal como está en el post no tendrías que haber tenido problemas...

Una vez colocado los dos primeros códigos (el primero antes de ]]></b:skin> por ejemplo)
y el segundo antes de </head>

El otro has de ponerlo en la entrada que vas a usarlo de esta manera:

TEXTO DEL POST QUE VA A VERSE
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')">+/- Título</a><br/>
<div class="commenthidden" id="UniqueName"> TEXTO QUE NO SE VE HASTA QUE SE PINCHA</div>

Asaru

No rosa, es imposible. El texto que no se debería ver hasta "pinchar" se ve, y la sidebar no termina de cargar todos sus elementos. ¿Me pregunto si tendrá que ver que yo también tengo los post de esa forma? (es decir, si entras en alguna etiqueta de mi blog aparecen los post como los tuyos, de hecho ese truco lo aprendi de ti.) ¿Puede ser que sea por eso?

Anónimo

Rafael, no creo que sea eso, mira acabo de usarlo en mi sidebar para el "comunicado" y sin problemas.
No obstante, nunca digo "no" antes de probar y, para ser sincera, la prueba la hice en un blog sin el truco de las entradas que tu dices aplicado, así que ahora mismo voy a probarlo junto con ese truco y te cuento...

Anónimo

Rafael, acabo de implementarlo en esta misma entrada, sin problemas, ya ves ahora lo tengo en esta entrada y en la sidebar.

Pincha en este post donde dice "Links amigos" y lo verás, no se que puedes estar haciendo mal...

Anónimo

Rafael, mira vamos a hacer una cosa para descartar que el fallo sea una errónea colocación de los códigos ...localiza esta etiqueta en el código de tu plantilla:


]]></b:skin>


Y coloca el primer código justo antes y el segundo justo después:

.commenthidden {display:none}
.commentshown {display:inline}

]]></b:skin>

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

Después vuelve a intentarlo con el código en la entrada.

Asaru

Rosa, seguí tus pasos tal cual, y el problema de que se traba la sidebar ya no está, ahora carga completamente y sin problemas. Pero el post sigue presentando los mismos síntomas, postee un post de prueba para que veas como me queda. Verás que no se expande el texto en el link.

Este truquillo me esta volviendo loco. Muchas gracias por tu ayuda.

Anónimo

Rafael, tranquilo, creo que he dado con el problema, lo tenía delante de las narices...como suele pasar.

Mira, deja todo como lo tienes, ya que está correcto, y ve al código de la plantilla, localiza esto:
<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

.commenthidden {display:none}
.commentshown {display:inline}

Es donde añadiste el primer código, si te fijas, justo encima tienes colocado el que oculta la barra de Blogger, y resulta que lo tienes metido entre:
<style type="text/css"> y </style>

Esa parte es el CSS, así que esas dos líneas sobran y son las que están causando la confusión...
Eliminalas y ya tendría que funcionar. Guarda cambios, pues en vista previa no verás el resultado.

Me cuentas...

Asaru

jajaj el que sabe sabe, no cabe duda. Gracias rosa, me anda perfecto y ya mismo lo empiezo a aplicar en las entradas del horóscopo diario, así mi blog queda un poco más chulo.
Gracias nuevamente por tu tiempo.

Anónimo

Rafael, yo diría más bien, el que la sigue la consigue, je,je.

En fin, que me alegra, ya estaba preocupándome el no "poder" con algo así XD.

Asaru

Eso indica que sin duda eres una taurina ejemplar. Ya que pocos la siguen hasta conseguirla.

Leny

Rosa,gracias por la respuesta, lo aplicare en mi blog tan pronto pueda...hasta pronto

José

Hola Rosa, recién llegué a tu blog buscando, justamente, cómo hacer esto que explicás acá.
Me tomo el atrevimiento de molestarte para saber qué tendrá mi plantilla de particular que me impide dejar la opción funcionando correctamente.

El primer post está con +/-
(si está solo, anda bien)
Con el cuarto ocurre lo mismo...
Con el primero también...

Vuelvo mañana para ver si tuve suerte con algún tip positivo.

Cualquiera sea la respuesta, muchas gracias y saludos,

José.

PD: el blog es http://joseplayo.blogspot.com, no sé si sale en mi firma de blogger porque estuve toqueteando por ahí también...

Anónimo

José, he mirado tu blog y no funciona porque no lo has hecho correctamente, para usar más de una vez el efecto hay que hacer un ligero cambio, como pone en esta misma entrada:

¡Importante!
Donde dice "UniqueName" dentro del último código (fijaros que hay dos) lo sustituimos por una palabra cualquiera (no se mostrará en la plantilla) que no se esté usando en otro código de nuestra plantilla.
Si vas a colocar más de un elemento con este efecto, recuerda que no puedes usar la misma palabra.
Yo en mis pruebas para usar el efecto más de una vez, decidí dejar el "UniqueName" y al segundo elemento le añadí un 1 detrás "UniqueName1", al tercero un 2 "UniqueName2"... y sin problemas.

José

Rosa: gracias por la respuesta, de todas maneras, hice eso y tampoco funciona, probé renombrando como UniqueName1 y UniqueName2, también poniéndoles otros nombres, y nada.

¿Debería buscar otra alternativa para lograr el efecto?

Anónimo

José, no veo nada en tu código fuente que pueda interferir...

Vagabundia acaba de publicar algo parecido, quizás puedas probar con ese...

http://vagabundia.blogspot.com/2008/01/sidebar-explicada.html

Josep Lloret Bosch

Rosa: muchas gracias por el consejo.

Creo que lo he conseguido, pero no me acaba de gustar el resultado.

En mi bloc, lo he colocado como "comunicat de drets", copiando descaradamente tu Comunicado.

Pero no consigo darle forma con puntos y aparte, en párrafos.

Ya sería la repera poder además imitarte y colocar puntos.

¿Podrías decirme qué hago mal?

Gracias.
Un saludo.

Luciana Maciel

Hola, Rosa!
Paré unos días con los intentos y vuelvo bronceado del sol y "quemado" por no consiguir eliminar o ocultar el nombre del autor de los posts (o sea: mi nombre) de mi blog. Pinché en editar, pero no encuentro la opción de mostrar o no el autor. Desculpame la insistencia.
Besitos y gracias

Anónimo

Josep, antes del párrafo que quieras poner en frase aparte pones <p> y al final </p>

Bla bla bla blab.

<p>Bla bla bla bla</p>

<p>Bla bla bla bla</p>

Anónimo

eloir, has de ir a la parte de editar (donde colocamos nuevos elementos) y en la parte de las entradas (que se ve como un elemento más) pincha donde pone "editar", ahí es, desmarca la opción de autor.

Josep Lloret Bosch

Muchísimas gracias, Rosa.

Otra más que te debo; y ya van...

Un saludo.

Paula

Hola Rosa muchas gracias por darme este link, me ha resultado todo bien, pero tengo una consulta, como puedo hacer para cambiar el texto en que uno hace click para expandir, por una imagen?
Gracias de nuevo. :D

Anónimo

Paula, sustituyes donde en mi ejemplo dice: +/- Links amigos por:

<img src="URL_DE_LA_IMAGEN"/>

Paula

Muchas gracias Rosita, te pasaste, gracias por toda tu paciencia, explicaciones, y dedicacion.
Besos! :D

Anónimo

., lo más lógico es que en el cambio de plantilla hayas perdido el css y el script, es decir, los códigos que hay que añadir en el paso [1] y [2].
Tendrás que colocarlos de nuevo.

Anónimo

Hola Rosa

Me ha funcionado el código muy bien,pero quisiera agregarle algún color de fondo, así como tú "LEER COMUNICADO"

Besos

DanyFreak

Hola rosaa...
llegue tu blog intentando este truco..
pero no puedo hacerlo
soy super nueva en los blogs
y no se komo hacerlo enrealidad---
me podrias ayudar porfavor

http://danyfreakmusic.blogspot.com

no se como hacerlo y no quiero hechar a perder todo lo que tengo...
=)
superdanyfreak@hotmail.com

Anónimo

DanyFreak, no tiene porque echarse a perder nada...si eso te causa preocupación, hazte un blog de pruebas para no estropear el de verdad.
La explicación es tal como puedes leer en la entrada, aún así he añadido algún dato más al post para que sea algo más sencillo.

xabi Garde

¡Hola Rosa! ¿Como estamos? No hace mucho que descubrí tu web, pero aun así me ha sido de gran ayuda en múltiples ocasiones^^.
El caso es que tengo un problema con lo de "Mostrar y Ocultar +/-", y esque ya no sé que mas puedo hacer. He leído y releído varias beces todos los comentarios, y también he probado con el método de "La Bogueria", pero ni aún así.
He seguido todos los pasos al pie de la letra. Pensé que podría ser por lo de las pestañas que puse según otro consejo tuyo (http://elescaparatederosa.blogspot.com/2007/03/men-en-forma-de-pestaas-en-blogger.html) pero no estoy seguro de ello. Al principio tenía los mismos problemas que otros (que si no se desplegaba, que si ya aparecía desplegado, que si no hacía nada...).
Resumiendo, podrías hacer un wequecito en tu apretada agenda para ayudarme?
Gracias^^

Anónimo

Hola Rosa

Me ha funcionado el código muy bien,pero quisiera agregarle algún color de fondo, así como tú "LEER COMUNICADO"

Besos

Anónimo

Fanso, he estado mirando en tu blog de pruebas y no he visto por ningún lado el css que hay que poner antes de ]]></b:skin>
o sea, esto:
.commenthidden {display:none}
.commentshown {display:inline}

¿Estás seguro que no te has saltado ese paso?

Anónimo

Claudia, el fondo de color lo he puesto directamente en el elemento, es decir, el color lo tiene el elemento de la sidebar donde está el mostrar/ocultar. Si no has colocado el "truco" en la sidebar, no podrás darle color.
Si lo has puesto en la sidebar, entonces has de localizar el elemento en el código de tu plantilla sin expandir artilugios que será algo así:
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
Si le has puesto título te será más fácil localizarlo.

Una vez localizado, te fijas en su id que en el ejemplo es HTML4, entonces vas al css de la plantilla y antes de ]]></b:skin> colocas esto:

#HTML4{
background:#FFFFCC;
}

Cambias el color por el que tu quieras.

xabi Garde

Muchas gracias Rosa^^. Que tonto me siento, seguramente ni guardé los cambios!
De todas formas ya me sale bien, pero tengo una pregunta, se pueden ocultar /mostrar scripts como los dos juegos esos? Como ya habrás podido comprobar tu misma, resulta un poco irritante que se ponga el juego a hacer ruido por si solo.
He hecho algunas pruebas, pero lo no consigo que se muestren. A que se debe esto?
Muchísimas gracias^^!

Anónimo

Fanso, pues supongo, solo supongo porque no lo he comprobado, que podrían ocultarse ya que, por ejemplo, con vídeos de youtube lo he visto funcionar, lo que ya no tengo tan claro, es que también se "oculte" el sonido, porque a pesar de estar "oculto" a primera vista, el código del juego sigue estando ahí y funcionando con sonido incluido...

Emerald

Hola Rosi! te quiero agradecer por lo excelente de tus explicaciones. Puse el mostrar/ocultar en mi plantilla y a la primera salio bien!!! Gracias y un abrazo!!

Anónimo

Luzdeluna, mi enhorabuena! No todos lo han conseguido a la primera. ;-)

Anónimo

MUUUUCHAS GRACIAS, POR TU PACIENCIA. AL FINAL Y DESPUES DE MUCHO, COMO TU SABES, SE CONSIGUIÓ.
PARA EL PROXIMO TRUCO TENDRÉ QUE ESTUDIAR MAS. ¡JE,JE!
GRACIAS ROSA.
CARMEN

Anónimo

CARMEN, no te preocupes, poco a poco irás entendiendo este "rollo" de los códigos :-L

Yo misma

Gracias, Gran Rosa! A ver si mañana me pongo y lo hago!!!

TodoGospel by Rachel

Este truco no me sale .... pero voy a seguir intentando ....

Anónimo

Princesa, tranquila, no a todos les ha salido a la primera...mejor con calma y fijándote bien a la hora de la colocación de los códigos, muy a menudo en este "truquillo" el error está simplemente en el lugar donde colocas los códigos necesarios.

Unknown

Rosa,
Te saludo desde Medellín -Colombia-

Primero extenderte una felicitación por éste maravilloso sitio que tienes. Hace poco lo encontré y ya soy asiduo visitante.

Mi consulta: mi blog usa una plantilla de tres columnas, en la cual la columna de la izquierda es la de las entradas. Pues bien, decidí implementar el "mostrar-y-ocultar", lo logré poner a funcionar y despues de hacerlo con todas mis entradas, salgo del blog y descubro que las otras dos columnas se ubicaron debajo de la columna principal -izquierda- que puedo hacer ahi? no quiero renunciar al mostrar-y-ocultar tuyo, aunque para mi lo primordial de mi sitio es el contenido. ayudame por favor que llevo poco en este mundo de los bloggers.


Cordial saludo,

JORGE PAREJA
alambrepolitico.blogsot.com

Anónimo

Jorge, yo lo que veo más bien es un problema de medidas que pudiera ser que al colocar el código de mostrar/ocultar se ubiese "declarado" por decirlo de alguna forma.

Intenta reducir el ancho de las entradas o de alguna de las sidebars un poco, ve mirando hasta que encajen.
Esto puedes hacerlo en esta parte del blog:
#content-wrapper {
width:980px;
overflow:auto;
margin:15px auto;
}#main-wrapper {
width:515px;
float:left;
}#sidebar-wrapper {
width:455px;
float:left;
margin-left:10px;

El width, son los anchos.

Unknown

Mil gracias Rosa!!!

Voy a intentarlo y te contarñe como me va.
chao

Jorge Alberdi

Hola!
tengo funcionando esta opción en mi viejo blog, pero estoy migrando a uno nuevo, y no sé cómo hacer ¿sirve esta opción? en qué lugar de la plantilla tengo que colocarlo?
Gracias
jorgealberdi@hotmail.com

Anónimo

Jorge, no tienes más que seguir de nuevo los pasos de la entrada para hacerlo de nuevo en tu nuevo blog.

Jorge Alberdi

Rosa, respondí al e-mail porque no pude dejar todo el texto aqui.
Gracias

Anónimo

Fantástico Rosa!!!!!!
Desde hace tiempo vengo siguíendote y aplicando tus consejos! Eres la mejor!!!

Tengo 3 blogs vinculados con la docencia. Uno personal, otro compartido y otro por encargo. En el tercero es donde estoy aplicando este truco y es fantástico!

Te dejo los tres blogs, pues en todos hay un poquito de tí!
Gracias!!!


juguemos-a-leer.blogspot.com
botealmar.blogspot.com
bocademaestro.blogspot.com

Anónimo

Lucero, muchas gracias por tan lindas palabras :-L

Me gusta especialmente "Juguemos a leer":-)

Anónimo

Rosa, ante todo felicidades por la gran labor que haces, si no es mucho pedir, como podria conseguir un efecto similar al que tu tienes en "Leer Comunicado". O sea tengo un texto que quiero esconder y que sea accesible cuando el lector desee.
Grácias

Anónimo

SISCO, el sistema que he empleado para mi "leer comunicado" es, ni más ni menos, que el que está explicado en esta entrada:D

Anónimo

ok,ya me lo decian cuando era un crio mis profesores que debia prestar mas atención, mil grácias

Anónimo

Rosa, finalmente, con las modificaciones sugeridas, pude activar el efecto y solucionar el problema del interlineado del texto que aparece.
Gracias!!!

Anónimo

Ventrílocuo, gracias a ti por tu paciencia con mi correo...XD.

s0ymarcel0

rosa! maniat1k de nuevo para molestarte un poco!queria preguntarte como le pusiste el color a tu "LEER COMUNICADO"? me lo puedes decir?... muchas gracias de antemano!

Anónimo

maniat1k, mira en esta misma entrada el comentario número 59 ;-)

Hugo Mosh

Hola
he intentado este truco 2 veces y no me sale.

Simplemente no se oculta el texto y me sale el link +/- pero no hace nada. Creo tener los codigos bien. Pero creo que es un conflicto con otros codigo.
Tambien he cambiado uniquename por otros y nada. Ojala me puedas ayudar.

Muchas gracias de antemano.

Anónimo

Hugo Mosh , es raro porque no suele dar problemas... si me indicas el blog donde lo has añadido podría echarle un vistazo, a menudo es un error de colocación del código, aunque tu pienses que lo has hecho bien, podría no ser así...

Hugo Mosh

El blog donde donde lo coloqué es http://elbuenmasturbador.blogspot.com/

Anónimo

Hugo Mosh, en ese blog donde? yo no veo nada :-X

Patán

Esto hace tiempo lo buscaba, hoy lo vi en tu blog, pero quise ir más aya y fui a donde tu haces mención, es una pagina en ingles, pero la traduje y luego ley tu entrada, al haber hecho eso, me puse a experimentr y sin saber lo que decian los comentarios, me salio, logre porner una imahen donde iban los signos [+/-] y me quedaron muy bien, ahorre espacio y se ven bonitos...creo...

saludos...

Fender Stratokaster

Gracias y saludos.

morgan

gracias Rosa
solo me quedo una duda, como ago para en vez de que aparesca "+/- Links amigos" por ejem, aparesca una imagen cualquiera?, cosa de pincharla y aparesca lo que tenia escondido.
saludos

Anónimo

Horus, solo tienes que sustituir donde dice "links amigos" por la url a tu imagen:

<img src="url de la imagen"/>

Moony

Buenas tardes Rosa,
A ver si me puedes echar una mano, que estoy intentado usar estos códigos en mi blog, pero no tengo mucha idea de html y no me acaba de salir.
He conseguido hacerlo en la última entrada (así es como quiero que quede), pero en el resto no me sale. He usado diferentes ids pero nada, que no lo consigo.
¿Alguna sugerencia por favor?
Mi blog es http://sabernoocupalugar.blogspot.com/ y mi intención es utilizar este 'atajo' de mostrar/ocultar en todas las entradas, aunque lo tenga que poner una por una...
Muchas gracias, un saludo.
Moony

Moony

Por cierto, en el resto de entradas sólo consigo que me oculte una frase, no sé qué hago mal... :(

Anónimo

Moony , lo único que puedo decirte es que si has seguidos los pasos como aquí y cambiado los id en cada entrada (las dos veces que hay que hacerlo en cada una) debería de funcionar, de hecho, no puedo recordar ahora en que blog exactamente, pero un visitante asiduo del mio tiene aplicado el truco en varias de sus entradas sin problema.

Si solo oculta una frase supongo que será porque donde has de colocar el texto a ocultar solo has incluido esa frase.

Anónimo

Hola Rosa, quiero hacer lo que explicas en el comentario 59 pero no para un cuadro de texto, sino para una una imagen que tengo en la sidebar. Es decir, quiero, por ejemplo, centrarla en cuadro en la que está metida, o ponerle color al fondo del cuadro donde está metida la imagen. Porque lo intentado en vez de poner HTML poner IMAGE y no lo consigo.

Gracias de antemano

Anónimo

Tito, ¿podrías por favor darme la dirección del blog para mirarlo?

Anónimo

Hola Rosa, estoy intentado utlizar lo que dices par acortar las entradas. ¿me puedes dar una pista de dónde tengo que poner esto? Gracias

Anónimo

Anónimo, los pasos a seguir son los mismos, solo que el código ha de ir dentro de la entrada colocandolo cuando la editas.
Si va a usarse en más de una entrada puede pegarse el código en la plantilla de entrada para estar siempre disponible

Angela Arias Molina

Rosa, mil gracias!!!! Lo he colocado en mi blog y después de unos arreglitos de look se ve maravilloso!!!!
Eres genial! ¿Cómo le haces para saber tanto?

Anónimo

Angela, y precioso que te ha quedado, en realidad todo tu blog está muy lindo :-)

Sibaritastur

llevo un rato con esto y no veo la forma de hacerlo me da error continuamente.
Hago todos los pasos y me da ste error:
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Element type "a" must be followed by either attribute specifications, ">" or "/>".
Como dices q lo coloquemos dnd queramos.., cual es ese lugar', debajo de los elementos de la pagina?
dnd se coloca?, debajo de b widget del apdo para dnd lo queremos?
muchs gracias

Anónimo

SIBARITASTUR, ese error lo que te está marcando es que te has dejado un cierre por colocar, o uno como este: > o como este: />

Lo colocarás donde vayas a mostrar el enlace de Mostrar y Ocultar, o sea, si es para ocultar algo en una entrada, pues irá en la entrada, si es para ocultar algo en la sidebar, pues irá en un elemento en la sidebar...

Sibaritastur

lo pongo como tu dices y da ese error. El paso tres dnd se coloca?, podrias ser un poco mas precisa?. Con un gadget de html/java?, en headre wraper?, s q estoy totalmente perdido.gracias

Anónimo

SIBARITASTUR , depende de para que vayas a usarlo...si vas a ocultar una lista de enlaces en la sidebar, por ejemplo, irá dentro de un gadget html-javascript, en cambio si como yo hago en esta misma entrada, vas a usarlo para ocultar algo en un post, pues se colocará en la misma entrada cuando la editas...más precisa no soy capaz de ser.

Imaginate que vamos a ocultar un trozo de texto en una entrada, por ejemplo, pues dentro del editor lo haríamos así:

Texto de entrada...................
..................................
.................................
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')">+/- Título</a><br />
<div class="commenthidden" id="UniqueName">AQUI LA PARTE DE LA ENTRADA A OCULTAR</div>
.........................
.............Texto entrada.......
....................................

Miguel nev

Hola
Bonito blog y de gran ayuda, a ver si me hechas una mano que este truco no me sale.
Gracias
Saludos

Anónimo

Miguel, lo único que puedo hacer para ayudarte es explicarte como se hace, y eso ya está en la entrada...

¿ué ha sucedido al intentarlo? ¿Te ha dado error? ¿Cual ha sido el resultado?...en fin, algo, porque sino ya me dirás como puedo saber que has hecho mal...:-X

Por cierto...¿has leído los comentarios de la entrada? muchas veces se encuentra en ellos la solución...

Miguel nev

Hola Rosa
Gracias por contestarme tan rápido, revise los comentarios y vi la solución.
Te felicito por tu blog me encanta.
Gracias
saludos

Maryan

Hola Rosa,

Hace mucho que estuve este codigo, en el camino encontre muchos que derepente no los supe usar bien y no me resultaron pero con este, me quedo ok.

Anónimo

Maryan, ¡Bien por ti!

salvador22

hola rosa intento hacer un comentario pero no me encuentro ni se usar esto Texto enlace

salvador22

vaya ahora si me encontre de ante mano felicidades por este estupendo blog que ayuda a los que no saben , mira te comento debido a que estoy fuera de mi pais natal , españa , me gusta compartir , , .. bueno a lo que voy se puede hacer un boton enverde el link , si se puede y me haces una plantilla de codigo , para probar porfavor que diga ver mas ...y gracias creo que al no saber usar muy bien tu paguina te mando dos comentarios ,. saludos y eres un tesoro

Anónimo

salvador22, supongo que te refieres a algo como esto:
http://elescaparatederosa.blogspot.com/2007/04/el-leer-ms-con-resumen.html

salvador22

ahora lo he visto no me refiero a eso rosa donde dice +-Titulo , que no salga asi que salga un boton ami gusto

Anónimo

Salvador, perdona te entendí mal...

Donde va +/- Título en el código, lo cambias por:
<img src="Url del boton"/>

salvador22

si eso es , pero mira ahora tengo un problema que no logro solucionar , y es cuando abro el de pot de arriba lo hace bien lo abre y cierra , (oculta y vista) y cuando abro el de abajo me abre el de arriba , perdona , de antemano muchas gracias

salvador22

osea que no me abre el que yo abro me abre el de arriba siempre , lo he probado varias veces y nada , he cambiado los muneros y he puesto 1 y abajo otro 1 'UniqueName1')'UniqueName1') en cada uno , pero nada que hago ....¿

salvador22

perdona por preguntar tanto me gustaria que me quedara asi me lo puedes explicar a ver si me aclaro porfavor me perdi pero no se en que http://elblogderewind.blogspot.com/ es la paguina para que veas como quiero que me salga gracias rosa

Anónimo

Salvador, tenéis casi todos una muy mala costumbre...y es no decir la primera vez que es exactamente lo que queréis.
Si en el primer comentario me hubieses dicho que lo que querías era lo mismo que en ese blog, ya estará resuelto, pues ese sistema no lo tengo aquí explicado pero te hubiese dicho como voy a hacer ahora como se hace y listo;-)

Este es el código que tendrás que colocar en cada entrada que quieras ese efecto, los botones se generan de forma automática pues son un "imput":

PARTE DE LA ENTRADA QUE SE MOSTRARA A LA VISTA AQUI

<div class="pre-spoiler">
<span style="float: left; padding-top: 2px;"></span><input value="Ver" style="margin: 0px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Ver';}" type="button"> </div>
<div>
<div class="spoiler" style="display: none;">

PARTE DE LA ENTRADA QUE SE VERA OCULTA AQUI

</div>
</div>
</span>

salvador22

gracias rosa de antemano por recibirme tan rapido , y muy amable al final lo he logrado el problema que tenia que no sabia que habia que ponerlo en html . yo marcaba foto y discreccion , y luego metia el codigo , cuando es despues de ponerlo todo , hacer el codigo, , bueno la verdad me ha servido de ayuda este truco y muchas gracias , ahora ya lo se hacer , haber mañana seguro estoy prenguntandote otra cosa , y es que me gusta mucho la informatica pero debido que no me encuentro en mi pais , España , tengo que andar por internet buscandolo todo , gracias por todo rosa ......

Anónimo

Salvador, tranquilo no pasa nada, mientras pueda ayudarte aquí estoy. Es solo que me da rabia a veces lo que tardáis en obtener las cosas por no hacer la pregunta adecuadamente.;)

Anónimo

Hola rosa:
He cambiado la plantilla del blog, a otra de google predeterminada, pero se ha desconfigurado, alguna cosilla. Lo estoy arreglando pero se me ha cruzado el Mostrar y Ocultar de mis textos.
¿Lo puedes mirar tu y comentarme que tengo mal?
Un saludo,
Carmen

Anónimo

Rosa ya perdonarás. Al final era un signo que no lo había copiado bien en el CCSS. Y ahora que me han dejado un ratito tranquila lo he visto.
Gracias. ¿Llegaste a mirar el enlace de música?
Carmen

Anónimo

INDIA, mejor que hayas podido solucionarlo...hoy no estoy demasiado bien como para andar entre códigos...

LeonardoMC

Hola, ¿cómo le podemos hacer para aplicarle esta caracteristica a una lista de feed? El gadget llamado feed que se accede mediante agregar gadget en la pagina de diseño. que nos muestra las ultimas 5 entradas o mas de una pagina. ¿cómo le hacemos? Ojala puedas ayudarme. ya revise todos los comentarios y no se hablan de como aplicarle aun elemento como este.

¡Saludos y buen día!

Anónimo

Leonardo, es algo difícil poder explicarlo en un comentario.. en breve subiré una entrada para Archivos y Feed con un sistema de expandir/contraer...

Anónimo

Gracias por tu pronta respuesta. Estaré esperando. Saludos.

Adriana Cristina

Hola, Rosa.
Felicidades por el blog. Es de gran ayuda. Hace meses que intento que funcione la utilidad de "Mostrar/Ocultar", pero no lo consigo. Siempre me lleva a una ventana que dice: "No se puede mostrar la página"
Creo que puede haber conflicto con otra modificación de la plantilla, que ya no recuerdo ni para qué servía. El caso es que tengo otro elemento en la plantilla que empieza con < script type='text/javascript'>
Puede que el problema venga de ahí.
Me harías un gran favor si pudieras ayudarme a encontrar el error.
En cualquier caso, gracias por los consejos de tu blog y felices fiestas.
http://aulamusicaldeadriana.blogspot.com

Anónimo

Adriana, no, ese no es el problema. Por <script type='text/javascript'> suelen empezar todos los script, yo tengo ocho líneas como esa...:D

Verás, tu problema si es el otro scrip, el de abrir los enlaces externos en otra página, pero es porque tienes un punto y coma de más añadido en una de las líneas del script.

Localiza esta línea:
var script = "javascript:void(0);";

Y borra ese último punto y coma, luego instala el mostrar y ocultar de nuevo...

Adriana Cristina

Hola, Rosa. Muchísimas gracias por contestar tan rápido y analizar la plantilla. Ya corregí ese error (quité el punto y coma que había entre (0) y las comillas). Por si acaso no lo hacía bien, volví a instalar el script de ventana nueva tal como está en tu blog. Después volví a instalar los códigos de mostrar/ocultar e intenté que funcionase en mi última entrada.
Sin embargo, no consigo que funcione. O hay un poltergeist o es que soy muy torpe. Me da pena porque me servía para ocultar las soluciones a ejercicios que les pongo a mis alumnos, pero supongo que puedo arreglármelas sin esa utilidad, o buscar algún otro remedio, como que las soluciones aparezcan en ventana emergente.
Ah, no lo he probado con firefox, pero en este ordenador no tengo.
No sé, en cualquier caso, muchísimas gracias por tu tiempo y tu ayuda. Es muy loable que ayudes a tanta gente.
Felices fiestas.

SpookyGirl

Sos mi idola... si supieras todo lo que hice para poder colocar un leer mas o ese tipo de cosas y nunca lo consegui... me quedaba amedia en los codigos de la plantilla porque nunca me aparecian totalmente (incluso expandiendo la plantilla)... Gracias

SpookyGirl

NO... AL FINAL TAMPOCO ME FUNCIONO... SI ME ABRE EL PRIMER POS QUE COLOCO... http://mansonandspooky-a.blogspot.com/
SOLO ME ABREEL LEER MAS DEL ULTIMO POST, INCLUSO CUANDO CLICKEO EL DE LOS OTROS ME ABRE ESTE TAMBIEN.
TODOS TIENEN UN NUMERO DISTINTO, TAL COMO INDICASTE... NO SE CUAL PUEDE SER EL PROBLEMA

Anónimo

Kitty, no se que decirte...bastante gente usa este hack en lugar del leer más en sus entradas y va bien...

Anónimo

Adriana, no puedo apreciarlo bien en tu código fuente, pero si veo que los dos primeros pasos están correctos, por lo que el error ha de estar en el último código...¿estás segura que lo has colocado así?

<a aiotitle="click to expand" href="javascript:togglecomments('Mozart2')">+/-Solución </a><br />
<div class="commenthidden" id="Mozart2">Sinfonía nº 40</div>

Adriana Cristina

Muchas gracias, Rosa. Sí que está puesto como dices, pero no va. Supongo que con los ordenadores siempre pasan cosas raras. No te preocupes. A ver si busco información para poner la respuesta en una ventana emergente, en lugar de con "mostrar/ocultar".
Feliz año :)

Anónimo

Jesy, me imagino que estás tratando de usarlo en el blog de descarga de películas, te lo digo porque he visto que estás usando allí el script de abrir los enlaces externos en página nueva, y ese es el problema...
Hay una línea en el script, en concreto esta:
var script = "javascript:void(0);";
a la que le sobra una comilla, creo que ese es el problema, debería estar así:
var script = "javascript:void(0)";

Pilar Arguiñáriz Lusarreta - Palel

Acabo de aplicar esto en mi lista de enlaces de cosas personales y en la de libros que voy leyendo.
El cambio que se ha producido en mi blog del jueves a hoy es increíble. No sé si gustará más o menos pero a mí, que me gusta tener todo "recogido", me parece que todo "el trabajo" está mereciendo la pena.
Los cambios los estoy anotando, a la vez, en entradas.
No puedo más que darte -una y mil veces- las gracias.

Anónimo

Palel Lo principal es que uno mism@ esté content@ con los cambios :D
¡Me alegro por ti!

PETRONOMICOM

hola, primero que nada agradecerte por el trabajo, la paciencia y el interes, y segundo hacerte una consulta, he tratado vanamente de realizar este truco pero no me funciona, he leido todos los comentarios pero no puedo arreglar mi problema con lo de expandir/contraer que trato de poner en una entrada y no funciona, ya agote mis posibilidades y no doy con el problema, podrias ayudarme?? mi blog es http://petronomicom.blogspot.com

Pilar Arguiñáriz Lusarreta - Palel

mientras llega Rosa... éste "truco" no es para entradas, es para listas (de enlaces)
En mi blog lo tengo aplicado a "mis cosas" y a "lo que leo"
http://cosasdepalel.blogspot.com/

Anónimo

PETRONOMICOM Si has leído el comentario de Palel te diré que tiene cierta parte de razón...podría usarse en las entradas pero no como una especie de "leer más" sino para ocultar un código o algo concreto.
En cuanto a que no funciona, ese podría ser el motivo, al usarlo en el editor y cambiar de una pestaña (html - editar) a otra, podría descorregirse el código.

Gracias Palel;)

PETRONOMICOM

Gracias a Rosa y palel por la observacion, ya corregi el error y me quedo como deseaba. No habia notado ese "pequeño" detalle.

-The.DarkSearcher-

Gracias por los codigos, uff tarde demaciado en hacerlos funcionar :O pero al fin si sirvieron muy bien :D Apenas estoy aprendiendo del diseño del blog y estos codigos los voy a usar para cajones de descargas :) , grax, hermosisimo blog el tuyo

Anónimo

Fabiru69 Lo importante es que lo conseguiste. ¡Genial! ;)

JBfansblog

Rosa!

HELP!

Necesito usar esto pero no entiendo como se hace!

Mi problema es que yo voy a poner en mi menu una pestaña que lleve a este link:

http://wwwjbfansargentinaclub.blogspot.com/search/label/JBMySpace

y necesito que las entradas se vean ocultas...pero no se como hacerlo!

Espero tu respuesta.

Desde ya,gracias por todo.

Tu blog es fantasticoooo!!!

No me canso de aprender!

Atte: JBFansArgentinaClub.

Rosa

JBfansblog Tu problema, como el de casi todos, es que pensais que solo hay que decir "quiero" para tener y no es así, hay cosas que no pueden lograrse y otras que, si bien yo podría, sería imposible de explicar como hacerlo a alguien que no maneja todo este lenguaje con una cierta soltura...

Tu quieres que en tu menú, una pestaña lleve a una página de etiquetas concreta, donde las entradas estén como las mías, con el título y el expandir/contraer...

Lo más fácil entonces sería aplicar ese truco de expandir/contraer a TODAS las páginas de etiquetas:
http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html

JBfansblog

Disculpame,pero yo te hice una consulta pensando que AMABLEMENTE me ibas a ayudar.

No entiendo porque la burda reacción de enojarte ante una situación como esta,donde una persona simplemente recurre a vos para pedirte ayuda.

Si querés,ya no te pregunto más nada pero me pareció agresiva tu manera de contestarme.

Si a lo que te referís es a que no manejo bien blogger,te anuncio que si,lo manejo bastante bien quizás no como vos,pero no es manera de decirlo tampoco.

De todos modos,MUCHAS GRACIAS,pero igual no me salió porque me figura el mismo error que a muchos otros(según leí en un par de comentarios en el post).

Espero sepás comprender a lo que me referio y te des cuenta que fue un poco grosera tu manera al expresarte.

Sólo eso quiero que te des cuenta.

Atte: JBFansArgentinaClub.

Anónimo

JBfansblog Pues no era mi intención sonar o parecer agresiva, simplemente pretendía ser sincera y decir lo que pienso...no pensé que eso molestaría a nadie.

No se si el problema es mio, que a menudo no soy capaz de entender exactamente vuestras preguntas, o vuestro por la forma de hacerlas...

Según tu haces la pregunta, entiendo que quieres ir desde tu menú a una página concreta de etiquetas, y que las entradas que se encuentren dentro de esa categoría se muestren en "expandir/contraer"...

Eso se desprende de tu consulta.

Ahora comprendo (o creo entender) que es eso, pero no DE FORMA AUTOMATICA, como das a entender en tu consulta, sino usando el código para cada entrada. OK.

Imagina por un momento que la pregunta fuese la que yo entendí en primer lugar...aunque yo pudiera hacer eso (tal vez si o tal vez no) se tratarían de unos cambios bastante complejos que NO todo el mundo llegaría a comprender...eso quise decir, nada más.

En fin, no voy a seguir disculpando una actitud que a mi modo de ver, nunca tomé...

Si te sigue interesando la ayuda, me gustaría de verdad, que releyeses tu comentario y, sinceramente, me digas que podría contestarte con los datos que aportas...

¿Has tratado de usar el código?
¿Como lo has colocado exactamente?
¿Qué problema se te ha presentado?...

No se, algo que no sea "No se como hacerlo", porque a eso solo podría contestar "Como explico en la entrada"...¿entiendes que quiero decir?

Para vosotros es fácil obtener la ayuda lo más rápidamente posible sin más, ¿alguna vez pensais en lo que nos cuesta a nosotros? ... es estupendo obtener lo que uno quiere siempre, con las formas y palabras además que uno desea oir...pero yo soy una persona como todas, no una maquina de respuestas, y tengo el mismo derecho que tu y todos, a responder con la sinceridad que creo conveniente en cada caso ¿no crees?

Yo si agradezco tu sinceridad.
Un saludo.

Jonathan Pita

Rosa, no viene muy al caso lo que voy a preguntarte, así que pido disculpas de antemano. Pregunta: ¿cómo hago para que en la sidebar, los textos me aparezcan con viñetas? Yo lo había logrado caracterizando a una sidebar como "main" pero de esa manera, cada cambio que hacia en la main repercutía en la sidebar.
Te agradecería mucho la respuesta, como siempre!

Anónimo

Jonathan Pita Perdona...supongo que será por la diferencia del empleo del idioma, pero no entiendo a que le llamas "viñetas" en este contexto... y que textos...¿todos, los enlaces...?

Jonathan Pita

Ay perdon! las viñetas serían decoraciones que uno pone al principio de un link, como por ejemplo en el word, cuando pones un asterisco (*) y automáticamente te lo cambia a un redondelito negro que queda más lindo...
como ser: * Noticia 1
* Noticia 2
* Noticia 3

Pero en la sidebar... por eso te dije que cuando le puse a la sidebar atributos de "main" se ponían esas viñetas automáticamente...

Anónimo

Jonathan Pita Localiza este código en tu plantilla:
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

Y borra la línea que dice list-style:none;

Lourdes Fernandez

Hola Rosa: Tengo un pequeño problemilla con este truco. La cuestion es que esto es justo lo que necesito, pero no se muy bien que he echo que el resultado ha sido un poco diferente.
Lo que yo quiero es que me aparezca algo muy similar a como lo tienes tú, es decir, quiero que cuando le doy a etiquetas se despliegue y me muestre todas las que hay, y que cuendo le des a una de ellas, en la pagina principal, me salgan todos los titulos de esa etiqueta, pero solo los titulos para que los visitantes puedan elegir el que quieren abrir y no tengan que verse toda la tira de imagenes, ya que mi blog es de fotografia.
Te dejo mi blog para que veas la que he liado,jejeje, como podras comprobar he puesto +/- en las etiquetas en lugar de un desplegable y lo de mostrar solo los titulos............nada de nada.
Gracias de antemano por tu ayuda.
http://www.lourdesfoto.blogspot.com

Un saludo,
Lourdes.

Anónimo

Lourdes Te has liado... la entrada que necesitas para hacer lo que quieres, es esta:
http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html

Rebeca Gonzalo

Rosa: tu blog es estupendo. :D Ya he puesto en marcha varios truquillos y mejoras para mis blogs. Gracias a ti y a Eulalia.

En fin, este código me está traumatizando, porque llevo intentando ponerlo varios meses y al final siempre lo dejo por imposible. Tú lo explicas muy bien, pero he de estar haciendo algo mal. Lo he colocado en "Plantilla de entradas" para acortar los posts cuando lo desee. El asunto es que a la hora de crear la entrada sí me figura lo de "seguir leyendo..." que es lo que yo he puesto en lugar del +/-, pero también se visualiza una barra de dirección horizonal y que no puedo franquear. Lo he intentado de diversas maneras, pero al final siempre se ve la entrada al completo incluido el mensaje de "seguir leyendo...". Al final he determinado suprimirlo hasta que lo pueda solucionar.

¿Qué es lo que estoy haciendo mal? Gracias y un abrazo.

Cazadores de palabras

Anónimo

*Sechat* Una barra de dirección horizontal ??? :O
No entiendo de donde puede salir esa barra, e incluso dudo mucho que tenga que ver con este efecto...no hay nada en este código que pueda provocar eso...
Revisa por favor los comentarios anteriores, por si ves alguna respuesta que te indique que puedes estar haciendo mal...

argenvicio

hola

quisiera saber como hacer para lograr lo que enseñaste, pero en una imagen

es decir, que una imagen se muestre/oculte


mi sitio es de prueba, en el hago lo que logro entender de HTML.

me podrias ayudar?

Anónimo

argenvicio Igual que cualquier otra cosa, colocas la llamada a la imagen donde indico en la entrada:
<img src="url_de_la_imagen"/>

argenvicio

te pido perdon
pero me cuesta entender

me puedes dar algun ejemplo con imagenes?

Anónimo

argenvicio Lo siento, pero no puedo dedicarte ese tiempo que me pides...me sería imposible ayudar a los demás.

Mira, envíame un email si quieres, donde me expliques que quieres hacer y la imagen que quieres usar y yo podría construirte el código... tardaría menos que en hacer una explicación con imágenes para ti solo.

Loli Olmos

Hola Rosa:

Querría que en mi blog apareciera una lista de entradas como en el tuyo, que se expanden y contraen y no sé dónde colocar los códigos que nombras para hacerlo, dices que se coloque en el elemento que se desee expandir, dónde se haría en el caso de las entradas y dónde en el caso del archivo del blog, que lo he intentado hacer pero no sé qué tengo que hacer con todo el código que aparece a cerca del archivo. No sé si me estoy explicando, mi blog es http://colealomartes.blogspot.com

Espero tu respuesta.

Gracias Rosa por tu ayuda, eres un encanto.

Anónimo

Dolmos Hablas de dos cosas distintas...
Las entradas expandibles, te refieres a cuando entras a mi blog desde las etiquetas??

En cuanto a los archivos, yo uso este método:
http://elescaparatederosa.blogspot.com/2009/05/expandir-y-contraer-gadget-con.html

""""""""""""""""""""""""""""""""""""""""""

PARABENS PELO BLOG....PERFEITO!!!!Abraço...kastro Sao Jose dos Campos.sp.

Ana

Gracias Rosa es el único script de mostrar -ocultar que me ha funcionado a la primera y he probado varios. Un saludo.:D

Anónimo

Gracias!

Anónimo

Juan Albaran Cualquier cosa que añadimos en un blog "pesa" y cuanto más peso, más tarda en cargar... incluso el código de la plantilla "pesa", así que si se añaden muchos scripts, fotos, slide, vídeos y demás, todo sumará.

En cuanto al error, podría ser cualquier cosa que IE no interpreta... en mi caso ese mensaje salía con un script del que no podía prescindir...
En Firefox tu blog no muestra ese error.

JOVENES LLAMADOS A SERVIR "JOLLAS"

gracias rosa por estas instrucciones, las aplique en nuestro blog y funciono sin problemas

Dios te bendiga

visita nuestro blog

http://elcofredejollas.blogspot.com/

Blog La Pequeña Grecia

Este efecto quedó buenísimo en el blog de "La pequeña grecia". Un millón. Altamente agradecido. Un saludo caluroso desde Caracas para ti.

Gracias y todo lo mejor para ti!
Que pases una Feliz Navidad..!

Mega

OYE Y COMO LE PUEDO CAMBIAR EL BOTON??

seria de mucha ayuda XD

Anónimo

Mega ¿De que botón hablas?... yo no veo ninguno.

Mega

si dusculpa es q me equivoque de entrada es que es muy parecida a la del boton input

saludo rosita!!

Anónimo

Rosa usé este efecto como me sugeriste, pero lo hice con el chatbox en la sidebar, quedó tan lindo que pasé a contar y agradecerte.
Te dejo un saludo grande y un abrazo

Anónimo

CarolinaMuy lindo si;) Gracias a ti!

mdlm

Gracias Rosa, me resulta muy útil para algunos fines como hacer una larga lista de reproducción musical, pensé que no iba a resultar porque en vista previa no se apreciaba su funcionamiento, pero cuando publiqué la página, resultó bien. Mi blog aún es sencillo, espero que poco a poco lo mejore. Gracias :).

Rosa

Egam ¡Gracias a ti! :D Y por cierto, soy de las que opinan que en la sencillez está el buen gusto...

A.N.G.

Muchas gracias!, no sabes cuanto lo necesitaba


saludos!

Maoram

Holaa!!
Rosa, en primer lugar, darte mil gracias por tu blog y en segundo, tengo un problemilla :$
Verás, en mi blog: http://libretadesuenos.blogspot.com; en la entrada de http://libretadesuenos.blogspot.com/2010/05/abc-crepusculo.html he puesto el código y no se oculta el texto.. Lo he intentado solucionar quitándolo y poniéndolo de nuevo y sigue sin salirme, ¿me podrías ayudar? Mil gracias ^^

Rosa

Maoram No es solución esa de quitar y poner... revisa la entrada de nuevo paso a paso, ayudarte de los comentarios... para ayudarte tendría que repetir de nuevo lo que ya explico en la entrada... ahí está lo mejor que puedo y se explicado...

Lughnasa

Hola Rosa, he estado mirando varias entradas de tu Blog y sinceramente me han servido de gran ayuda.
Pero en esta parte me lio un poco, porque bueno, yo tengo hechas varias categorias, y dentro de las categorias los post, y queria que justamente ahi apareciese el boton de (+,-).
¿Me podrias indicar por donde tendria que poner los codigos que dices arriba? Es con el ultimo con el que me lio
Es que soy novata en esto >.<
P.D: Borre el post anterior sin querer ^^U

Anónimo

Lughnasa Eso que dices ya es distinto, hablas de un gadget y no es lo mismo que para lo que se emplea este código... no lo he mirado nunca, así que así de pronto no sabría decirte, pero si encuentras en mi blog algun sistema para expandir o contraer Etiquetas o gadgets...

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S