Iconos en los enlaces del gadget listas "LinkList"
Gamal me pregunta en un comentario como agregar iconos o imágenes a cada elemento de un LinkList.
Solamente será necesario añadir unas líneas de código en el CSS, como siempre os digo ha de añadirse antes de ]]></b:skin>:
.LinkList a {En "padding-left" tendréis que poner un valor igual al ancho que tiene el icono.
padding-left: 13px;
background: url (Url_del_icono) no-repeat scroll left 50%;
}
También podemos hacer que al colocar el puntero del ratón sobre el enlace, la imagen que se muestre sea diferente.
Colocáis entonces debajo de ese código, este otro:
.LinkList a:hover {
padding-left: 13px;
background: url (Url_del_icono) no-repeat scroll left 50%;
}
Si además (como podeís ver en los enlaces del Escaparate), queréis que en los enlaces que ya han sido visitados se vea un icono diferente, añadimos debajo otro código más:
.LinkList a:visited {
padding-left: 13px;
background: url (Url_del_icono) no-repeat scroll left 50%;
}
77 comentarios:
hola rosa como has estado yo soy seguidora de tu blog y como siempre nos tienes buenas cosas para nuestro blog.. bueno sabes no se si ya habias publicado algo sobre esto, pero es que yo quisiera saber como se pone eso icono, imagen o logotipo que esta a la par de la dirreción de la pagina, para ser más especifica por ejemplo tu en tu blog has puesto una imagen no se siento que es de una mujer sentda frente a la computadora y después vien el http:// me entiendes ojala pudieras publicar sobre esto, por que por mas que me he matado buscando como hacerlo no lo he encontrado... gracias de antes mano Rosa...!*
Hola Rosa, qué tal estás? de nuevo visitandote para agradecerte por responder mi correo, y si, tenías razón, ya revisé el código del gadget y había una parte que decía target="blank", las eliminé y ahora el menú se abre en la misma ventana. Un saludo y gracias de nuevo.
Tania, ese icono se llama favicon y puedes ver como colocarlo aquí:
http://elescaparatederosa.blogspot.com/2007/04/favicon-para-el-blog.html
Angie, gracias a ti:D
Gracias como siempre ROSA, pero te cuento que no me funciona... no se porque, he intentado de varias maneras y todo el codigo me aparece antes de la cabecera en la edición del Blog...
Gracias como siempre ROSA, pero te cuento que no me funciona... no se porque, he intentado de varias maneras y todo el codigo me aparece antes de la cabecera en la edición del Blog...
Hola Rosa, quiero saber si hay como colocar en mi blog otra columna lateral en el lado izquierdo. Gracias
Hola Rosa y a todos.
Resulta que instalé una extensión en Openoffice.org que te permite postear en tu blog directamente desde Writer. Se llama Weblog Publisher. El tema es que me pide la URL del servidor de mi blog ¿Tenés idea de cómo se hace para conseguirla?
gracias y suerte.
Texto enlace
Hola Rosa. Muchas gracias por su blog y su trabajo. He utilizado algunos consejos suyos de posicionamiento en mi blog y parece que lo veo en posiciones mejores en Google. Antes no sabia nada de esto. A veces tengo relaciones dificiles con mi ordenador y internet. Lo mio es jabones. Un saludo.
Gamal, hay dos etiquetas b:skin en la plantilla, una casi al comienzo de su código que se ve así: <b:skin><![CDATA[/*
Y otra bastante más abajo que es la que yo digo: ]]></b:skin>
Pienso que el problema es que has puesto el código antes del primer b:skin
Emilio, ni idea de que hay que poner ahí...nunca he usado uno de esos editores para publicar, siempre lo hago directamente en Blogger...¿será www.blogspot.com? ...ni idea:$
CRISTAL, deja el enlace a tu blog por favor.
Hola Rosa, perdon por no colocar el enlace
Hola, lo primero es decir q me encanta tu blog.
He llegado casualmente al blog "Mangas verdes" y he encontrado un par de cosas interesantes. El blog es de wordpress, pero me gustaría saber si es adaptable a blogger.
La primera aparece en esta entrada:
http://mangasverdes.es/2009/01/22/convierte-tu-blog-en-un-widget/
La segunda, es sobre los comentarios. Si te fijas, permite q al hacer un comentario aparezca en él el ultimo artículo que has escrito en tu blog.
Un saludo
snake, pues lo primero ¡muchas gracias!:D
El widget que comentas, puede colocarse en Blogger en sin problemas, es de Widgetbox y cualquiera puede tener uno...¿quieres ver el tuyo?:D
En cuanto a lo de los comentarios eso ya es otra cosa...en Blogger al menos de momento, imposible de conseguir.
Muchas gracias rosa!
Una pena lo de los coemntarios, me parecia muy interesante.
Un saludo
Gracias Rosa por tu don de gente.
En el foro de OOo recomiendan esa extensión como una de las favoritas. Hice una consulta hace cinco días y no me han contestado. Al parecer recomiendan extensiones que no tienen usuarios. Al final me lo solucionó otro blogger. Superada esa etapa no logoro postear ni a palos.
De todos modos, si encuentro la solución te la comunico (se las comunico) porque no deja de ser una aplicación sumamente interesante.
Hola Rosa...
Queria preguntarte algo, no se si me puedes ayudar... es que una amiga me comento que desde que hice cambios en mi blog para poner asi como lo tienes tu el formulario para dejar comentarios ella no puede dejarme ninguno porque no le deja ver la pantalla de confirmacion de palabra al terminar. Le pasa que yo sepa, a dos personas (y a otra ademas desde que hice los cambios en el html el antivirus le bloquea la pagina porque le dice que deja pasar demasiada publicidad (y yo no tengo nada instalado nuevo!)
Sabes por que puede ser o si le ha ocurrido a alguien mas?
Gracias...
Si no... siempre me queda la solucion de volver atras en el diseño... o de quitar lo de la confirmacion de palabra no?
martameiga
Hola, yo otra vez... acabo de ver que debajo tienes la opcion de comentar con el formulario clasico, no recuerdo si lo explicabas en el tutorial pero lo mirare porque puede ser la solucion al primer problema, (al de la publicidad no deseada no, claro... no se por que puede ser eso...????)
gracias mil
Cristal, creo que estas instrucciones te servirán:
http://elescaparatederosa.blogspot.com/2007/06/aadir-una-sidebar.html
No se si mi mensaje anterior salio pero lo escribo de nuevo...
Coloque una imagen en el titulo del blog y ahora no me mpermite eliminarla, cómo hago?
Gracias
el blog es el siguiente:
http://thiagobeutel.blogspot.com/
martameiga, no he visto ningún problema para comentar en tu blog, veo la capcha (palabra de seguridad) perfectamente...
En cuanto a la publicidad, sale de cualquiera de los servicios de contadores o de muestras de visitas de los que usas.
Todo ese tipo de widget gratuitos, una vez que consigues cierto número de visitas en el blog, disparan publicidad encubierta...podría ser cualquiera de ellos o más de uno.
Hola Rosa...
acabo de recibir tu comentario... tengo la capcha desactivada ahora mismo... a mi tampoco me daba problemas ni a la mayoria de la gente, y no se por que a algunas personas si...
en cuanto a lo de la publicidad... pues me tendre que deshacer de los contadores deduzco... o al menos de algunos, me alegra saber que no es la plantilla.
No se que hare... supongo que tendre que volver al antiguo formulario si quiero mantener la palabra de seguridad... pffff con lo chulo que me habia quedado.
En cualquier caso gracias. Si se te ocurre alguna otra cosa, seguire por aqui
martameiga
Colo, ese problema se da con mucha frecuencia, el motivo es por el formato de la imagen (.gif animado).
Como son bastantes los que me han preguntado sobre esto mismo, voy a publicar una entrada dentro de un momento con la forma de solucionar esto.;)
Malina, creo que se de que hablas. Suele pasar en las plantillas de ancho "fluido" o sea, las que usan medidas en porcentajes para adaptarse a todos los tamaños de pantalla...si es esto, normalmente así es como se ve en su layout, aunque es raro porque a pesar de esto si se puede acceder a esos elementos...
Dime que plantilla es a ver si puedo probarla yo misma.
Rosa necesito ayuda quiero que el contorno mis links brillen al pasar el mause por fa dame de tu sabiduria
Global, tendrías que usar algo como esto:
http://elescaparatederosa.blogspot.com/2007/01/estrellas-en-tus-enlaces.html
Solo que en lugar de la imagen con las estrellas, tendrás que encontrar algo apropiado...
Hola Rosa, hice el truco pero no me funciono en lo que tengo en la sidebar, estaba bien pero en fin que le voy a hacer. quiero preguntarte una cosilla. Puse el truco de añadir a favoritos que sale en Vagabundia. Y sale perfecto en explorer y firefox, funciona pulsando no hay que hacer nada raro (para que funcione bien en firefox hay que cambiar thetitle por title y perfecto) lo que no he podido es hacerlo funcionar en google chrome le añadi una linea mas con el navegador pero no funciona, no se si se podra hacer o no. Un saludo.
Gracias Rosa a ti por tomarte el tiempo de responder a las preguntas ,se que andas muy liada de tiempo y es para mi un honor conocer mas de ti y se q a todos tus seguidores les gusta saber de su blogger favorita un beso para ti Rosa y gracias otra vez por tomarte el trabajo de responder las preguntas espero que te haya gustado esta pequeña entrevista un beso....
Fernando, funciona con el gadget Lista de Blogger, con las listas de enlaces que tu coloques manualmente no.
Lo que me comentas de Vagabundia, lo mejor es que se lo preguntes a Jmiur, ya que el lo ha publicado, supongo que podrá orientarte mejor que yo...
Selene, muchisimas gracias a ti corazón:D
¡Me ha encantado la entrada, de verdad!
MALINA, es cierto, sucede como dices...lo que no creo es que sean errores de diseño, porque entonces habría que modificar demasiadas cosas...Mas bien supongo que en el footer habrá que añadir los gadget desde el html de la plantilla, o sea, colocandolos primero en la sidebar y copiando luego la línea que corresponde a su código y trasladándola a las columnas del footer... Lo de las entradas, pues habrá que retirar los gadget de encima para acceder al "editar"...
Es que me parece imposible que si no está diseñada así a propósito, la hayan dejado para descarga igualmente...
Gracias Rosa, le preguntare a ver que me dice.
Hola rosa me gusta mucho tu blog y por lo tanto me encantaria invitarte a este concurso que realisare en mi blog se trata de un diseño para el. Si te interesa este concurso por favor participa y averigua mas en el blog saludos german
Paramore Actualidad
xkravenx@hotmail.es
Me he hecho una sección en la sidebar que he títulado "De ayuda para webmasters" gracias a ti Rosa ;)
También quería aprovechar para preguntarte que he visto en algunos blogs que antes de "artículos relacionados" tienen una imagen de un café con un link al lado que suele decir: Si te ha gustado esta entrada invitame a un cafe/birra para inspirarme y seguir escribiendo en el blog. Y el enlace suele llevarte a un sitio de Pay-pal, se podría hacer esto en blogger, o sea que cuando pinchara alguien en una determinada entrada al final del post saliese lo que he mencionado (que no en todos). Gracias ;)
Creo que iría mas o menos por los iconos de marcadores sociales (mejor antes). Creo que más o menos habría que añadir un elemento "div" después de:
< p class="post-footer-line post-footer-line-3">
< div class="donaciones">
Quizás te he dado una idea para una entrada de las tuyas jejej :o Gracias y Salu2!!
Hoy puedo decir que la Jauría toma color.
Hoy puedo decir que valió la pena este mundo de los blogs.
Hoy puedo decir que llegué a este lugar para quedarme, hoy te doy las gracias por tu tiempo, por dedicarlo en compartir y ayudar, con tal dedicación que se forma en ejemplo a seguir.
Entre mi amor por Marea y tus ayudas hoy puedo ver los frutos.
No se traducen en multitudinarias visitas, ni puestos de nivel en rankings, se traduce en satisfacción de ver un producto hecho a pulmón y corazón y sentirse bien, de divertirse un poco mas.
Muchísimas gracias Rosa.
Si no existieras habría que inventarte mujer! :D
El que sabe, sabe, y el que no ... debe pasar por el Escaparate !!
Hola Rosa,
Aquí me tienes una vez más para hacerte una consulta. Mira la plantilla de mi blog muestra al final de cada post "Enlaces a esta entrada". Cuando leo los comentarios puedo ver la gente que ha puesto enlaces. Pero lo que no aparece es "Crear un enlace a esta entrada" para que yo pueda hacer lo mismo con otros blogs. ¿Como puedo hacerlo?
Mi blog:
http://ulises3000.blogspot.com
Gracias de antemano
Hola Rosa aki como siempre visitandote y molestandote... sabe no se si acaba de salir solo que yo me acabo de fijar jajajaj que el google a creado... GOOGLE SITES que es una manera fácil y gratuita de crear uan pagina web, me gsutaria que hablares de lo bueno y lo malo de esto... a ver si puede besos rosa y muchas gracias por lo del favicon, simepre te lo agradecere...!*
Espineli, estás acertado en el lugar para colocarlo, sería más o menos ahí.
Lo complicado sería entonces que solo se mostrara en las entradas que quisieras, yo al menos no sabría como hacerlo, cada entrada tiene una id única...
Para eso tendrías que pegar el código en el editor al final de la entrada que quisieras...
A no ser que lo colocases ahí pero añadiendo un condicional para que solo se viera por ejemplo en las entradas que correspondan a una etiqueta concreta...
Sería entonces así:
<b:if cond='data:blog.url == "URL_PAGINA_DE_ETIQUETA"'>
<br/><img src="http://img216.imageshack.us/img216/773/iconcafedg6.gif"><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=TU EMAIL&amount=&return=Gracias por elcafé!!%21%21%20&item_name=Donate" rel="alternate" title="Coffee!!" type="application/rss+xml">Si te gustó la entrada, invítame a un café!</a><br/>
</b:if>
Tienes que sustituir en el código donde dice TU EMAIL por el tuyo y la imagen del café por la que quieras usar.
No estoy segura de que el código se "escacharre" al ponerlo aquí en el comentario...si ves que no anda, envíame un mail.
Espineli, que se me olvidó colocar la barrita de cierre / antes del > de la url de la imagen, se la pones ¿ok?
MALINA, es complicado diseñar una plantilla, a menudo se "dejan" errores en ellas que se pasan por alto hasta que se colocan en un blog que ya está funcionando...
Me da un poco de "rabia" cuando las ofrecen, aunque sea gratuitamente, pero luego se desentienden, es decir, no ofrecen servicio "post-descarga" para posibles fallos...que no digo que sea el caso concreto de esta plantilla, pero en general así es...
Un perro, Se de alguien que acaba de ganarse un enlace en mis "Recomendados"...;)
Rosa, yo denuevo :O.
¿Como hago para que el boton de tell a friend quede al lado de "reacciones de blogs"?
Por sierto, quité las entradas relacionadas.
Nicolás, desde luego quien diseñó esa plantilla la dejó preciosa a "la vista" pero se "comió" la mitad de los códigos...
Localiza esto con los artilugios expandidos:
<p class='comment-footer'>
Justo debajo coloca esto:
<a class='comment-link'
expr:href='data:post.createLinkUrl'
expr:id='data:widget.instanceId + "_backlinks-create-link"'
target='_blank'>
<data:post.createLinkLabel/>
</a>
:$
Y ahora como hago yo para expresar tanta emocion?, si cuando salen las gracias de adentro dejan la sensacion de que es poco, comparado con este hermoso regalo.
Rosa que me has hinchado el pecho de gratitud mujer.
estar compartiendo lugar con unas publicaciones impecables, es tan solo un detalle al ver que en realidad se me permite compartir lugar en el espacio de una persona tan especial.
Muchisimas gracias Rosa.
es un mimo al lomo de este perro :)
Gracias Rosa, miraré de hacer algo en el blog de pruebas, de todas formas te mando un mail del código fuente que le robé a un blog de Wordpress para ver si le encuentras alguna utilidad para una futura entrada tuya ;) Aunque no se si servirá para Blogger ya que cómo digo era de un blog de Wordpress aunque seguramente será mas o menos igual. :P
Gracias Rosa. Ha aparecido "Crear un enlace".
Rosa, no funciona:
.LinkList a {
padding-left: 13px;
background: url(Url_del_icono) no-repeat scroll left 50%;
}
TRECARUNGA, no has puesto .LinkList a {
sino .LinkList a: {
Quita los dos puntos :
sigue sin funcionar :S
TRECARUNGA, cada vez que voy a ver tu código fuente hay alguna cosilla añadida que no se de donde sale ja,ja,ja.
Fijate aquí:
.followers-canvas{
text-align:left;}
}
.LinkList a {
padding-left: 13px;
background: url(http://img161.imageshack.us/img161/2609/iconocheckge6.gif) no-repeat scroll left 50%;
}
Te sobra una llave justo después de:
text-align:left;
ahora si, ja ja
como hago para que mis gadgets aparescan del lado izquierdo de mi blog?
me ayudassss? sisis? vos que sos la reina de la ayuda bueno ayudame (sin presion) jajaja
un besooo
Nessie, ve en tu panel a Edicion HTML, donde se ve todo el código de tu plantilla, ve "bajando" por el código hasta que veas esto:
#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Fíjate ahí en una línea que dice:
float: right;
Cámbiala por esta: float: left;
Hola Rosa soy yo de nuevo ahora posteo en el post indicado xD.
Sabes he intentado e intentado y no me funciona este truco, no se porque :( . Leo el texto y luego hago todo lo que dice ahí, pero no me resulta por favor ayudame . Te lo agradecería muchísimo.
Ahi te dejo mi blog:
http://member-of-tagruato.blogspot.com/
Saludos.
KiDeNNY No estás usando LinkList en tu blog, sino TextList, así que pon eso en lugar del LinkList.
Y donde esta eso, para cambiarlo ????
Saludos.
KiDeNNY
A ver, coloca todo como está explicado en la entrada pero en lugar de:LinkList tu tienes que poner: TextList
No habia podido pasar a darte las gracias porq se me habia perdido el link de la entrada, me resulto todo bien, reitero mis agradecimientos por responderme las dudas.
Ahora otra pregunta xD : Como hago para que se mueva el titulo que sale en el explorador ??
por ejemplo el titulo de esta entrada es "iconos en los enlaces del gadget" como hago para que eso se mueva en el explorador ???
Saludos. :p
Hola, no habia podido entrar a darte las gracias porq se me habia perdido el link de la entrada :( , todo me funcionó de maravillas, muchas gracias nuevamente por tus explicaciones.
Ahora queria hacerte otra pregunta xD: Como hago para que el titulo que sale en el explorador se mueva hacia los lados ???
Por ejemplo el titulo de aqui es "Iconos en los enlaces del gadget" como hago para que eso se mueva en el explorador ???
Saludos.
KiDeNNY No se si es esto lo que buscas:
http://elescaparatederosa.blogspot.com/2007/05/barra-de-titulo-con-texto-en-movimiento.html
Pero ese tipo de títulos podría se malo para que los buscadores te indexen correctamente...
Hola Rosa,
no sé si éste es el post más adecuado para mi pregunta pero no he encontrado otro... tengo un blog de canciones:
http://karahidden.blogspot.com/
en la sidebar de la derecha, arriba, está el alfabeto y me gustaría poder poner en el post de cada letra una lista de enlaces (Link List) de forma que pueda añadir más fácilmente las nuevas canciones con sus enlaces en la letra correspondiente, en lugar de escribir directamente en el post (me ahorraría bastante tiempo). Muchas gracias por adelantado.
"Kara Hidden" Pues lo siento, pero no entendí que es lo que quieres exactamente...:S
Quiero decir, cómo poner una LinkList en el código de un post y no en un widget de la sidebar... no sé si así me explico mejor. He intentado hacerlo dado que las LinkList son elementos HTML y en los post también se puede escribir en HTML... pero aún no he tenido éxito :(
Kara Eso que dices no puede hacerse... los gadget de Blogger no pueden mostrarse en las entradas.
hola te tengo una consulta, en mi blog tengo varias listas de enlaces en ambas sidebars, y hace poco los links de ambas listas han adquirido un margen como de 25px y no encuentro la solucion. Eso tambien me impide colocar los iconos que vos nombras. Podrias ver que puede ser? este es mi blog:
http://itaka-music.blogspot.com/
desde ya muchas gracias
Emmax El margen (que no es talsino un padding) que tienen tus listas es de 15px en la izquierda, yo al menos es lo que veo en tu CSS:
.sidebar li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:15px;
text-indent:-15px;
line-height:1.5em;
}
Si quisieras poner un icono y este fuese de 15px o menor, tendrías que añadirlo tal como explico sin tocar nada mas y sin añadir la línea de padding en el CSS para el icono.
Hola Rosa!
no logro hacer qe aparezcan los links >.<, ya he intentado varias veces y nada
V * ¿Como los links?...
Hola Rosa,
Antes de nada quiero darte las gracias por tu ayuda, siempre que te la he pedido.
Tengo una pregunta a ver si tu me puedes ayudar a ver la luz o donde esta el error. como puede ser que en el linllist me salga una foto que no tengo en el blog porque la he borrado. He borrado el linklist y lo he vuelto a codificar y me sigue saliendo fotos que no tengo en el blog. tu sabes proque ocurre esto? no se puede elegir la foto?
Saludos
Teos Cuando subimos una imagen a Blogger y luego la eliminamos, esta tarda un tiempo en desaparecer, quizá sea eso...
De todos modos no se si sabes que todas nuestras imágenes del blog están alojadas en una cuenta en Picassa a la que accedes con tus mismos datos de Blogger, si no acaban de ser retiradas, podrías eliminarlas desde ahí...
gracias rosa, esperaremos uno días, ya que del Picassa también las borre. Recuerdo que tube problemas al principio porque no salia el linklist y luego a los día salio solo.....
Muy bueno el truco, pero cuando quiero aplicar el efecto hover como tenes en tu blog el hover se corre a la izq por el padding aplicado para que no se peque junto al icono.
pasate por mi blog y pasale el cursoe encima sobre mis enlaces
¿como soluciono eso?
el Chico Misterioso Porque has aplicado el hover a ul y debes hacerlo a li:
#LinkList1 li, #LinkList2 li a:hover{
Hola Rosa, como no se en que tema preguntar, lo hago aquí. Mi problema es que en el blog tenemos un ranking que va creciendo (el ranking no es mas que un linklist de nuestro blog). Entonces, lo que querria es poder hacer lo de expandir que comentaste en este post
http://elescaparatederosa.blogspot.com/2009/04/expandir-y-contraer-cualquier-gadget.html
pero con el linklist. La diferencia es que queremos que se expanda a partir de una muestra minima, por ejemplo, con 8 links o lineas de texto. ¿Me explico?
Algo asi
RANKING:
1-A
2-B
3-C
4-D
5-E
6-F
7-G
8-H
...ver mas (Expandir)
Te dejo nuestro blog para que te hagas una idea.
http://degustandobarcelona.blogspot.com/
GL Para poder hacer algo así, la lista de enlaces debería estar confeccionada manualmente, con el gadget LinkList, yo al menos ahora mismo, no sabría como hacer eso...
Publicar un comentario
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.
Comentar con el formulario antiguo