Crear un post con índice incluído en blogspot

  • Autor Autor Esgrimidor
  • Fecha de inicio Fecha de inicio
E

Esgrimidor

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Me refiero a crear una entrada que tenga un texto que pueda linkar para ir distintas partes del mismo a modo de índice.

Gracias

P.D. Algún editor html gratuito con el que pueda hacerlo ?

Que lo reconozca blogger.

Gracias
 
el mismo editor de blogger te vale si lo haces manual, o sino algun script de un sitemap que también los acepta, sin mas no te hace falta ningun editor gratuito ni nada por el estilo.😛8:
 
Pero cómo se hace ?

Repito que se trata de generar o crear un índice interno al post, con el cual pueda navegar por el post o publicación creada.
Cómo se hace ? . Cuáles son los comandos ?
Cuál es el proceso concreto ?

Gracias
 
solo necesitas hacer un sitemam en una pagina de tu blogger y listo 🙂

- - - Actualizado - - -

Esgrimidor dijo:
Pero cómo se hace ?

Repito que se trata de generar o crear un índice interno al post, con el cual pueda navegar por el post o publicación creada.
Cómo se hace ? . Cuáles son los comandos ?
Cuál es el proceso concreto ?

Gracias
Hacer clic para expandir...

algo asi? Sitemap - Moda, Dietas y Tips - QueChiks
 
Poner índice en un post

Hola esgrimidor, si en blogger tienes manera de editar el código html (supongo que sí), sigue estos pasos:

Si tienes conocimientos básicos de HTML conocerás el código para poner un enlace externo:

<a href=”http://dominio.com” >Este es el texto ancla</a>

Para poner un índice en un post, tendrás que hacer uso de la atributo “name:” para acompañar a la etiqueta de los enlaces de la siguiente forma:

Pon la etiqueta <a> con el atributo “name:” en el sitio al que quieras que dirija el enlace de tu índice.
En el índice, pon la etiqueta <a href> normal, pero acompáñala del símbolo #, y este será el enlace que irá a la parte del documento que quieras que vaya.
Si en blogger es igual que en wordpress, tendrás que entrar en la pantalla “Texto” (junto a Visual) para escribir código HTML y este será el código

<a name="seccion1">Aquí todo el texto de la sección1</a>
<a name="seccion2">Aquí todo el texto de la sección2</a>
Hacer clic para expandir...
Y para enlazar con cada sección, así tendrás que poner el índice en forma de lista:

<ul>
<li><a href="#seccion1">Seccion 1</a></li>
<li><a href="#seccion2">Seccion 2</a></li>
</ul>
Hacer clic para expandir...

Espero te sirva.
 
Última edición:
Bueno. Son instrucciones concretas que debo seguir.
Algún conocimiento tengo de html y puedo editar la plantilla.
Lo has probado ?
Es que me da en la nariz que cosas como estas a lo mejor están capadas en blogspot y en wordpress.com

Lo pruebo y comentamos
Un abrazo

- - - Actualizado - - -

KTMicro dijo:
solo necesitas hacer un sitemam en una pagina de tu blogger y listo 🙂

- - - Actualizado - - -






algo asi? Sitemap - Moda, Dietas y Tips - QueChiks
Hacer clic para expandir...
Creo que no hablamos de lo mismo.
Repito que se trata de un índice interior al post o publicación.
Es una publicación en blogspot o en wordpress. com

No es un organigrama de la organización del blog o de sus páginas.

Es un índice deentro del post o publicación.

Un índice particular y que sólo afecta un post largo.....

Para poder navegar con comodidad en ese post individual y particular es para lo que quiero crear un índice en esa publicación o post. Sólo afecta a ese post o publicación.

Como el índice de un artículo de la wikipedia, vaya.
 
Bueno. Son instrucciones concretas que debo seguir.
Algún conocimiento tengo de html y puedo editar la plantilla.
Lo has probado ?
Hacer clic para expandir...

[MENTION=2357]Esgrimidor[/MENTION] Sí lo he probado, lo usé directamente en wordpress aplicando manualmente las etiquetas HTML en algunos artículos y funciona perfectamente, pero a mano es algo entretenido y luego encontré un plugin que lo hace automáticamente, ya ves que en WP hay plugins para todo, así que ahora uso mejor el plugin porque me ahorra el trabajo.

Edité las etiquetas de mi respuesta anterior porque había unas comillas que estaban de más. Pruébalo así, estoy seguro que te funcionará para lo que quieres.

saludos.
 
