60

Etiquetas y archivos en forma de "falsa nube"

Si tienes demasiadas etiquetas en tu blog, puede pasar que la lista sea tan larga que haga que también se alargue en exceso la sidebar.
Usando este sencillo truco, podemos conseguir que las etiquetas se muestren con efecto "nube". Aquí veis un ejemplo del "antes" y "después".



[1]Una vez hemos añadido el elemento "Etiquetas" en la sidebar, buscamos esta parte del código en nuestra plantilla con los artilugios expandidos, y eliminamos lo que está en negrita:

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>


[2]Para conseguir el mismo efecto con los archivos del blog, antes hemos de escoger el mostrarlo en opción "lista" y eliminamos los <li> </li> que estarán debajo de esta línea de código:
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog'>

Entradas Relacionadas:

60 comentarios:


3rn3st0

Buenos días Rosa, feliz año 2008 desde Venezuela :-)

Este último post tuyo me cae de perlas específicamente porque tocas el tema de las etiquetas. Si pasas por mi blog, verás que al final de cada post tengo un grupo de etiquetas, las cuales en muchas oportunidades ocupan demasiado espacio, dos y hasta tres líneas, afeando el aspecto del blog.

Mi consulta es, dónde puedo cambiar el tamaño de la fuente de las etiquetas (como te darás cuenta, no las uso en la sidebar). Estuve buscando en la plantilla y hasta modifiqué los valores para font-size de:
#footer .widget y
p.post-footer

Pero no obtuve ningún resultado.

De antemano, gracias por la respuesta y la atención que prestes a mi consulta.

Nuevamente saludos desde Venezuela, tu trabajo y la amabilidad con que auxilias a todos es loable.

Unknown

Como siempre, Rosa, gracias por tu blog. Esta vez quisiera consultarte algo simplísimo pero que no logro conseguir: ¿Cómo hacer para que aparezca sólo una entrada con sus comentarios correspondientes debajo? Parece mentira, pero no lo consigo. Gracias una vez más.

Martín

ola
mmm
te firmo
para decirte
k te tengo como
enlace
xk me aconsejo
marcos (un amigo)
tu blog
bue estoy
empezando y
nesesito un poco de ayuda
bueno pasate

Anónimo

Rosa te escribo muy angustiado, llevo días y días tratando de arreglar la imagen principal de mi blog. Lo que pasa es que yo use una de tus plantillas para la rounders 3 de 3 columnas. el problema sucedió cuando quise cambiar la imagen apareció un gran BY ROSA azul que no me deja colocar otra imagen XD

Lo que pasa es que al hacerlo se desconfigura de manera horrible por lo que te solicito tu gfran ayuda de manera urgente para volver a tener mi blog de antes.

Ayudame porfavor =(

Saludos!

Anónimo

http://signalsoucoupe.blogspot.com

Anónimo

Oporto, ya te había contestado, lo hice cuando preguntaste la primera vez en este otro post:
http://elescaparatederosa.blogspot.com/2008/01/imagen-en-la-sidebar-que-funciona-como.html

Anónimo

Hola Rosa. Perdona que te interrumpa así. Sabes cómo se consiguen suscripciones a un blog para que te lleguen las novedades a tu correo?. Se ve mucho en los laterales de los blog. Suscripción por correo. Un saludo.

Anónimo

Anónimo, te refieres a colocar en tu blog "suscribe por email" para que tus visitas lo usen supongo...
En tal caso se consigue normalmente el código en la web que estás usando para gestionar tus feed, en mi caso Feedburner.

Anónimo

Manuel, para que solo salga una entrada en cada página has de ir a Configuración - Formato y arriba escoges 1 en mostrar entradas. Lo que no puede hacerse en Blogger, es mostrar los comentarios expandidos debajo en la página principal, solo se ven así en las páginas individuales (pinchando sobre una etiqueta, por ejemplo).

Anónimo

3rn3st0, ¿Has probado en fuentes y colores en "Fuente del pie de página de la entrada"?

3rn3st0

Nada Rosa, la cuestión no funcionó. De todas maneras seguiré buscando dentro de la plantilla. Apenas encuentre una solución, te informo para que publiques la cuestión.

Gracias por la amabilidad con que me atendiste :-)

Anónimo

3rn3st0 , creo que ya di con ello

