126

Iconos de navegación


Recuerda...
Antes de probar cualquier código.
Guarda siempre tu plantilla,
aunque yo los pruebo antes. Algo podría fallar...
Si quieres cambiar "entradas antiguas", "página principal" y "entradas recientes", por unos iconos para facilitar la navegación en tu blog como estos:

Iconos Hoctroc´s Place---------Iconos Hoctroc´s Place

Tienes que buscar en tu plantilla
(HTML-expandir artilugios) esta parte del código:
<b:includable id='nextprev'>

Una vez localizado sustituyes todo lo que está desde
<b:includable id='nextprev'> a </b:includable>(ambos incluidos) por esta parte de código:
<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='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/left.gif'/></a>
</b:if>

<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/right.gif'/></a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/home.gif'/></a>
</div>
<div class='clear'/>
</b:includable>

* Si además quieres poner los iconos en la parte de arriba de la página, mientras aún estas en la plantilla (con los elementos expandidos), buscas esta parte del código y añades la parte del código que está subrayado:
<b:includable id='main' var='top'>
<div id='blog-posts'>
<b:include name='nextprev'/>

Resultado:
Hoctro´s Place

* Como verás los iconos que aparecerán en tu blog usando el código tal cual, son de color gris, en Hoctro los tienes también en azul, azul clarito y naranja.
Si prefieres usar tus propios iconos, tienes que cambiar la url de las imágenes por las de tus iconos.
¡A navegar!

Visto en : Hoctroc´s Place

Actualización:
He visto en algunos blogs con este truco aplicado, que los iconos se ven los tres juntos, eso es debido a que, por el motivo que sea, falta el código del CSS que hace que se vean correctamente. Así que hemos de incluirlo en la plantilla justo antes de ]]></b:skin>:
#blog-pager-older-link {
float: right;
}

#blog-pager-newer-link {
float: left;
}
#blog-pager {
text-align: center;
}

Entradas Relacionadas:

126 comentarios:


Gabriela

querida rosa:
En realidad lo tenia en mi plantilla así:

.comment-link {
background-image: url("http://img512.imageshack.us/img512/3918/smsunanimyu8.gif");
background-repeat: no-repeat;
border:none;
padding:6px;
margin-left:.6em;

por una dato que tu diste anteriormente, de todas maneras ya no me sigo haciwndo problemas y lo elimino.

gracias

Rosa

ah claro, Gabriela, por eso estaba en el link...ese dato era para colocar una imagen de fondo a "comentarios".
Creo que tengo un post en "borradores" para hacerlo en el css, lo miro...

Alberto Ginel Saúl

Querida Rosa:
Veo la parte a la que haces referencia pero no hay espacio entre ambas y me sale en orden inverso.
No veo :includable que en teoria es donde termina el codigo, a mi esta parte me aparece al principio como puedes ver. Entonces no puedo meter el codigo correctamente. No se si soy muy torpe.. o por alguna razón no tengo la parte final del codigo donde insertar todo el parrafo nuevo. Vaya lio. La verdad es que esto es algo que llevaba tiempo buscando, he usado muchos de tus trucos en mi blog y todos me han funcionado a la primera a la perfección. No se a que se debe esto.. ¿que opinas? Por si te sirve el dato: uso la plantilla tic-tac. Nada más, un fuerte abrazo, enhorabuena por tu blog, es de gran utilidad

Rosa

Alberto, acabo de probarlo en una tic tac de pruebas y ¡sin problemas!
No puedo ver esa parte en tu código fuente, tiene que haber algún error, si lo has hecho correctamente...
mándame una copia del html de tu plantilla al email (lo tienes en la sidebar) y lo miro.

Alberto Ginel Saúl

¡RESULTÓ! MUCHAS GRACIAS POR LA AYUDA ROSA. POR FÍN CONSEGUÍ PONER ESTOS ICONITOS :) LLEVABA TIEMPO DETRÁS DE ELLOS.
UN SALUDO Y GRACIAS NUEVAMENTE, ERES UNA "CRACK" JEJE
BESITOS

Michael

Genial, me ha quedado muy bien!!, funciona a la perfeccion, saludos Rosa.

alida

Hola Rosa:
una pregunta como hago para poner fijo el icono en cada post de Blogalaxia tag, etc., me explico:
Technorati Tags: Relatos,fotos ,musica

