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.

Iconos de navegación : sustituyendo: "entradas recientes" "página principal" "entradas antiguas"

En tu blog, cuando ves una entrada, te darás cuenta de que debajo de ella, sale lo siguiente:

*Entrada más recientes *Página principal *Entradas antiguas

Pero hay una manera de cambiar esas frases por iconos...


Diseño>edición HTML>expandimos artilugios

Busca esto:
<b:includable id='nextprev'>
Ahora busca la línea <b:includable id='nextprev'> y la línea que finaliza el bloque: </b:includable>

Borra todo ese bloque incluidas las líneas de <b:includable id='nextprev'> y </b:includable>

Pega esto en su lugar:
<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>
<img src='URL FLECHA IZQUIERDA'/></a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='URL FLECHA DERECHA'/></a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='URL IMAGEN DE INICIO'/></a>
</div>
<div class='clear'/>
</b:includable>
Ahora te toca rellenar con URL (direcciones) las tres líneas marcadas.

Si también quieres los iconos de navegación encima de las entradas, para mejorar la navegación de tus usuarios, busca esto y añades la línea que está en rojo:
<b:includable id='main' var='top'>
<div id='blog-posts'>
<b:include name='nextprev'/>
Por último, buscamos la etiqueta ]]></b:skin> y antes de ella le pegamos esto:
#blog-pager-older-link {
float: right;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager {
text-align: center;
}
La función del bloque que hemos añadido ahora consiste en "recordar" dónde va cada icono, y así cuando cambiemos algo de los posts en la plantilla, no se descolocarán, si no lo haces tus iconos se acabarán juntando o descolocando.

Puedes encontrar muchos iconos de flechas en las siguientes páginas web...

Icon Finder


Icon let


Icon look

Nota:

Las páginas están en inglés, por lo que si deseas las flechas debes buscarlas así:

Left arrow: flecha izquierda
Right arrow: flecha derecha
Home: Inicio (la casita :-D)

hamlet dice...

Hola!
Muy bueno el post, como la mayoría de los que veo por aquí...
Te he cogido prestado el modelo de los botones, espero que no te moleste ;)
Un saludo y gracias por los trucos!

Soft-Actual

Jaime Trujillo Escobedo dice...

Hola hamlet!! claro que no pasa nada ;-) me alegra que te guste El Balcón! Un saludo!!

Manuel dice...

hola amigo tengo un problema con este articulo te explico cuando remplazo todo los códigos como dices al final solo se ven las imágenes en la pagina de inicio del blog
que puede ser esto?

Jaime Trujillo Escobedo dice...

Hola Manuel, eso debe haber sido porque aplicaste el código en otro lugar a lo mejor, o porque borraste sin querer alguna etiqueta, si quieres puedes borrar los cambios y expandir la plantilla de artílugios, copiarla toda, la pones en un documento de word y te hago el truco para que veas dónde hay que aplicarlo :-) si necesitas cualquier cosa, aquí estoy, un Gran saludo!

Marga dice...

Hola Jaime, ante todo gracias por visitar mi blog. Soy una novata en estos temas, pero me gusta aprender y con blogs como el tuyo aprendo un montón.
Quería probar de poner estos iconos, pero tu que has visto el blog, crees que puedo tener algún problema con esa plantilla ...??
Gracias.
Marga

Jaime Trujillo Escobedo dice...

Hola Marga, me alegra mucho que estés por aquí :-) verás, yo ví tu plantilla, verás, no le pasará nada, lo único es que al ser modificada y "tuneada" pueden faltar algunos códigos o estar escritos de otra forma. Intenta hacer el truco, pero descárga la plantilla para tener una copia de seguridad por si no sale bien :-) hoy puedo ayudarte todo lo que necesites, voy a estar mucho tiempo conectado :-) un abrazo0! :-)

Marga dice...

Hola Jaime!!

Acabo de hacer el "truco" que nos das y creo ha salido bien. Con un poco más de tiempo buscaré alguna flechita diferente (puedes decirme alguna página dónde buscar más)y la cambiaré, pero puedes echarle un vistazo a ver si lo ves bien ?? Yo creo que si !!!

Gracias.
Marga

Jaime Trujillo Escobedo dice...

Hola Marga! me alegra mucho que te saliera bien el truquillo :-) ups que despite! no puse dónde se pueden conseguir flechitas :-S ahora mismo lo pongo, pero te digo ya las webs dónde hay muy lindas...

http://www.iconfinder.net/

http://www.iconlet.com/

http://www.iconlook.com/

Ahora me paso por tu lindo blog y veo las flechitas :-D si necesitas algo más aquí estoy :-) un abrazo0!! :-)

Pequeños Soles de Noe dice...

Hola Jaime tanto tiempo!!
He realizado este truco pero se me superpone la flecha izquierda con etiquetas y cuando doy al enlace me lleva a las entradas de esa etiqueta, he configurado lo de las entradas para que "etiquetas" no aparezca pero sigue apareciendo :-(? qué hago mal????
Besos grandes y pasa por el blog porque hay cositas para vos ahí
Un beso
Noe

Darkness dice...

Me costo mogollon encontrar y hacer esto de los iconos y ponerlo en el blog pero ya lo hice me quede sin ojos para la proxima utilizo el word pufff creo que guardare la plantilla¬¬

Jaime Trujillo Escobedo dice...

Hola Darkness, es normal si uno no está acostumbrado a mirar mucho tiempo códigos y estar mucho tiempo con un truco :-D por cierto, cual era la url de tu blog? esque me dice que no aparece, las 2 que me envaste :-S

Darkness dice...

es:
http://darknessfanblog.blogspot.com/
http://darknessfanblog.blogspot.com/
http://darknessfanblog.blogspot.com/

Jaime Trujillo Escobedo dice...

A ok :-) esque como había recibido antes comentarios con urls diferentes ;-D

Darkness dice...

Ok
GRACIAS por el comentario ahora me estoy centrando en 3 temas pero igual mas adelante pongo mas ^^ no me rendire esto me gusta...y lo de hacerme conocer ... a ponerse las pilas...

KISSES

Marianella dice...

Hola Jaime, sin duda que los usare, me encanta tus tips.

También te cuento que después de leer la iniciativa de: “Una Polilla Alrededor de la Luz - Cada click Cuenta", puedes colaborar con la ONG Namasté Voluntariado Nepal, te invito a realizar por lo menos un click para poder ayudar al os niños mas necesitados con educación y nutrición, tengo un enlace en mi blog de href=" http://en-tu-ausencia.blogspot.com/" "Un buscador de ayuda " para que así seamos solidarios, tambien te invito a difundir esta noble causa.

Un beso

Marianella – Entu Ausencia

Jaime Trujillo Escobedo dice...

Claro que sí Darkness! hay que ser positivos y nunca rendirse :-D un abrazo0! :-)

Jaime Trujillo Escobedo dice...

Hola Marianella! claro que me gustaría hacer ese click :-D pero no lo encuentro, visité tu blog pero no sé dónde debo hacer click :-S mandame el enlace para que haga click :-)

Anónimo dice...

me quedo escelente, gracias, hay mucha variedad de iconos,

saludos.

Jaime Trujillo Escobedo dice...

Flame Zero, ¡Pués es verdad! te quedó fantástico.

Cierto, hay una graaaan variedad de iconos.

Cristina dice...

Hola Jaime acabo de hacer el cambio en mi blog, muchas gracias. Te quería preguntar se me junta el icono de entradas más recientes con crear enlaces a la entrada, a que es debido. Muchas gracias

Jaime Trujillo Escobedo dice...

Hola Cristina!

Mira, haz lo siguiente:

Diseño>edición HTML>expandimos artilugios

Busca esta línea:

<div id="backlinks-container">

Y edítala de manera que obtengas esto:

<div style="margin-bottom: 82px;" id="backlinks-container">

Guarda la plantilla y abre una entrada de forma independiente para ver el resultado ;).

Cristina dice...

Muchas gracias Jaime, creo que ya lo he hecho

Jaime Trujillo Escobedo dice...

Así es Cristina, ya puede apreciarse el espacio entre los iconos y la línea de "crear un enlace".

♥ Ana dice...

Jaime, soy una copiona empedernida ;) ya te he copiado éste truco y lo he puesto en mi blog, no veas que chulo me ha quedado, MILES DE GRACIAS
En cuanto a lo de los emoticones ya leí tu respuesta y estaré atenta por si encuentras alguna forma de ponerlos con comentarios en ventana emergente
Un abrazo muy grandote :P

Jaime Trujillo Escobedo dice...

¡No digas eso, Ana! En las entradas en las que tu publicas trucos veo siempre un magnífico enlace hacia El Balcón (si el truco provenga de aquí ;)) y eso significa que valoras el trabajo producido al escribir y/o pensar el truco.

Por ello quiero agradecértelo mil y una veces (creeme, hay un enorme número de sitios web que copian contenido sin apenas valorar o dar importancia al autor).

No te aseguro que encuentre lo que me pides ya a decir verdad tampoco estoy seguro de que pueda hacerse pero lo intentaré.

¡Abrazoooos!

♥ Ana dice...

Por favor Jaime, no eres tú quién tiene que agradecer nada, en todo caso tendría que hacerlo yo, de verdad
Sólo venía a comentarte que, jamás se me ocurriría poner una entrada con un truco de alguien sin poner un enlace hacia quién se ha tomado el mucho trabajo de pensarlo y crearlo, es digno de admiración, a mi me encantaría saber todo ésto, poco a poco voy aprendiendo alguna que otra cosilla pero, muy poquitas
No te molesto más, gracias de nuevo por todo y te seguiré leyendo

Jaime Trujillo Escobedo dice...

Ana, eso es ser verdaderamente una buena bloggera. Estoy seguro de que con el tiempo aprenderás y entenderás los códigos y sus funciones ;).

Siempre es un placer leerte. ¡Abrazos!

Lidia dice...

Hola Jaime, estoy :D:D gracias al enlace que me pasaste, logré poner las imágenes de siguiente, anterior,principal. Mil gracias y sigo por mas :P:P

Jaime Trujillo Escobedo dice...

Perfecto entonces, Lidia. Si necesitas alguna otra cosa avísame.

Universo_Z dice...

Esto fue de mi agrado y ya está aplicado.Muchas Gracias

Universo Z

Jaime Trujillo Escobedo dice...

Universo_Z, me gusta la rima que has utilizado y me alegra que hayas conseguido modificar los enlaces de navegación.

Unknown dice...

Hola Jaime, de nuevo gracias por cada tip, pregunto: como hacer que los iconos no cambién de lugar ni se desplazen dentro del blog-pager? en mi caso el icono de entradas antiguas se desplaza hacia abajo en relación a los otros dos. Que se pude hacer? he intentado todo, el truco que mencionas arriba de ponerle margin al backlinks (no me funciona) he cambiado las medidas a los contenedores (no me funciona) he puesto margin y padding ahcia abajo y arriba a cada icono (no me funciona) los iconos funcionan bien, pero visualmente es feo que no haya alineación, que hago? gracias por tu ayuda

Jaime Trujillo Escobedo dice...

Andrés, envíame la dirección de tu blog y podré ayudarte. Es probable que tan solo haga falta incluir un atributo en el propio código del icono.

Unknown dice...

Ok Jaime, te agradezco mucho, ten en cuenta que aun estoy remodelando, http://andreszuletaco.blogspot.com/ gracias de nuevo, estoy pendiente de tu respuesta.

Jaime Trujillo Escobedo dice...

Y lo estás dejando de maravilla Andrés.

Prueba a buscar este bloque de CSS en tu plantilla y añade la línea resaltada en negrita:

#blog-pager-older-link {
clear:both;
float:right;
margin-top:-33px;
}

Aunque como dices, probaste con márgen negativo, supongo que eso debería funcionar. Si no funciona te aconsejaré otro procedimiento.

Unknown dice...

Muchisimas Gracias Jaime, vale que eres un genio entre bloggers, me quedó perfecto con -37px, nada mas una milesima de pixel acahatado arriba el icono pero ni siquiera se nota, intentaré subirle el tamaño para darle espacio, en todo caso repito como siempre eres un genio, Gracias otra vez. Abrazos

Jaime Trujillo Escobedo dice...

Me extrañaba mucho que con un márgen negativo no hubiese funcionado desde un principio pero ahora quedó todo solucionado. Gracias a ti por tanta amabilidad, suerte con el tamaño (si necesitas más ayuda dímelo).

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