Tienes aplicada una clase a tus etiquetas, así que podemos controlarlas desde el CSS.
Coloca antes de ]]></b:skin>
estas líneas de código, usa la vista previa y verás que el texto de tus etiquetas se reduce (o eso espero), he puesto de tamaño 50% pero puedes ir probando hasta dar con el que necesites, así mismo puedes cambiar el valor en porcentaje por pixeles si te es más cómodo:
.post-metadata {
font-size: 50%;
}

Ahora fijate que delante de cada grupo de etiquetas, hay una línea que controla el tamaño del icono que las acompaña, por ejemplo, esta es la línea que hay antes de las etiquetas de flickr:

<img alt='Etiquetas en Blogger' height='16' src='http://farm3.static.flickr.com/2287/2178454961_5012f630d5_o.png' width='16'/>

Si te parece que al reducir el tamaño del texto quedaría bien reducir un poco el icono, puedes hacerlo cambiando ahí el width (ancho) y el height (alto), cambiando el valor (16) por uno menor.

¡Un saludo!

gus

Gracias rosa!, útil como siempre! ahora las etiquetas no me ocupan 2 metros. un beso

3rn3st0

Rosa, no he podido implementar la solución que me das puesto que Blogger me está dando un error "bX-cxyu7t" cuando trato de hacer vista previa de la plantilla o cuando trato de guardarla, sin embargo, viendo el código que me facilitas, estoy casi 100% seguro de que va a funcionar.

Apenas Blogger decida que puedo guardar o previsualizar los cambios en mi plantilla te aviso.

Nuevamente muchísimas gracias por tu amabilidad y preocupación en tratar de solucionar este "problemilla".

Saludos gradecidos desde Venezuela :-)

Anónimo

Ernesto, si, anda mal hoy, llevo un rato intentando subir una imagen y ¡ni modo!

Al menos yo lo probé en un blog de pruebas copiando esa parte de tu plantilla y funcionó.

¡Un abrazo!

3rn3st0

Rosa, sólo puedo decir: ¡Muuuuuchas gracias!

Todo fue solucionado, la respuesta mis problemas es tan sencilla que parece mentira. No sabía que podía modificar las clases intrínsecas de la plantilla.

De seguro seguiré pasando por acá tanto para nutrirme como para molestar. Por cierto, ¿puedo crear mis propias clases cierto y sustituir las existentes por las mías?

Saludos agradecidos y felices desde Venezuela :-)

Anónimo

Ernesto, me alegro que resultase.

En algunos casos podrás hacerlo, en otros no, ya que Blogger mantiene ciertas partes del código ocultas.
Pero todo es ir probando...

Oscar Herrero

Hola Rosa...

Mi pregunta de hoy... es saber si hay alguna posibilidad de que en el listado de etiquetas que colocamos en la sidebar (o donde sea)... sería posible que alguna etiqueta no apareciese, es decir,... que exista como tal, pero que o se publique en el listado.

Mi razón es que hay algunas etiquetas que las puedo considerar más importantes y quiero hacerles in link aparte con imagen, logotipo o algo así y que al pinchar muestre las entradas con esa etiqueta en concrteo... y para no duplicarlas, pués me gustaria quitarlas de la lista.

¿sabes si es posible?

O quizás le piro peras al olmo... ¿? Gracias

Anónimo

woper, en realidad si la hay, tengo una entrada en "borradores" así que en breve la publicaré, ahora mismo no estoy en casa, así que lo haré en cuanto pueda. :-)

Anónimo

No consigo ver el código en nuestra plantilla con los artilugios expandidos, con lo que me resulta imposible poner las etiquetas en horizontal. A ver si puedes ayudarme

Anónimo

jota jota, si has añadido el elemento tiene que estar el código...
Quizás esto te ayude:
Encontrar código

Anónimo

Hola, Rosa, ya se donde estaba el problema, no habia añadido el elemento de etiquetas, a pesar de que habia etiquetado cada entrada. Pero eso no resuelve mis problemas. Te cuento: Yo lo que habia hecho era configurar una lista con un titulo (tengo varios titulos). En cada uno de los titulos voy añadiendo elementos a la lista que coincidian con nombres que habia puesto a las etiquetas. Despues habia introducido la URL a la que deseaba vincular interna de mi blog. Pero claro, entonces la lista, crecia mucho a nivel vertical, y yo lo que quiero es a nivel horizontal y asi de esa forma incluso colocarla debajo de la cabecera. A ver que me puedes decir.