Lo estoy intentando en blogger sin éxito.
Debo estar haciendo algo mal

Gracias

Vamos al campo de prácticas<br />
Entro en modo HTML con una de las opciones de arriba.<br />
<br />
Al lugar o lugares que deseas ir dentro de la entrada,pones el enlace html así:<br />
<br />
<a href="https://www.blogger.com/null" name="Uno">Blogger</a>

<a href="https://www.blogger.com/null" name="Dos">Google</a>

<a href="https://www.blogger.com/null" name="Tres">YouTube</a>
<br />
Como ves, es un enlace pero no tiene un atributo href. haces lo mismo a cuánto enlace pongas para operar de esa forma, sólo debes tener en cuenta que cada nombre debe cambiar en el ejemplo Uno Dos Tres no puede ser el mismo...<br />
<br />
Luego donde colocarás el TEXTO al cuál debe ir o saltar, colocas lo siguiente en HTML:<br />
<br />
<a href="https://www.blogger.com/blogger.g?blogID=3700782175355346029#Uno">Ver Blogger</a>

<a href="https://www.blogger.com/blogger.g?blogID=3700782175355346029#Dos">Ver Google</a>

<a href="https://www.blogger.com/blogger.g?blogID=3700782175355346029#Tres">Ver YouTube</a>
<br />
De esa forma se logran los enlaces Internos y sería todo.<br />
<br />
<br />
<br />
Tómate un cafecito en <a href="http://www.fermu.com/foro/cafeteria">fermu.com</a><br />
Datos de contacto en <a href="http://ingenierostenerife.blogspot.com.es/" target="_blank">IngenierosTF</a>

Web Authoring FAQ: Hyperlinks (Web Design Group)

Acciones pruebas y plantillas 004: prueba creando un índice
 
Esgrimidor dijo:
Lo estoy intentando en blogger sin éxito.
Debo estar haciendo algo mal

Gracias

Vamos al campo de prácticas<br />
Entro en modo HTML con una de las opciones de arriba.<br />
<br />
Al lugar o lugares que deseas ir dentro de la entrada,pones el enlace html así:<br />
<br />
<a rel="nofollow" href="https://www.blogger.com/null" name="Uno">Blogger</a>

<a rel="nofollow" href="https://www.blogger.com/null" name="Dos">Google</a>

<a rel="nofollow" href="https://www.blogger.com/null" name="Tres">YouTube</a>
<br />
Como ves, es un enlace pero no tiene un atributo href. haces lo mismo a cuánto enlace pongas para operar de esa forma, sólo debes tener en cuenta que cada nombre debe cambiar en el ejemplo Uno Dos Tres no puede ser el mismo...<br />
<br />
Luego donde colocarás el TEXTO al cuál debe ir o saltar, colocas lo siguiente en HTML:<br />
<br />
<a rel="nofollow" href="https://www.blogger.com/blogger.g?blogID=3700782175355346029#Uno">Ver Blogger</a>

<a rel="nofollow" href="https://www.blogger.com/blogger.g?blogID=3700782175355346029#Dos">Ver Google</a>

<a rel="nofollow" href="https://www.blogger.com/blogger.g?blogID=3700782175355346029#Tres">Ver YouTube</a>
<br />
De esa forma se logran los enlaces Internos y sería todo.<br />
<br />
<br />
<br />
Tómate un cafecito en <a rel="nofollow" href="http://www.fermu.com/foro/cafeteria">fermu.com</a><br />
Datos de contacto en <a rel="nofollow" href="http://ingenierostenerife.blogspot.com.es/" target="_blank">IngenierosTF</a>

Web Authoring FAQ: Hyperlinks (Web Design Group)

Acciones pruebas y plantillas 004: prueba creando un índice
Hacer clic para expandir...

Hola, creo que el problema está en que luego de editar el HTML fuiste a Redactar, actualizaste algo ahí y guardaste. Y entonces Blogger te edito el código agregando un extra.

Insertar CODE, HTML o PHP: 
<a href="https://www.blogger.com/blogger.g?blogID=3700782175355346029#Uno">Ver Blogger</a>

<a href="https://www.blogger.com/blogger.g?blogID=3700782175355346029#Dos">Ver Google</a>

<a href="https://www.blogger.com/blogger.g?blogID=3700782175355346029#Tres">Ver YouTube</a>

Este extra
Insertar CODE, HTML o PHP: 
https://www.blogger.com/blogger.g?blogID=3700782175355346029
 