Blogalaxia Tags:Relato ,fotos ,Musica

Rosa

alida...¿quieres decir en que lugar de la plantilla has de colocarlos para que salgan en todos los post?

Es que no te entendí bien, o eso creo...

alida

Creo que en opciones se pone el icono
despues veo para ver que tal me salio y te digo. Hoy voy saliendo hacer unas cosillas.Un beso

alida

Rosa, te cuento puse en opciones el icono de [IMG]http://i65.photobucket.com/albums/h210/ala24/tn-tiny1.jpg[/IMG]me salio claro no con este código el de techorati para escribir los diferentes tag , pero cuando me salio en el post al lado del icono no podía escribir ejemplo: fotos, música etc
Y me salio arriba y para bajarlo fue otra, entonces volví a opciones y lo borre

Rosa

alida, hija, que no me entero de nada...

Esa imagen es de un marcador social, o sea, technorati, y una cosa es un marcador social y otra cosa son las tags, o sea, lo de fotos, música y eso...es que no entiendo que es exactamente lo que dices... :-(

toxicboy

Pues nada. Qué no me sale. Me estoy enpezando a enfadar con el html. Hace ya mucho que intento poner etiquetas y no veo resultado...

Ahora a ti te saldrá, claro...

Rosa

Hola toxic!! ¿Qué no te sale? Lo de los iconos de navegación?? Es que con lo de las etiquetas...me has despistado...

toxicboy

Si lo de los iconos de navegacion...

Rosa

Bueno toxic, que rapidez XD! Ahora mismo me tengo que ir pitando, pero esta noche, eso si, tarde, te lo miro y lo hacemos. Ya te digo de antemano que el problema lo tienes porque has eliminado en el blog lo de "entradas antiguas" y "entradas recientes" y sin eso probablemente no puedas hacerlo.
Saludos y tranki, je,je, que los pondrás...

Elizabetha

Porfavor...¡se puede hacer en una template antigua ?, ya me cambie de versión pero tengo una antigua porque he trabajado mucho en ella..AYUDAME!!!!!!!

Ana

He puesto los iconos azules!!! me paso más tiempo en tu blog que en el mio. Me encanta. Gracias. Ahora solo tengo q aplicar lo que dices mas abajo porque me han quedado juntos. A ver si me sale.

Rubén

Rosa he tratado de añadir este código, pero al guardar la plantilla me da un error que dice que en:

"Blog1" no puede contener "#comment"

¿Sabes dónde puede estar el error? Gracias

Rosa

rubén, hay un
<b:includable id='nextprev'>

y un
<b:include name='nextprev'/>

¿No te habrás confundido? Compruébalo a ver si es eso...

Noa

Nada,q no encuentro el codigo, me estoy quedando bizca??? Hay algun truco para encontrarlo???

Rosa

Noa tus plantillas son de minima, así que el código está seguro...¿has expandido loas artilugios para mirarlo? Una vez expandidos esto es lo que hay que sustituir por el nuevo código:
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>

MataRatas

Tengo una plantilla vieja de blogger (nunca conseguí dejar las nuevas a mi gusto) y quisiera poner las entradas nuevas y antiguas, pero no lo he encontrado por ninguna parte. No tendrás idea de como podría hacerlo?

Gracias...

.: Alexia :.

Hola Rosa, tengo un problemilla con los iconos estos y es que no hay forma de hacer que el del centro se quede ahi, en el centro, se queda pegado al de la izquierda >.<
He probado a poner eso de #blog-pager {
text-align: center;
} pero nada, se ve el texto en el blog pero el icono se queda igual... que hago mal??
Un saludo y gracias.

Rosa

Alexia, no creo que el problema este donde dices, eso está correcto en tu plantilla, más bien creo que sea problema del otro código, del que has añadido en el HTML, algo está mal ahí, revisalo de nuevo y si no encuentras nada anormal, puedes mandarme la plantilla para mirarlo...

nia

bueno querida Rosa dejame decirte que tu blog me ha servido muchito, gracias y como tu lo sabes todo, queria hacerte una preguntilla, ¿Como puedo cambiar el icono de la pagina, EL QUE SALE EN LA BARRA DEL EXPLORADOR DE INTERNET? porfis porfis quiero ahcerle un logo...mi blog: www.garage-chile.blogspot.com
y mi mail: la_melancolica_62@hotmail.com

