Hola Taringeros
Estoy estructurando mi Blog antes de ponerlo en Google y he querido hacer una lista despegable de todos mis post en una página independiente, encontré una guía en esta página:
Pero lamentablemente no me sirvió, pues cuando le doy al link que se supone que se debe expandir y contraer no paso nada, casi me doy por vencido y incluso pensé que no se podía hacer ese tipo de lista despegable para blogger.
Pero pensé:
CarlosUchia en su Mentedijo:
Entonces siguiéndome por la guía de arriba intentando de muchas formas y después de varias horas, pude dar con el problema (Nota: Se muy poco sobre HTML), y ahora por si alguno tiene el mismo problema y no sabe aquí les dejo los pasos de lo que si me funciono a mi.
Pasos:
1. Te metes en diseño y después en edición de HTML, justo antes de </head> pegas el siguiente código:
codigo dijo:
<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>
Nota: cuando me metí otra ves para ver si se guardo me apareció otro codigo, deduzco que el mismo blogger cambio los parámetros según mi blog y pasara lo mismo con el de ustedes, este fue el código nuevo q me dio:
<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>
---Bueno tiene que quedarle así:
2. guardar la plantilla
Nota: La lista despegable que yo quería hacer era en una pagina independiente, como no puedo agregar entradas a una pagina independiente, decidí explotar al máximo la única entrada que me permiten y de esta manera no tengo que crear una pagina por post…
3. luego te vas a creación de entradas, y luego en editar páginas y buscas la pagina en la cual quieres hacer la lista (nota: si no tienes paginas crea una, blogger solo te permite crear 10 paginas independientes, así que hay que rendirlas)
Así:
4. después que le das a editar te vas a Edición HTML, pones el nombre de tu pagina independiente y abajo vas a pegar el siguiente código:
codigo dijo:
Nota 1: Donde dice “Nombre que quieres ponerle” como es obvio va el nombre que lleva lo que quieres que se expanda, y donde dice “aquí pones lo que quieras expandir” vas a poner lo que quieras que se expanda obvio, pero igual tengo que recalcarlo.
Nota 2: Para agregar mas textos despegables solo copia este código:
codigo dijo:
<a onclick="return verocultar(this);" href="javascript:void(0);">"Nombre que quieres ponerle"</a></span><div style="display: none;">
"aqui pones lo que quieres que se expanda"
</div>
Y lo pones debajo del anterior y así consecutivamente asta que ya no quieras mas, acuérdate que siempre tienen que ir dentro de estos parámetros: <body></body>
Imagen de muestra:
5. por ultimo le das publicar página y ves tus resultados.
¿Cómo conseguir el Código HTML perfecto para ponerlo dentro del texto expandible “aquí pones lo que quieres que se expanda”?
Fácil!! Fácil!!
1.Te vas a donde dice nueva entrada, Redactar y empiezas visualmente a ponerlo como quieres que se vea
Así:
2. después te vas donde dice edición HTML y vas a conseguir un código grandísimo y copias desde donde esta el primer <div asta el final y ese mismo código lo pegas en la parte que quieres que se expanda (“qui pones lo que quieres que se expanda”) y listo! Te sale igualito que como lo redactaste.
Nota: no guardes la entrada, solo copia el código no mas.
Nota: no guardes la entrada, solo copia el código no mas.
Espero les haya servido como a mi me funciono… …
Mi blog no esta listo Todavía pero los que quieran verlo aquí les mando el
http://yo-como-tu.blogspot.com/
Comunidad Para los que les encanta Comentar
En mi sueño de ser el InforKage de la aldea de la Web