raveny dijo:
Hola, creo que el problema está en que luego de editar el HTML fuiste a Redactar, actualizaste algo ahí y guardaste. Y entonces Blogger te edito el código agregando un extra.

Insertar CODE, HTML o PHP: 
<a rel="nofollow" href="https://www.blogger.com/blogger.g?blogID=3700782175355346029#Uno">Ver Blogger</a>

<a rel="nofollow" href="https://www.blogger.com/blogger.g?blogID=3700782175355346029#Dos">Ver Google</a>

<a rel="nofollow" href="https://www.blogger.com/blogger.g?blogID=3700782175355346029#Tres">Ver YouTube</a>

Este extra
Insertar CODE, HTML o PHP: 
https://www.blogger.com/blogger.g?blogID=3700782175355346029
Hacer clic para expandir...

Borro esos complementos y pruebo a ver qué pasa o cómo hago entonces ?
 
Esgrimidor dijo:
Borro esos complementos y pruebo a ver qué pasa o cómo hago entonces ?
Hacer clic para expandir...

Hola, disculpa te dí la corrección a medias, ya que estaba apurado el otro día.

Espero que te funcione este:

Insertar CODE, HTML o PHP: 
Vamos al campo de prácticas<br />
Entro en modo HTML con una de las opciones de arriba.<br />
<br />
Al lugar o lugares que deseas ir dentro de la entrada,pones el enlace html así:<br />
<br />
<a name="Uno">Blogger</a>

<a name="Dos">Google</a>

<a name="Tres">YouTube</a>
<br />
Como ves, es un enlace pero no tiene un atributo href. haces lo mismo a cuánto enlace pongas para operar de esa forma, sólo debes tener en cuenta que cada nombre debe cambiar en el ejemplo Uno Dos Tres no puede ser el mismo...<br />
<br />
Luego donde colocarás el TEXTO al cuál debe ir o saltar, colocas lo siguiente en HTML:<br />
<br />

<ul>
<li><a href="#Uno">Ver Blogger</a></li>

<li><a href="#Dos">Ver Google</a></li>

<li><a href="#Tres">Ver YouTube</a></li>
</ul>

<br />
De esa forma se logran los enlaces Internos y sería todo.<br />
<br />
<br />
<br />
Tómate un cafecito en <a href="http://www.fermu.com/foro/cafeteria">fermu.com</a><br />
Datos de contacto en <a href="http://ingenierostenerife.blogspot.com.es/" target="_blank">IngenierosTF</a>

Aunque no me quedó claro en el texto, si en tu código el indice estaba al final, al menos eso interpreté del código que dejaste en el post así que lo dejé al final.
 
Voy a echar un vistazo al editor. Y también probaré a quitar los añadidos a ver qué me sale.
Gracias

- - - Actualizado - - -

raveny dijo:
Hola, disculpa te dí la corrección a medias, ya que estaba apurado el otro día.

Espero que te funcione este:

Insertar CODE, HTML o PHP: 
Vamos al campo de prácticas<br />
Entro en modo HTML con una de las opciones de arriba.<br />
<br />
Al lugar o lugares que deseas ir dentro de la entrada,pones el enlace html así:<br />
<br />
<a name="Uno">Blogger</a>

<a name="Dos">Google</a>

<a name="Tres">YouTube</a>
<br />
Como ves, es un enlace pero no tiene un atributo href. haces lo mismo a cuánto enlace pongas para operar de esa forma, sólo debes tener en cuenta que cada nombre debe cambiar en el ejemplo Uno Dos Tres no puede ser el mismo...<br />
<br />
Luego donde colocarás el TEXTO al cuál debe ir o saltar, colocas lo siguiente en HTML:<br />
<br />

<ul>
<li><a href="#Uno">Ver Blogger</a></li>

<li><a href="#Dos">Ver Google</a></li>

<li><a href="#Tres">Ver YouTube</a></li>
</ul>

<br />
De esa forma se logran los enlaces Internos y sería todo.<br />
<br />
<br />
<br />
Tómate un cafecito en <a rel="nofollow" href="http://www.fermu.com/foro/cafeteria">fermu.com</a><br />
Datos de contacto en <a rel="nofollow" href="http://ingenierostenerife.blogspot.com.es/" target="_blank">IngenierosTF</a>

Aunque no me quedó claro en el texto, si en tu código el indice estaba al final, al menos eso interpreté del código que dejaste en el post así que lo dejé al final.
Hacer clic para expandir...

Hoy domingo me pongo a experimentar como un loco hasta que salga algo si es que tiene que salir.