Anónimo

jota jota, si es un elemento lista hecho con Blogger, el sistema es el mismo, da igual lo que hayas puesto en los links.

Anónimo

Lo he conseguido. Quizas era una tonteria, pero le di muchas vueltas. Solo me queda por decirte: Eres grande, Rosa.

Anónimo

Jota, me alegra oír eso ;-)

Anónimo

Hola, Rosa, te cuento mi nuevo problema a raiz del anterior. Como te dije tengo muchas etiquetas que coinciden con los muchos elementos añadidos a la lista dentro de unos pocos titulos y con las URL vinculadas. Conseguí que aparecieran horizontal. Ahora el problema es que cuando abro uno de esos enlaces se me abre en una pagina distinta, y al tener un reproductor de sonido, las canciones se superponen siendo desagradable. ¿Como podria conseguir que se abriera en la misma pagina, tal y como sucede en el enlace de los titulos de las entradas o en la parte donde pone etiquetas debajo de la entrada? Que pesado soy. Gracias

Anónimo

Rosa, has leido mi mensaje? Te envié e-mail sobre mi comentario anterior. A ver si me puedes decir algo. Un saludo.

Anónimo

Hola Rosa,
me gustar�a saber si es posible que en las etiquetas aparezcan en la nube m�s separadas, para que sean m�s f�ciles de leer.

Un saludo

Anónimo

Antonio, prueba añadiendo esto en el CSS, por ejemplo antes de ]]></b:skin>:

#Label1{
line-height:1.6em;
}

Anónimo

Rosa, con este cambio que me dices separo las líneas de las etiquetas, y funciona muy bien. Pero me gustaría que se separaran también las etiquetas entre sí.

Un saludo

Anónimo

Antonio, antes te sugerí eso porque no podía ver tu blog...probablemente sea una configuración en la sidebar, en tu css, que tenga otorgada esa separación...pero como no lo veo, pues no puedo saberlo a ciencia cierta.

Anónimo

hola rosa,muy bien lo de las etiquetas,como poneis la foto o el logo ke hay al lado del comentar?gracias

Anónimo

racons , perdona pero no entendí a que "comentar" te refires :-X

Anónimo

cuando dejas un comentario,al final ponen la foto,en el caso de oporto un clip,haber si ahora me explico...

Anónimo

racons, esas imágenes que ves ahí, son las que cada uno tiene puesta en su perfil.
Para activar esa opción y que se vean las fotos de los que comentan en tu blog, tienes que ir a tu panel pestañas Configuracion - comentarios y ahí pones si en la opcion:
¿Mostrar comentarios en una ventana emergente?

A ti tendría que salirte en mi blog, la imagen de la estatua que tienes en tu perfil, pero no te sale porque cuando vas a dejar el comentario no estas conectada a Blogger.

Para que salga tienes que poner en el formulario con la casilla Google/Blogger marcada, los datos de tu cuenta de Blogger, o sea, los mismos datos que pones para entrar a modificar tu blog.

Mi Rapido Viajando con Walle

tengo puesto si,en configuracion-comentarios.esto es una prueba.hasta luego.

Mi Rapido Viajando con Walle

muchas gracias,entraba con el titulo del blog,bueno tacita a tacita,adeu.

MarvinG

Hola Rosita, te envie un correo, espero lo leas, es sobre q quisiera saber como has puesto tus "Archivo de blog" en la sidebar, en una especie de ventana pequeña con una barra para bajar y subir y ver el resto de post, como para cuando vean muchos post no se vea una lista muy larga.

Espero me respondas el mail, estare atento a tu respuesta.
Saludos..

ERIC

HOLA ROSA
te escribia para saber como hacer para que la falsa nube de etiquetas aparezca debajo de la cabezera como esta en tu blog.
desde ya muchas gracias

Anónimo

ERIC, sencillamente arrastrando el elemento donde has colocado la nube a debajo del header...si no te deja hacerlo, revisa esta entrada:
http://elescaparatederosa.blogspot.com/2008/05/elementos-adicionales-en-diseo-de-la.html

ERIC

ROSA: muchas gracias por el consejo
espero que te siga llendo exelente con el blog.
ERIC

ERIC

hola Rosa,escribo otra ves para pedirte si me puedes decir como sacar el numero que indica la cantidad de post que hay para cada etiqueta.Desde ya muchas gracias otra vez.

ERIC

Espero que tienes un exelente blog.
Y estuve pensando por que no pusistes un contador de visitas,pero me di cuenta de que si lo hacias este estallaria por la cantidad de personas que mira tu exelente blog.Te felicito y espero que te siga llendo asi.Chau

Anónimo

ERIC, muchas gracias por tu visita y por tus palabras :D

Puedes ver como eliminar esa numeración aquí:
http://elescaparatederosa.blogspot.com/2008/02/eliminar-numeracin-en-etiquetas-y.html

Y no uso contador porque no me interesa demasiado ese dato, uso este sistema de estadísticas que para mi es el mejor:
http://elescaparatederosa.blogspot.com/2008/03/sistema-de-visitas-y-estadsticas-google.html

Ana.

Hola Rosa! Aquí de nuevo dándote la paliza!

Verás, tengo un 'problema' con mis etiquetas. Te cuento; ahora mismo no las tengo a la vista, porque resulta que, por más veces que he intentado arreglarlo, no encuentro la manera y es que unas etiquetas están puestas con la primera letra en mayúscula y otras no, y queda horroroso! Lo he corregido infinidad de veces, pero cuando guardo, vuelven a quedan mal.
Sabes qué puede ser? ¿Se te ocurre alguna manera de arreglarlo que no sea la que usaría una profana? jajaja

Muchas gracias por anticipado! Si no tiene solución, no te preocupes, seguiré sin etiquetas! ;-)

Un saludo, Ana.

Anónimo

Ana, las etiquetas una vez colocadas aunque las modifiques desde el editor de entradas no guardara los cambios.

Tienes que ir a "editar entradas" en tu panel, ahí hay una cajita arriba que pone "acciones de etiquetas" pincha para desplegarla y desde ahí puedes seleccionar las entradas a las que quieras aplicar la nueva etiqueta escrita de forma correcta y después ahí también puedes escoger eliminar etiqueta, para borrar de las entradas la antigua etiqueta que no está bien escrita.

Ana.

Rosa, muchísimas gracias!!! Eres una mina!

Ahora toca la falsa nube, si no vuelvo, es que me fue bien! jajajaj

Muchas gracias por tu amabilidad!

Ana.

Rosa, sólo paso a decirte que siguiendo tus instrucciones, hice la nube y quité la numeración, tanto del archivo como de las etiquetas. Muchas gracias!!!

Un saludo, Ana!

Anónimo

Ana. me alegro que estés contenta con el resultado y que hayas conseguido añadirlo sin problemas.

Gracias por volver a notificármelo :-)

Anónimo

hola rosa.

Queria poner las etiquetas así... pero que se vean por debajo de la cabecera como tienes hecho tu.

Como puedo colocarlo ahi?

Gracias.

Anónimo

Rosa. lei todo... y solucionado.

Muchas gracias!

Anónimo

Vanesa...¿Leíste mi última entrada? :-)
¡Qué rápida!

Anónimo

Noelia, para hacer eso tendrías que usar la nube "verdadera":
http://elescaparatederosa.blogspot.com/2008/01/nube-de-etiquetas.html

el_kaz_bam

Hola Rosa. :)
Primero, gracias por la ayuda.
Mi consulta: Puse las etiquetas en el crosscol de este, mi blog, y le aplique lo que acá describes para verlos horizontal. Pero, por alguna razón que desconozco se sale del margen derecho y no sé qué hacer. ¿Me puedes ayudar con esto? Ah, y me gustaría quitarle la sangría de la izquierda, ¿se puede?
Gracias. :D

Anónimo

Kazbam Coloca en el CSS algo para controlar el crosscol, algo así:
#crosscol-wrapper{
margin:5px;
padding:10px;
}

Kazbam

Ya lo arreglé y usé también una nube de tags para eliminar los números entre paréntesis y agregarle un poco de color. ¿Cómo se ve?
Y gracias nuevamente.

Anónimo

Kazbam ¡Genial! Me gusta ;)

Ecovivencias

Rosa ¿como se puede hacer para que en la lista de archivo salgan todos los posts publicados en el blog?

Anónimo

Guachapeli En la lista de archivos salen todos...:o

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.

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