gracias
Estefania

Rosa

nia, esto es lo que buscas:

Favicon

Ana

Hola Rosa, no se que les pasa a mis iconos pero no están y no los he tocado. No me sale ni icono ni entradas antiguas ni na. En fin, desesperada estoy ya.

Rosa

Ana, si, lo he comprobado.
En tu código fuente parece estar todo correcto, pero claro, hay cosas que no puedo ver desde ahí...

Podrías enviarme la plantilla, copia su código completo con los artilugios expandidos en el blog de notas y envíala a mi email, veré si hay algo mal.

Ana

Claro! Gracias.

Ruben Sada

Hola Rosa! He colocado unos coloridos botones como lo explicaste aquí, y realmente te agradezco tus valiosos post en este valiosísimo sitio, todo funcionó perfecto, así que una vez más:¡Gracias!

Rosa

Ruben, los he visto, y si, coloridos es la palabra, je,je.

STAFF revista AMANGO!

Excelente!

Muchas gracias por tus tips...

A ver si en una de esas te pasas por nuestro blog y nos recomiendas algo...

Saludos.

Rosa

Me pasaré Staff, aunque no soy de las que le gusta recomendar nada...a no ser que vea algo que suponga un grave error...que no creo, estoy segura de que está lindo el blog ;-)

Leandro Comeglio

Disculpame Rosa pero no entendí la explicación
si me lo puedes explicar mejor
Gracias

Rosa

Leandro, siempre explico lo mejor que puedo...aunque volviera a explicártelo creo que lo haría de la misma forma que está en el post...¿que concretamente no entiendes?

Leandro Comeglio

Ahora mas o menos entendí
pero cuando puse el código no me aparecía nada, seguía el común entradas recientes, entradas antiguas, pagina principal
No salían las imágenes
me podés mandar esa parte de la plantilla de tu blog
Gracias

Leandro Comeglio

Ya está Rosa
después de intentar 10 vesces me salió

Rosa

Me alegro Leandro.

Solete

Hola Rosa!

He puesto estos iconos de navegación en mi blog pero me han salido los claritos, cómo haría para ponerles un color más fuerte? Saludos y gracias por tu ayuda

Rosa

Solete, hay que cambiar dentro del código, donde dice <img src="
por la url de los nuevosiconos que vayas a usar. En la entrada lo pone al final.

Solete

Hola Rosa! Estoy intentando cambiar los botones grises por otros que he elegido yo, es verdad, lo pone al final, no me había dado cuenta, disculpa. Verás mi problema es que por más que cambio la url no consigo cambiar el icono. Ya sólo se me ocurre una pregunta ¿ese código no admite archivos png? ¿tienen que ser gifs? Igual es ese el problema. Saludos

Rosa

Solete, el formato de archivo no debería influir, claro que los png dan problemas en IExplorer, a veces incluso no se ven...

Luis

Hola, he puesto los iconos y me ha cargado bien, pero el de la pagina principal me queda pegado a la flecha de la izquierda, o sea que no queda centrado. He ido arriba al CSS y tengo puesto los codigos que mencionas asi que no se a que puede ser debido.
Gracias.

Rosa

Luis, algún error tienes yo pienso que anterior a la colocación de los iconos...¿no ves que te salen como dentro del título de la entrada cuando pasas página?
Yo creo que el error está en cuando pusiste esto:
http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html

algo colocaste fuera de lugar...tendrías que revisarlo.

Luis

No creo, aunque lo repasaré....
De momento, he vuelto a poner todo como estaba antes y lo de pagina principal sale centrado, y las entradas estan en su sitio.
Lo he puesto en el de pruebas y me hace lo mismo... me sale el icono pegado a la flecha izquierda.
Gracias

JESY2474

Hola Rosa, vieras que puse el codigo en mi blog de pruebas, pero solo se ve el icono del centro, como hago para que aparezcan los de la derecha e izquierda?
Muchas gracias por tu ayuda

Rosa

JESY2474 , pues no se que quieres que te diga...si has seguido estas instrucciones correctamente tendrían que verse todas las imágenes...

mariangel

hola rosa, es por una consulta, tengo un problema similar al de Luis... funcionan bien, pero cuando utilizas el de ir a 'entradas antiguas' en la pág principal al aparecer los tres aparecen las 2 flechas movidas. Me puedes ayudar?? Gracias. Si quieres verlo el blog es http://todojohnnydepp.blogspot.com saludos :)

