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 1

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.

Anónimo 2

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 3

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 4

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 5

http://signalsoucoupe.blogspot.com

Anónimo 6

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 7

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 8

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 9

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 10

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

3rn3st0 11

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 12

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 13

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

3rn3st0 14

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 15

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 16

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 17

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 18

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 19

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 20

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 21

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

Anónimo 22

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 23

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 24

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

Anónimo 25

Jota, me alegra oír eso ;-)

Anónimo 26

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 27

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

Anónimo 28

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 29

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

#Label1{
line-height:1.6em;
}

Anónimo 30

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 31

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 32

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

Anónimo 33

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

Anónimo 34

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

Anónimo 35

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 36

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

Mi Rapido Viajando con Walle 37

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

MarvinG 38

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 39

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 40

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 41

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

ERIC 42

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 43

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 44

ERIC, muchas gracias por tu visita y por tus palabras

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. 45

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 46

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. 47

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. 48

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 49

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 50

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 51

Rosa. lei todo... y solucionado.

Muchas gracias!

Anónimo 52

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

Anónimo 54

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

el_kaz_bam 55

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.

Anónimo 56

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

Kazbam 57

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 58

Kazbam ¡Genial! Me gusta

Ecovivencias 59

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

Anónimo 60

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