Como dice el título, hoy les voy a enseñar este gran truco que te permite crear un post largo y en algunos lugares añadirle el simbolito de Expandir/Contraer, o el [+/-] que en definitiva lo que hace es esconder una porcion del post, ya sea un video, una imagen o un texto y así el lector puede expandir y ver el contenido.
Lo primero que hacemos es ir a la configuración HTML de nuestra plantilla y buscamos el </head> y justo antes pegamos el siguiente codigo:
Lo primero que hacemos es ir a la configuración HTML de nuestra plantilla y buscamos el </head> y justo antes pegamos el siguiente codigo:
<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
return false;
}
</script>
Luego de esto, cada vez que queremos utilizar el [+/-] en cualquier parte de nuestro blog, ya sea un post o la sidebar, debemos poner el siquiente codigo:
<a onclick="return
verocultar(this);"href="javascript:void(0);">[+/-]</a>
<div style="display: none;">Contenido
oculto</div>
Y debemos remplazar donde dice Contenido Oculto por la parte del post que queremos esconder. Recuerden que pueden esconder un texto, una imagen o un video.
Otra opción es sustituir el símbolo de Expandir/Recoger por una imagen, lo que haríamos sería añadir <img src="url-de-la-imagen"/> en lugar de [+/-]
Otra opción es sustituir el símbolo de Expandir/Recoger por una imagen, lo que haríamos sería añadir <img src="url-de-la-imagen"/> en lugar de [+/-]
Espero que les sea de utilidad.
18 comentarios:
hola e seguido tal como esplicas y en el pos sale efetivamente el + y el - pero al pinchar no se espande osea no ace nada
Aseguarte de pegar el primer codigo en el lugar indicado, ya que es el que indica la funcion a cumplir.
no va!!. Se oculta, pero despues al hacer clik no ace nada.
Hola. Gracias por tus ayudas.
¿Podrias dar esta funciçon explicada con un poco mças de detalle?
¿En dondde se coloca exactamente el segundo parrafo? Yo quiero ocultar parte del cuerpo de las entradas.
¿Con que deberia reemplazar "Contenido Oculto"?
Gracias y un saludo.
Hola! gracias por el código, el inconveniente es que no se adonde poner el texto que si quiero que se vea, te agradezco que expliques ese paso... coincido con el comentario anterior! tengo la misma duda.
un saludo
Es simple. Lo que tienen que hacer es reemplazar donde dice Contenido Oculto por el texto que quieren que no se vea en el home, sino cuando expanden el post.
Helo! a mi me sale lo siguiente:
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
Se ha encontrado más de un artilugio con el ID: HTML16. Los ID de artilugio deben ser exclusivos.
Estube buscando y me parece que es por la segunda sidebar que agregue...
Hay alguna manera de incluirlo de todas maneras??
@Frank
Como dice ahi, el error es porque tienes dos artilugios con el ID HTML16. Lo que puedes intentar es abrir la edicion HTML de tu plantilla, expandir artilugios y buscar dichos ID y a uno de ellos ponerle un numero diferente (mayor) a 16.
Saludos!
Gracias ! Ese dato me vino genial!
corregí muchos inconvenientes...
Pero, igual no se explaya.
Me asegure de pegar correctamente y el el sitio indicado el primer codigo. Luego creé un nuevo gadget y le añadi el otro codigo. Pegado de manera correcta y verificada.
A modo de prueba no puse nada dentro de "contenido Oculto"
aun asi, no se despliega...
queda alguna opción?
Manito, soy un fiel, pero un fiel seguidor de tu pagina, pero tu esta haciendo algo mal, todos los comentarios negativos que hay ahi son reales yo manejo un poco bien eso los de los codigos, y parte de las explicaciones ahi comentada es lo que me pasa a mi tambien, el primer y segundo paso lo pongo perfectamente bien,pero, cuando hago click en [+/-] no sale el resto de la informacion....
Si te das cuenta es un pequeño error ya que nadie a dado positivo con el truco..Un consejo de amigo, se que las personas que te siguen tienen mucha credibilidad de ti, no los decepciones..Un abrazo amigo y te me cuida
Manito, soy un fiel, pero un fiel seguidor de tu pagina, pero tu esta haciendo algo mal, todos los comentarios negativos que hay ahi son reales yo manejo un poco bien eso los de los codigos, y parte de las explicaciones ahi comentada es lo que me pasa a mi tambien, el primer y segundo paso lo pongo perfectamente bien,pero, cuando hago click en [+/-] no sale el resto de la informacion....
Si te das cuenta es un pequeño error ya que nadie a dado positivo con el truco..Un consejo de amigo, se que las personas que te siguen tienen mucha credibilidad de ti, no los decepciones..Un abrazo amigo y te me cuida
Manito, soy un fiel, pero un fiel seguidor de tu pagina, pero tu esta haciendo algo mal, todos los comentarios negativos que hay ahi son reales yo manejo un poco bien eso los de los codigos, y parte de las explicaciones ahi comentada es lo que me pasa a mi tambien, el primer y segundo paso lo pongo perfectamente bien,pero, cuando hago click en [+/-] no sale el resto de la informacion....
Si te das cuenta es un pequeño error ya que nadie a dado positivo con el truco..Un consejo de amigo, se que las personas que te siguen tienen mucha credibilidad de ti, no los decepciones..Un abrazo amigo y te me cuida
Tratare de revisar el codigo nuevamente.
Pinche codigo no sirve!
PERDIDA DE TIEMPO
Vicarlone, no soy el único al que este coso no le sirvio... no se si será por el codigo en si o por el blog... pero no sirve...
ya he determinado el problema, la línea de código que va en al post debe estar corrida sin espacios, eso lo corrigen una vez que terminen la edición, pasan a html y colocan el código corrido sin espacios y verán que funciona, pueden probar las dos formas como nos lo muestra el bloggero con sus espacios y poniendo el código como les sugiero, respondan a ver que tal.
Me he percatado de otro fallo, aquí no se si es por la plantilla, o por el código en si. Pero, lo cierto es que si colocamos el efecto al principio de la entrada o debajo de unas pocas líneas (1,2 o 3) no funciona, en cambio si lo ponemos al final o debajo de una cantidad suficiente de líneas (unas 6 o 7 líneas), si funciona. pueden verlo funcionando aquí http://www.comunicaciondigital.co.cc/2010/02/firefox-36-version-final-traduccion.html, (que el blogero me disculpe se que va contra las normas.
Aún así yo tengo dos hack distintos, que hacen la misma función uno lo implemente en el side Bar
jajajaa
esta chingadera me llevo dos tardes buscandole y buscando ya que es una aplicacion muy util y ya estaba descepcionado por que paginas profesionales como esta tampoco funcionaba el truco pero por fin funciono pegando todo sin espacios luego poniendole los espacios jajaajaj
ijoles que bien
Publicar un comentario en la entrada
Lea las reglas:
Todos los comentarios serán leídos y moderados previamente.
Serán publicados aquellos comentarios que respeten las siguientes reglas:
- Su comentario debe estar relacionado al contenido del post.
- No se aceptan comentarios tipo SPAM.
- No incluya links No necesarios en el contenido de su comentario.
- Si quieres dejar la url de tu blog, hazlo utilizando la opción OpenID.
- La caja de comentarios no es el lugar para pedir intercambio de links (para ello ve a la página de contacto).
- Ofensan personales, amenazas o insultos NO serán permitidos.
OBS: Los comentarios de los lectores no reflejan las opiniones del blog.