Rosa

mariangel, tu problema no tiene nada que ver con el de Luis, su error era más que lo que el comentaba...en realidad varios unidos.

¿Has leído en la entrada lo que dice Actualización? a menudo es ese el motivo de que se vean juntos.

mariangel

hola, si ya lo revisé y está bien, pero aún así se ve mal. Se puede solucionar?? En realidad no se cual es el problema, en otro me pasa lo mismo, no quedan en la misma posición, pero es el mismo problema. Gracias, saludos.

mariangel

Si quieres verlos son: http://todojohnnydepp.blogspot.com/ http://mas-famosas.blogspot.com/ Gracias de nuevo. Besos.

Rosa

mariangel, pues no lo entiendo, la verdad, si has hecho todo correctamente deberían verse bien...la plantilla de Deep por ejemplo, es una Mínima la misma que uso yo para el ejemplo...tendría que estar correcto...

He mirado en tu código fuente y lo único que veo que pienso, aunque no es seguro que pueda influir, es que tienes esto así en tu CSS:
.feed-links {
padding-left: 35px;
padding-top: 15px;
background: url(http://img115.imageshack.us/img115/8305/feediconorange35zc5.png) center left no-repeat;
}
clear: both;
line-height: 2.5em;
}

Y debería estar así:
.feed-links {
padding-left: 35px;
padding-top: 15px;
background: url(http://img115.imageshack.us/img115/8305/feediconorange35zc5.png) center left no-repeat;
clear: both;
line-height: 2.5em;
}

Aunque ya te digo que no es seguro que influya en los iconos...pero por probar...

ARTE MANUAL

Hola Rosa ,dure bastante tiempo tratando de adaptar los iconos a mi blog y encontré un detalle que probablemente a mucho le allá afectado también y es que si cogen los iconos que tienen en tu blog juntos, tienen que separarlo y subirlo separados en un alojador, sin necesidad de colocar actualizacion.
gracias Rosa por una nueva enseñanza mas.

Rosa

ARTE MANUAL, es que esos iconos son simplemente un ejemplo...supongo que tu los has usado como dices, pero no es necesario, ya que en la página que menciono están todos los colores "por separado". No tiene nada que ver con eso el que aparezcan juntos o no, es tema del código, no de la imagen, al menos los casos que me han consultado.

RoMe

Hola rosa una pregunta, perdona que te moleste, no entiendo donde debo poner :

#blog-pager-older-link {
float: right;
}

#blog-pager-newer-link {
float: left;
}
#blog-pager {
text-align: center;
}

Para que se alinie bien, me sale todo a la izquierda, como a muchos, pero no se dónde debo poner ese codigo.
gracias

RoMe

Hola Rosa otra vez, esque soy muy nervioso y hasta que no logro algo no paro, lo que he provado es poner:

p align="center"
(entro los simbolos<>)
despues de:

b:includable id='nextprev'
div id='blog-pager'

y luego:

/p

ántes de:

/div
div class='clear'/
/b:includable

por lo menos está en el centro pero me gustaría saber hacer lo que tu dices. Espero tu respuesta.
Gracias por leerme.

He quitado todos los <> porque no me dejaba publicarlo, pero cada cambío de renglón lo lleva

Rosa

RoMe, ha de ir en tu plantilla justo antes de ]]></b:skin>

RoMe

muchas gracias ahora todo perfecto, perdona mi incultura en html.
Si quieres ponlo en la entrada para que no te vuelvan a molestar, por algo tan tonto como ésto.

Rosa

RoMe, tienes mucha razón ;-) acabo de incluirlo en la entrada.
Gracias.

Yaquee

Hola Rosa: Me encanta cuando me salen los trucos y quedan bien!!! Como en este caso... Gracias!!

bandalico

Rosa yo de nuevo y con esto si que no atino....me explico:

Los iconos perfecto pero lo que no consigo es quitar el "contorno" que me sale....Lo he mirado por border,underline...y nada, no atino.
¿Como carajo quito el contorno de enlace de estos iconos, pero sin quitar el underline de los demás enlaces?

Te lo agradezco....Un beso!

Rosa

bandalico, vamos a ver si es aquí...localiza:

a img {
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
}

Y cambialo así:
a img {
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
border-width:0;
}

