Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Flechitas indicándote tu situación en el blog (breadcrums)

Este es un truco muy bueno y bastante útil, ya que permite a los usuarios regresar al lugar donde estabas (puedes verlo en mi blog, haciendo click en un titulo de alguna entrada).

Para que me entiendas mejor, sería algo como esto:

*Estás en >Inicio > Trucos Blogger > Flechitas indicándote tu situación en el blog

Diseño>edición HTML>expandimos artilugios

1) Busca esta línea:
<b:widget id="Blog1" locked="false" title="Blog Posts" type="Blog">

Unas cuantas líneas más abajo, verás esta otra línea (es el main principal) :
<b:includable id='main' var='top'>

2) Ahora sólo tienes que añadir este código justamente encima de esa línea:

<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
*Estás en:
<a expr:href='data:blog.homepageUrl' rel='tag'>Inicio</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>


3) Una vez incluido el código, busca esto, un poco más abajo:

<b:if cond='data:post.dateHeader'>


Justo encima le pégale esta línea:

<b:include data='post' name='breadcrumbs'/>


4) Y ahora por último, en la parte del CSS de la plantilla, justo antes de la conocida etiqueta ]]></b:skin>: pegaremos este bloque:

.breadcrumbs {
border-bottom: 1px dashed #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

Si quieres ponerle además, una imágen como una bombillita o una estrellita al lado del texto "Estás en>..." debes poner esta línea:

<img src='URL DE TU IMAGEN'/>


justo delante del testo de "*Estás en:" en el código del paso
2.

Puedes editar...

- "*Estás en" es el texto que aparece en el código del paso 2. Puedes poner otra frase, como por ejemplo: Me situo en.. o Ahora mismo estoy en...

En el bloque del paso 4 puedes editar:

- border-bottom: 1px dashed #000000; es el grosor (1px) el estilo (dashed, es el estilo de borde, puedes ver mas estilos aquí) #000000 es el color (puedes cambiar de color usando la tabla de colores).

- Si quieres añadirle un fondo de color utiliza esta línea:

Background: #000000; (#000000 es el color, también puede cambiarse, utilizando la tabla de colores).

- Si quieres añadirle un fondo de imágen utiliza esta línea:

background: url(URL DE TU IMAGEN) no-repeat;

Sustituye "URL DE TU IMAGEN" por la dirección (URL) de tu imágen de fondo.

¡Eso es todo!
Visto en Hoctro´s

Mercedes dice...

Hola, Jaime:
¡Vaya blog chulo que tienes! Me encantó que pasaras por el mío. Me pareces un chico increible, despierto, ordenado y en el mundo. A ver si los chicos de tu edad te copian esa elegancia y destreza con la que te manejas. Una pasada tu rinconcito. Seguiré visitándote y aprendiendo de tus recetas de cocina y de blog.
Un abrazo de admiradora.

Jaime Trujillo Escobedo dice...

Hola Mercedes!!!!!! me alegra muchísimo que me digas eso, la verdad es que tienes razón, la gente de mi clase prefiere las maquinas la pley... la televisión... yo prefiero descubrir este mundo!! me gusta ser un bloguer!! y me encanta conocer a gente tan buena como tu! :-) amiga, un enorme abrazo!!!!!!!!!! ;-)

Graciela dice...

JAIME creí que eras mayor!!! jajaja, amigo de Antony, claro son unos pekes!!!...te sigo vía mail...me encanta el blog, muy interesantes tus consejos sobre las plantas...que son mi pasión entre otras cosas, saludos!!!

Jaime Trujillo Escobedo dice...

Hola Graciela! jeje si soy amigo de Antony pero muy mayor no soy ;-) me alegra qwue me sigas vía email, en la categoría de plantas voy a publicar cosas muy buenas, te ´gustarán :-) Saludos!!

.:*:. Ferípula .:*:. dice...

Me llevé el truquito.
Ya funciona genial! Gracias.
Me permites publicarlo?

Jaime Trujillo Escobedo dice...

Hola .:*:. Ferípula .:*:.!! me alegra que te guste el truco, claro que puedes publicarlo!! Un gran saludo amiga!! :-)

Hiena dice...

Excelente Jaime. Muy interesante este tip. Lo pondré en práctica.

Muchas gracias.

Saludos, Hiena.

Jaime Trujillo Escobedo dice...

Hola Hiena! me alegra que te guste :-) lo bueno es que es fácil de aplicar :-) un GRAN saludo!! :-)

wwe-cv dice...

jaime pero que plantilla tengo que usar para encontrar alguno de los malditos codigos
no tengo nada de esos codigos
ya intente este truco como 4 o 5 y ninguna tiene la primera linea ni la segunda |O

Jaime Trujillo Escobedo dice...

wwe-cv, antes de nada: yo no tengo la culpa.

Este truco está pensado para insertarlo en plantillas de blogger o similares, no plantillas transformadas de wordpress a blogger o por el estilo.

Necesitaría que me mandases tu plantilla para aplicarte yo el truco. De lo contrario, será imposible explicártelo todo.

depozoblanco dice...

Con este foro en blogger, ¿se puede usar también la publicidad de Adsense? Es que uno de los problemas que se nos presenta a los que tenemos blog y deseamos añadir un foro, es que pueda ser personalizable y añadir la publicidad. Ya sabemos, que esta opción, escogiendo un foro gratuito, ho se puede usar, ya que al tener el foro este carácter, la publicidad la ponen ellos. Saludos y gracias de antemano por vuestra atención. Gracias por vuestros buenos consejos y lecciones.

Jaime Trujillo Escobedo dice...

depozoblanco, este foro es personalizable y puede cambiársele el aspecto por completo. Te entiendo a la perfección ya que yo también he estado mucho tiempo buscando un lugar para crear foros y poder editarlos a mi gusto.

Lo normal sería que pudieses añadir la publicidad (el código de los anuncios de Adsense) justo encima de la etiqueta </body>).

¡Abrazos!

Alejo dice...

Jaime, ¿se Puede Centrar los Breadcrums?

Jaime Trujillo Escobedo dice...

Es muy sencillo Alejo, añade la línea text-align al bloque de CSS siguiente:

.breadcrumbs {
text-align:center;
}

Alejo dice...

Gracias Jaime Tu blog me a Ayudado Mucho ^^

Jaime Trujillo Escobedo dice...

¡Un placer Alejo! Siempre estarás invitado al Balcón.

Big-Boy Glass dice...

Gracias amigo Jaime me ha funcionado de pelos, gracias de verdad, disculpa por lo de colocártelo en otra sección, GRACIAS...! No tiens un truco de paginacion en blogger...!

Jaime Trujillo Escobedo dice...

No te preocupes Big-Boy Glass, tan solo lo dije por que supieses que mi respuesta será más rápida en una entrada relacionada.

Con respecto a la paginación... Hace tiempo publiqué una entrada (utiliza el buscador del Balcón si lo deseas) pero voy a reformarla y editar el código. Te aconsejaría esperar un tiempo ya que el resultado será mejor.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo