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...
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'>Ahora te toca rellenar con URL (direcciones) las tres líneas marcadas.
<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>
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'>Por último, buscamos la etiqueta ]]></b:skin> y antes de ella le pegamos esto:
<div id='blog-posts'>
<b:include name='nextprev'/>
#blog-pager-older-link {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.
float: right;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager {
text-align: center;
}
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)
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
Hola hamlet!! claro que no pasa nada ;-) me alegra que te guste El Balcón! Un saludo!!
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?
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!
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
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! :-)
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
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!! :-)
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
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¬¬
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
es:
http://darknessfanblog.blogspot.com/
http://darknessfanblog.blogspot.com/
http://darknessfanblog.blogspot.com/
A ok :-) esque como había recibido antes comentarios con urls diferentes ;-D
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
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
Claro que sí Darkness! hay que ser positivos y nunca rendirse :-D un abrazo0! :-)
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 :-)
me quedo escelente, gracias, hay mucha variedad de iconos,
saludos.
Flame Zero, ¡Pués es verdad! te quedó fantástico.
Cierto, hay una graaaan variedad de iconos.
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
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 ;).
Muchas gracias Jaime, creo que ya lo he hecho
Así es Cristina, ya puede apreciarse el espacio entre los iconos y la línea de "crear un enlace".
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
¡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!
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
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!
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
Perfecto entonces, Lidia. Si necesitas alguna otra cosa avísame.
Esto fue de mi agrado y ya está aplicado.Muchas Gracias
Universo Z
Universo_Z, me gusta la rima que has utilizado y me alegra que hayas conseguido modificar los enlaces de navegación.
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
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.
Ok Jaime, te agradezco mucho, ten en cuenta que aun estoy remodelando, http://andreszuletaco.blogspot.com/ gracias de nuevo, estoy pendiente de tu respuesta.
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.
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
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).