Aunque la verdad, si es eso, no me explico porque le sale el borde si la orden no está en la plantilla...si no lo es, me cuentas y lo reviso más a fondo, a priori es la solución que me parece adecuada.

bandalico

Rosaaa, mas razon que un santo...bueno una santa!!!

Me volvi majara, con esto y la verdad que no me lo explico yo tampoco.....pero me lo solucionaste....Muchisimas gracias!!!!

Te debo otra cervecita, tu apuntalo en la lista!!!!

Gracias de verdad...un beso!

Rosa

bandalico , que bien, porque no las tenía todas conmigo, je,je.

Alexia Stark

Hola Rosa, me ha surgido otro problemilla, a ver si hay suerte y me puedes ayudar ^^
Resulta que he puesto el código tal como lo pones en la entrada y le he añadido lo de centrar, pero aún así la casita sigue en el lado izquierdo, como lo podría solucionar?

He activado mi perfil, en el que me ocurre es en el de Hentai Universe.

Anónimo

rosa, muchas gracias por este truco.

sabes tu si se puede en lugar de esto de los iconos y lo de entradas antiguas poner una navegacion por numeros como la de google y otras pags.? asi de que "previous 1 2 3 Next"

gracias.

Rosa

Anónimo , se puede, aunque no lo he publicado, ni pienso hacerlo de momento, pues el sistema que hay no va del todo bien...
Si aún así quieres probar, ve a Vagabundia:
http://vagabundia.blogspot.com/2008/08/paginacin-en-blogger.html

L.S.

Hola mi querida Rosa soy yo Lía de nuevo mis iconos de navegación están funcionando, el problema que tenía era como me habías dicho un asunto con las direcc. de las imágenes. Ahora funcionan bien solo que me aparecen al inicio de la página y no al final y también que los iconos que puse son muy vistosos yo quería los anaranjaditos pero sigo el enlace del Hoctro y me dice que esa página no existe. Gracias

Rosa

L.S. se ven arriba porque tenías que saltarte el último paso:
Si además quieres poner los iconos en la parte de arriba de la página, mientras aún estas en la plantilla (con los elementos expandidos), buscas esta parte del código y añades la parte del código que está subrayado:

Aquí te dejo las url de los iconitos anaranjados:

http://i151.photobucket.com/albums/s137/andrewmusic1/left.gif

http://i151.photobucket.com/albums/s137/andrewmusic1/home.gif

http://i151.photobucket.com/albums/s137/andrewmusic1/right.gif

L.S.

Hola Rosa como siempre gracias por todo; y por atender tan rápido mi consulta. Tu blog quedó precioso, más sobrio y funcional me parece. Gracias por la dire de los iconos naranja. gracias por todo. Lía

Anónimo

No sé porqué motivo pero no salen mis comentarios publicados. Voy a intentarlo como anónimo.
Hola Rosa, he seguido tus indicaciones y creo que tengo un problemilla. En la página principal me debería salir el icono de "Enradas antiguas", pero no se porque motivo también me sale el icono de "Página principal". Muchas gracias por tú atención.

http://arriba-el-periscopio.blogspot.com/

Rosa

Anónimo, pues si el código está correcto y todo en su lugar no debería de salir así...tendrás que revisarlo, es algo que yo no puedo ver desde tu código fuente.

Fabiana2008

Perdón por la molestia Rosa pero parece que soy medio burrita para esto. Primero que no pude hacer que funcionara y segundo quisiera con estos íconos:
atrás - http://www.jugones.net/gifs/images/miem0012.gif
home - http://www.jugones.net/gifs/images/minimix007.gif
adelante - http://www.jugones.net/gifs/images/miem0111.gif
¿cómo lo puedo hacer?

Rosa

Fabiana, pues antes de nada tendrías que logar hacerlo y luego tendrás que sustituir en el código las urls de los iconos por las de los tuyos.

Fabiana2008
Este comentario ha sido eliminado por el autor.
Fabiana2008

¡Increíble! Pude hacerlo y todo gracias a tí amiga Rosa. Me quedó re lindo y justo con las imágenes que yo quería. Y no me quedaron juntas como mencionas en la actualización.
GRAAAAACIAS de nuevo.

Rosa

Fabiana ¿has visto? Confía más en ti misma, ya verás como logras hacer muchas cositas :D

Grutear

hola rosa , soy asiduo tuyo , me podrias decir como se puede poner el logo en la barra donde aparece la direcion web, gracias anticipadas un saludo de Jesus

Rosa

Grutear, mira en esta entrada:
http://elescaparatederosa.blogspot.com/2007/04/favicon-para-el-blog.html

Rábago

Rosa, artista, Haber si me puede ayudar, a mí me gustaría cambiar solamente Entradas antiguas por una imagen que es el perfil de una mano señalando con el dedo, se puede hace? y si se puede cómo lo hago? gracias por dedicarme su tiempo.

Rosa

Rábago, entonces lo que nos interesa de todo el código de arriba, es localizar el que corresponde a "entradas antiguas" que es este:
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='&quot;new_&quot; + data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</b:if>

Y modificarlo así:

<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='URL DE LA MANITA SEÑALANDO'/></a>
</b:if>

GOCASE

Hola Rosa, este blogger si saca unas canas q ni te cuento, por hoy me ha dado mil y un errores BX ellos y sus problemas y yo con los mios jeje.

Rosa queria preguntarte algo q me esta atormentarlo, aprendi de la mano tuya a colocarle fondo transparente a las imagenes pero oh sorpesa q en mi plantilla se siguen viendo con fondo blanco (muy molesto), a q se puede deber esto? Algun codigo de mi plantilla o es q algo estoy haciendo mal?


mira estas imagenes q coloque con fondo transaparente

IMAGEN 1

Ademas de esto quise cambair el leer mas por una imagen y las puse (despues de aprenderte) en fondo transparente y nada.

No se que problema tenga mi plantilla o q este haciendo mal!!!


Mil gracias espero tu repsuesta detallada pues ya sabes soy algo lento para esto !!!

GOCASE

Mira Rosa, en esta entrada de blog de pruebas coloque tres imagenes q tienen fondo transparente, incluida la q le plagie a JMiur jeje y todas salen con marco y asi!!!

Ay ojala me ayudes!!

Para ti Rosa una espina jeje

Rosa

GOCASE, el marco es por esta parte de tu plantilla:
.post img {
position: relative;
max-width:450px;
border:0px;
padding:5px;
background:#fff;
border:1px solid #ccc;
}
.post img:hover{
padding:5px;
border:1px dotted #000;
}

En border cambia el 1 por un 0

Y el que se vea fondo depende a veces del formato de imagen y el navegador, IE por ejemplo suele mostrar ese fondo blanco en los .png

NOSOTRAS

Rosa se me han quedado preciosos muchas gracias

gaxgax

Una vez mas.....gracias, hay pocas veces en que esa palabra no alcanza para expresarse, esta sin lugar a dudas, debe ser una de esas veces.

Saludos desde Chile.

Anibal

Mil gracias Rosa por todas las cosas. Los he puesto en práctica y se ven de maravilla. Gracias. :)

OptimusTronic

Gracias Rosa.... muy bueno el resultado...

Xoxo

Mi problema es el contrario que el de muchos. Me aparecen los iconos perfectos pero quiero tenerlos agrupados en el centro en lugar de uno a cada lado y no se como hacerlo

Rosa

Xoxo Por lo que dices has leído la entrada...así que si viste donde dice "actualización" dice que si se ven pegados se añada ese código para separarlos...

Si los tuyos están separados, lo lógico será pensar que ese código ya ESTÁ en tu plantilla...¿qué tal si pruebas entonces a hcer lo contrario y borrarlo?:D

Grinder

Hola Rosa, hay alguna manera de poner el icono delante del texto, sin tener que borrarlo?

Rosa

GRinder Localizas como digo al comienzo de la entrada el código desde: <b:includable id='nextprev'> hasta el siguiente </b:includable>
Dentro de ese código están las etiquetas que corresponden a entradas antiguas, nuevas y home si te fijas en el que hay que colocar en su lugar y lo comparas con el de tu plantilla, verás que donde está añadida la url de la imagen en tu plantilla hay una etiqueta (trozo de código) en su lugar...sin borrar nada, añades las url de las imágenes donde están.

Grinder

Rosa, no se si no me he explicado bien o no lo he entendio bien, queria poner el icono delante del texto.
Ya lo acabo de conseguir, asin me ha quedado:
ImagenAhora sustituire los iconos por unos mios personalizados.

Gracias de todos modos

Grinder

No viene al tema, pero sabes alguna forma de quitar el subrayado de los links? He estado buscando con Contro+F "underline" expandiendo y sin expandir la plantilla de artilugios,pero no encuentro nada :/

Rosa

Grinder Te había entendido perfectamente...y lo que te respondí es correcto...supongo que el que no entendiste mi respuesta fuiste tu. En fin, lo importante es que ya lo has logrado.

En cuanto al subrayado, veo que ya lo has localizado también.

Enrique Carlos Ameijeiras

Rosa, debo decirlo. Tus consejos siempre tienen un sello distintivo, algo más que en otros tutoriales no están. Por eso cuando encuentro algo que me interesa, paso inmediatamente por tu blog para ver si lo explicas con "bonus track". Besos Enrique www.labisar.blogspot.com

Rosa

Enrique Hace bastante tiempo que no leía un comentario tan halagador :S
¡Muchísimas gracias!

Fede

Hola Rosa! una duda con respecto a esto, los iconos de pagina siguiente, anterior o home, deben tener algun tamaño especifico, pueden ser mas grandes de lo que se ve? Saludos.

Rosa

Fede No hay problema en que sean mayores, incluso he visto blogs con imágenes ahí bastante grandes...

GOCASE

Hola Rosa, llevo un tiempo sin comentar pero no por que no te lea solo por falta de problemas como este, mira, mis iconos de entradas antiguas y eso estan reemplazadas por imagenes, q dice inicio, anterior, y siguiente, las cuales no estan apareciendo en Firefox y en otro navegadores tambien desaparece.Me podrias decir que esta pasando. Mil gracias por pasarte y revisar.

Texto MI BLOG

Rosa

GOCASE Yo las veo sin problema en Firefox3 e IEx8...supongo que es porque son .png con fondo transparente y eso en algunos navegadores trae ese tipo de problemas...
Ya que las tienes sobre un fondo blanco, yo les cambiaría su extensión a .gpg con fondo blanco para probar si ese es el problema.

unimundiblogger

rosa, solo pasaba a saludar, y viendo cosillas

Mariflor

Rosa, esto esta muy bueno, pero no me funciona bien, mi blog es www.mari-winx.blogspot.com, me aparece la de home y de entradas antiguas, pero no la primera, una imagen para que lo veas... http://4.bp.blogspot.com/_2TSu6ORRe8A/StoRU2qY1nI/AAAAAAAAA-Y/ysQ5QOQYs94/s1600-h/asi.jpg

Rosa

Mariflor No puedo ayudarte más de lo que hago en la entrada...la explicación es la mejor que puedo o se dar y el resultado está comprobado con creces...veo que usas los iconos azules, quizá es un error en la url de la imagen.

Basi

Gracias Rosa.
Estoy con el blog nuevo y estoy poniendo muchísimas cosas nuevas.
Estoy contenta . Gracias nuevamente.
Y si me sale esto de los iconos.
Un saludo
Basi.
Probare en el otro.

Fackss

rosita ayudame!!!! porfa o conectate!!
como puedo poner en vez de esos iconos de navegacion las paginas por ejemplo :

paginas 1|2|3|4|5|6|

etc.
te lo agradeceria muxo si me ayudaras

Rosa

Fackss Ve a Vagabundia (enlace en mi sidebar), allí lo encuentras.

Evangelina

Hola, quisiera saber como se pone la flechita que tu tienes en este blog, la que aparece en la esquina inferior derecha y que permite ir hacia arriba de la página. Gracias.

Rosa

Evangelina Tan sencillo como poner en mi buscador "Ir arriba" :D

djzorro

hola rosa de nuevo en problemas, esta plantilla forte ya me esta dando dolor en mis partes.:o

ahora resulta que hecho todos los pasos para ponerlos arriba, me salen en Home(la flecha izquierda y derecha, 2 veces arriba y abajo delos post) y la imagen casa se repite dos veces arriba, bueno si no me entendiste (yo también) te pongo el html para que le heches un ojo.
http://tinypaste.com/pre.php?id=0ccbe&hash=675b5a9d96a32495df04527c1847c751

muchas gracias
God Bless You

4EverMadonna

Hola rosa!! quiero agradecerte por que me haz sido de mucha ayuda para mi blog... pero tengo un problema con estos iconos... no se muestran!ya segui tus pasos y no se muestran... habra algo en un codigo ajeno a ese que lo impida? ayuda por favor! mi blog: http://4evermadonna.blogspot.com

Rosa

djzorro No creo que el que se repitan las imágenes tenga nada que ver con el tipo de plantilla, sino más bien pienso que hayas repetido los códigos o que no te has fijado y estos ya estaban en la plantilla y has vuelto a colocarlos... revisalo, no es demasiado complicado el conseguir este efecto...

Rosa

4EverMadonna No hay nada que lo impida... es más, yo veo tus iconos :O

nochesamarillasg

hola rosa,este es mi primer comentario,queria preguntarte si existe alguna solución a mi problema,al hacer click en las imagenes (entradas antiguas y entradas recientes)se ábre en una nueva pestaña,tendrías idea de algún codigo html para bloquear el salto a una nueva pestaña? créo que la razon es que háce un tiempo atras agregué en mi plantilla un codigo html para que los link se abriécen en una ventana nueva(y la verdad que éste me es de mucha ayuda para mantener la orientación central de la pagina)espero que lo entiendas :$ muchas gracias. chris...

Rosa

nochesamarillasg Si es por el código para abrir todos los enlaces, no hay otra solución que retirarlo... y eso ha de ser, ya que no veo nada en esos enlaces que haga que se abran en página nueva...

Cocofansclub

Excelente Rosa!!gracias me ha quedado perfecto !!
nuevamente miles de gracias!!
C.M

Rosa

Cocofansclub ¡Me alegro! :D

Ceres

hola me a gustado mucho el tutorial y encuentro muy buena tu pagina , hice todo lo que explicas
la flecha derecha y home me salen en vista previa y cuando lo guarde me di cuenta que la flecha izquierda no me sale y tengo post anteriores, si pudieras ayudarme te lo agradeceria mucho saludos




PD: te dejo la plantilla que uso para que la puedas chequear .

http://btemplates.com/2009/blogger-template-naruto-vs-sasuke/

Rosa

Ceres¿Y que hago con esa url?...lo que necesito es verlo aplicado en tu plantilla.

ALZIRA

requeteholas!!
bueno he probado el tutorial y para variar siempre tengo problemas, he añadido todo los pasos y he puesto tanto arriba cómo abajo con imagenes y si accedes a mi blogs podrás comprobar en el de arriba mismo en el HOME, cómo metiendo una imagen más pequeña que right o left sigue cortandose la imagen debido a que me sale de fondo el recuadro en rojo.
¿se puede eliminar ese recuadro para poder poner todos los imagenes del mismo tamaño, y cómo se hace?
mi blog.: http://www.alziraonline.tk

un saludo y gracias de antemano

RMARIAG

¡Hola, Rosa!, estamos muchas horas intentando incluir en nuestro blog las flechas de navegación. Siempre nos da error. Hemos copiado tal cual, la modificación de código que hay arriba, fijándonos muy bien donde la colocamos. Nos da este error:
No hemos podido guardar tu plantilla

Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "b:includable" must be terminated by the matching end-tag "".
y ya no sabemos que más hacer, creo que lo hemos probado todo.
¿Qué podemos hacer?

nEjO

Y COMO HACAER PARA INCLUIR OTRO BOTON AHI MISMO POR EJEMPLO "ENTRADA ALEATORIA" OSEA YO YA SE COMO LOGRAR PARA MOSTRAR UNA ENTRADA ALEATORIA PERO CON INCLUIR ESE BOTON JUNTO CON ESOS OTROS QUE TU ESXPLICAS EN ESTA ENTRADA

Rosa

nEjO Estos son los enlaces de navegación de la plantilla, donde no debería incluirse nada más...menos nada aleatorio, no es el lugar.

Marflo

Rosa: Me paso lo mismo que a Ceres, probè y probè , siempre tal cual lo has explicado y no hay caso, la flecha izquierda no aparece. Lo dejè asì solo para que puedas chequearlo. Gracias!


http://luzdemisendero.blogspot.com/

Rosa

Marflo Y así es como debe ser... la flecha izquierda es la que te lleva a "entradas anteriores" así que en la página principal del blog (home) es imposible se vea, por la sencilla razón, de que ahí no hay entradas anteriores... si vas a entradas antiguas (flecha derecha) verás como entonces si tienes la flecha izda para volver a entradas anteriores...

Marflo

Gracias Rosa! pero que tonta he resultado :D gracias!

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S