Y lo comentamos.

Gracias
 
Cualquier cosa, luego armo un blog de prueba y te armo un ejemplo así lo ves funcionando, si querés 😛8:
 
Creo que muchos esperamos esta explicacion Ya que en wp es fàcil con un plunig, Pero en Blogger imposible.
Gracias a los dos
 
te recomiendo que lo hagas en una pagina estática y usas javascript para que te coloque todo automáticamente, en internet ha paginas que te dicen como hacerlo con javascript
 
Como reconozco mi ignorancia me está costando ...

Acciones pruebas y plantillas 004

He hecho nuevas pruebas.
en realidad no entendía el comportamiento hasta que me puse a hacer cambios y fijarme en los resultados.

El código de raveny funciona perfectamente.

Ahora voy a hacer pruebas más completas hasta familiarizarme con todo el proceso.

Y que realmente observe que tengo un índice.

En realidad en el ejemplo inicial que yo propuse es un poco en la "dinámica" de volver arriba . Disponiendo de tres puntos de retorno.

Pero la cuestión es que todo esto es lenguaje HTML. y que lo mismo que puedo ir de un sitio a otro, puedo ir de "otro" a "sitio". Basta poner enlaces donde corresponda.

:love_heart:

- - - Actualizado - - -

Comentar también que es bueno disponer del blog de pruebas.
He probado con Open Live Writer a escribir el post y previsualizarlo, pero el comportamiento no es el mismo que en el editor de destino en blogger.

Tampoco previsualizar en el editor destino nos permite ver cómo van a comportarse los enlaces. Luego disponer de un blog de pruebas es crucial para salir de dudas.

No quiero terminar este post aquí sin antes probar a ensayar el conocimiento de este link que parece ir un poco más allá en cuestiones de formato :

How to Create a Table Of Contents Page For Blogger?


Un fuerte abrazo y muchas gracias.

- - - Actualizado - - -

gfranco95 dijo:
te recomiendo que lo hagas en una pagina estática y usas javascript para que te coloque todo automáticamente, en internet ha paginas que te dicen como hacerlo con javascript
Hacer clic para expandir...

Puedes indicar enlaces de lo que propones ?

Gracias
 
Es el código de Flix en realidad 🙂. Yo sólo lo probé y me dí cuenta que al editar el post donde usé el código en Redactar, se cambiaba y no funcionaban los enlaces.
Así que en conclusión, el código de Flix funciona, pero conviene agregarlo luego de haber terminado de redactar el post. Ya que se agrega en HTML, y al pasarte a Redactar se daña.
 
Esgrimidor dijo:
Como reconozco mi ignorancia me está costando ...

Acciones pruebas y plantillas 004

He hecho nuevas pruebas.
en realidad no entendía el comportamiento hasta que me puse a hacer cambios y fijarme en los resultados.

El código de raveny funciona perfectamente.

Ahora voy a hacer pruebas más completas hasta familiarizarme con todo el proceso.

Y que realmente observe que tengo un índice.

En realidad en el ejemplo inicial que yo propuse es un poco en la "dinámica" de volver arriba . Disponiendo de tres puntos de retorno.

Pero la cuestión es que todo esto es lenguaje HTML. y que lo mismo que puedo ir de un sitio a otro, puedo ir de "otro" a "sitio". Basta poner enlaces donde corresponda.

:love_heart:

- - - Actualizado - - -

Comentar también que es bueno disponer del blog de pruebas.
He probado con Open Live Writer a escribir el post y previsualizarlo, pero el comportamiento no es el mismo que en el editor de destino en blogger.

Tampoco previsualizar en el editor destino nos permite ver cómo van a comportarse los enlaces. Luego disponer de un blog de pruebas es crucial para salir de dudas.

No quiero terminar este post aquí sin antes probar a ensayar el conocimiento de este link que parece ir un poco más allá en cuestiones de formato :

How to Create a Table Of Contents Page For Blogger?


Un fuerte abrazo y muchas gracias.

- - - Actualizado - - -



Puedes indicar enlaces de lo que propones ?

Gracias
Hacer clic para expandir...

ste enlace http://forobeta.com/tutoriales-de-b...de-entradas-blogger-etiquetas-especifica.html
 
[MENTION=2357]Esgrimidor[/MENTION]

Sí lo que quieres hacer es una tabla de contenido para la entrada tipo wikipedia, lo más fácil es hacerlo mediante javascript, así te ahorras dolores de cabeza haciéndola de forma manual. :encouragement:
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba