276

Nube de etiquetas en movimiento

Hace un par de días que he colocado casi el final de mi sidebar una nube de etiquetas "en movimiento" y muchos de vosotros os habéis interesado por la forma de aplicar la nube en vuestro blog, así que paso a explicaros como conseguirla...

[Paso 1] Nos situamos en nuestro panel de Blogger "Edición Html" y sin expandir las plantillas de artilugios localizamos esta línea de código:

<b:section class='sidebar' id='sidebar' preferred='yes'>

[Paso 2] Justo a continuación (debajo de la línea) pegamos el código para que la nube de etiquetas se muestre al principio de nuestra sidebar (una vez instalado el elemento podremos luego moverlo como cualquier otro gadget):

<b:widget id='Label50' locked='false' title='Nube de etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Si todo ha ido según lo previsto, ya podremos ver en la sidebar de nuestro blog la nube de etiquetas, estaremos entonces listos para adaptarla a nuestras necesidades.

Por defecto la nube presenta estás características:
  • Width (ancho) 240px
  • Height (alto) 300px
  • Color de fondo blanco
  • Color de texto gris
  • Tamaño de la fuente del texto "12"
 Para cambiar estos parámetros por los que mejor se adapten al estilo de nuestro blog, tendremos que editar alguna de las partes del código:

  • Cambiar el ancho (240px) y el alto (300px) de la nube:
 var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
  • Cambiar el color de fondo de la nube (#ffffff):
 var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
  • Cambiar el color del texto (333333 manteniendo delante el 0x tal cual está):
so.addVariable("tcolor", "0x333333");
  •  Cambiar el tamaño del texto (12):
 so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

Visto en:  Blogger Buster
Basado en una idea original de:  Roy Tanck

Entradas Relacionadas:

276 comentarios:

«El más antiguo   ‹Más antiguo   Total comentarios: 201 – 276 de 276   Más reciente›   El más reciente»
Anónimo

Lolo No se si tendrá que ver con el mismo problema, pero si lees mi última entrada, verás que Blogger está teniendo problemas con el IE8...entre otras cosas, hay gadget que "desaparecen" :S

ana

Hola Rosa me gustaría que visitases este blog http://descargaloquequieres.blogspot.com/ me han dicho varias personas que al encoger un pokito, lo más minimo la ventana con que lo ves, la sidebar de la izquierda se va a l final del todo, en un principio crei que era por la nube 3d pero no, porque he probado a quitarla y sigue yendose hacia el final al encoger un poquito la ventana, la otra sidebar se va adaptando segun voy encogiendo la ventana pero pero la otra se baja, ayudame please :(

ana

Hola Rosa me gustaría que visitases este blog http://descargaloquequieres.blogspot.com/ me han dicho varias personas que al encoger un pokito, lo más minimo la ventana con que lo ves, la sidebar de la izquierda se va a l final del todo, en un principio crei que era por la nube 3d pero no, porque he probado a quitarla y sigue yendose hacia el final al encoger un poquito la ventana, la otra sidebar se va adaptando segun voy encogiendo la ventana pero pero la otra se baja, ayudame please :(

Anónimo

ana Son los porcentajes en los width del main y sidebars. Tienes main 54% y cada sidebar 20% la suma de todo eso no puede ser más que el espacio total del que dispones en outre-wrapper que en tu caso es del 97%, hasta ahí bien.

Pero no has contado con los padding o margenes añadidos, así que tienes que rebajar alguna medida...yo he probado a usar 50% en lugar de 54% en el main, y creo que con eso bastaría...

ana

No veo tu respuesta en esta entrada pero si en ultimas opiniones, porque?

Unknown

Hola Rosa, Muchisimas gracias por tu pasiencia y tu tiempo :P

Anónimo

ana La entrada tiene más de 200 comentarios, así que aparecen paginados...al pie de la entrada, donde comienzan los comentarios pinchas en "el más reciente" es un enlace chiquito...

Javier Medina

Pues a mi en Todo para Blogger, no se que pasa, pero en vista previa (en editar plantilla), si me sale la nube, pero despues, en la pagina principal, no funciona, porque no sale nada!!! :-|

Anónimo

Javier Medina Veo que no has revisado los comentarios anteriores...en algunas plantillas es imposible hacer funcionar la nube.

Unknown

Antes de nada,felicitarte por tu ayuda y tu gran labor...y como no,por tu estupenda página.Hace poquito que creé un blog y gracias a muchos de tus tutoriales he podido personalizarlo.Son muchas las explicaciones tuyas,que he llevado a cabo,con estupendos resultados.
Con la nube de etiquetas,me surge un problema,todo bien hasta llegar a intentar poner el fondo trasparente...Como dices,le he quitado las dos barras y al hacerlo la nube se me queda estatica...A que puede ser debido?GRACIAS por todo.

Anónimo

YSSA No hay manera de controlar esta nube...funciona en las plantillas que quiere y como quiere.
Da tantos problemas que hasta he pensado cerrar los comentarios en la entrada...
¿Has visto esta otra entrada a ver si así te va?:
http://elescaparatederosa.blogspot.com/2008/09/nube-de-etiquetas-en-movimiento_23.html

Unknown

hola rosa me encato tu blog esta muy bien estructurado y explicas de maravilla.
la nube se de maravilla en mi blog gracias, pero no entiendo por que despues de dar un clic sobre alguna etiqueta de la nube, carga la pagina pero ya no se pude ver la nube nuevamente como puedo solucionar eso.

Anónimo

Dany Lee el comentario anterior al tuyo :S

Tesa

Llevaba tiempo intentando colocar una nube de tags en mi blog y no lo conseguía a pesar de haber buscado por internet algún titular, tus instrucciones me han parecido muy fáciles de seguir.
Ahora me gustaría cambiar el color de las letras, que me salen en azul por un color verde. ¿Cómo puedo saber cual es el código del verde para sustituirlo por el que tengo ahora?
Gracias de nuevo y un saludo.

Anónimo

Tesa Aquí tienes una paleta de colores, guardatela en favoritos para tenerla a mano ;)

http://www.ua.es/es/internet/estilo/guia/estilo4yale.htm

Anónimo

Que tal! Rosa!! tengo un problema ='(
podrias ayudarme xfa? ya hice todo perfecto pero al ahora de cambiar el color del fondo y las letras no me dan.. quiero q mi fondo sea de color negro y las letras blancas... pero al ahora de hacer todoas los cambias me bota un error y solo aparace el fondo negro y no las letras blancas xfa!1 podrias ayudarme?? GRACIAS!

Anónimo

elYaYYo En la entrada está explicado como hacer esos cambios.

Alicia

Hola Rosa!

Un gusto pasarme de nuevo por ak... jaja muy bueno...

Espero que te de un chance y te pases por mi blog... no funciona y le pregnte a mis amigos y me dijeron q funcionaba solo con firefox... sera q me puedes decir como hago para q mi etiquetas funcionen no solo con firefox?


aqui te dejo el link http://blogdenarutoshippuden.blogspot.com/

Saludos!

Anónimo

SakurAliciaLee en comentarios anteriores...lo siento pero no hay nada que hacer:(

Alicia

:( ok Rosa... gracias de todos modos.. tendre que poner las etiquetas normales T___T

Vere que hago en mi blog :D igual seguire probando con tus trucos ...

Saludos!

Idoya Nanin

Puedo poner dos de estas en un mismo blog.... como?.... graciassssss

Anónimo

Idoya Pones una y haces lo mismo para la otra, cambiando en la primera línea donde dice 'Label50' por 'Label60' por ejemplo...

Christian Guzmán

Hola mi duda es que tengo dos blogs y en uno pude poner la nube en movimiento y en el otro no,,,,
y eso q hice el mismo procedimiento
cual es la razon d esto?
sera por el mismo ip del pc? q no deja hacerlo en el mismo computador


esper tu ayuda


gracias:D

Anónimo

Christian Guzmán Si hubieses leído comentarios anteriores, sabrías que no hay respuesta para eso...

Anónimo

Muy útil tus recomendaciones, me han ido muy bien para poner el timeline de twitter pero ahora intento lo de la nube de etiquetas y no encuentro lo de la edición htlm antes de expandir. Debe ser las horas de la madrugada ke me ofuscan, el caso es ke yo recuerdo eso, es decir, ¿te refieres a cuando estás en la zona de edición de entradas?
gracias
Krmen

Anónimo

cicatricestransgenicas Me refiero a que pinches en la pestaña que dice Edición HTML en tu panel... es donde ves todo el código de tu plantilla, ahí dentro de todo el código es donde debes buscar lo que indico.

Anónimo

Prometo que me he leído los 200 post,pero no he conseguido,creo,lo que buscaba.Después de incluir la nube en mi blog,queda muy bien etc...he modificado tamaños,colores...pero me gustaria que no apareciera el titulo del gadget o widget (no sé como se llama),o lo que es lo mismo el titulo:Nube de etiquetas,he intentado quitarlo desde diseño, pero aún así sigue saliendo.Me gustaria que la nube apareciera sin más.¿Puedes ayudarme? Muchas gracias por tus aportaciones,siempre aprendo cositas.

Anónimo

ZAWP Yo no veo el título... ¿será que ya lo conseguiste ocultar? :D

Marcela Peña

Gracias, esto me sirvió mucho.
=)

Patricia Fernández Peinado

¡te felicito!
pero no me salen todas las etiquetas que tengo y son tan solo tres

Anónimo

patricia Este gadget no anda bien en todas las plantillas... no se porque, pero así es :S

Anónimo

Si lo conseguí al minuto de ese post, jeje graacias igualmente.

Fuentecillas

Hola Rosa
¡¡ Ya tengo tus nubes en movimiento¡¡ Gracias por todo lo que nos aportas a los que no sabemos y gracias a ti podemos modificar tantas cosas.
Espero que no nos dejes solos nunca.
Un cordial saludo.
fuentecillas.
Aun tengo que cambiar el tamaño y el color( Poco a poco)

Anónimo

Fuentecillas ¡Bien! :D

Fuentecillas

Hola Rosa
Ya lo conseguí, se mueven y están en el color que yo quería. Gracias por todo.
un saludo
Fuen

Anónimo

OOOHOHHH que exelente!!!
ya lo puse en mi blog
muchas gracias

Anónimo

rosita...por que en firefox solo se ve el titulo (nube de pestañas) y abajo dice algo de blogolius o algo asi y salen unos nombres?
yo siempre ocupño IE8 tambien tengo el fireox 3.5 pero no lo ocupo que puedo hacer?
gracias

Anónimo

Fackss ¿Porqué no lees los comentarios anteriores antes de preguntar?

Anónimo

porque los leí pero eran muchos y me aburri aparte no lo encontre

Anónimo

aparte ya tengo instalado el flash player 7 creo que el 10 y no se ve

Anónimo

Fackss Yo tengo que leerlos todos y muchas veces...¿y sabes?... a mi me aburren las personas que lo quieren todo hecho.

Anónimo

jeje bueno eh jaja pero no se enoje?!?!?!

ya creo que era porque no tenia el flash player instalado

Hazlo Fácil

Muchas gracias.

Hace un tiempo que habia tratado de poner la nube en mi blog y no habia podido, sobre todo me gusto mucho lo de la transparencia.

Gracias ;)

Daniel

que pasó, no entendí porque a mi no me funcionó, me aparece el recuadro de etiquetas, y ya lo configuré pero no aparece niguna de las etiquetas que tengo .

Gracias por la ayuda

http://acapulcocool.blogspot.com/

Anónimo

Ing. Daniel Revisa los comentarios anteriores.

Dancer

gracias rosa por este post!! yo tambien estaba buscando este tip..queda muy atractivo a la vista.

Gabriela Aguirre

Hola Rosa,

Una pregunta ¿existe la posibilidad de alojar el script en el mismo blog? porque me ha pasado de tener problemas y que la nube desaparezca por un tiempo...
Gracias!

Papito Macho Montador

Hola Rosa, podrias visitar mi blog por favor.

http://descargaloquequieres.blogspot.com/

hace algun rato que no funciona la nube que esta arriba a la izquierda, solo aparece "Blogumulus by Roy Tanck and Amanda Fazani"

Me podrias decir que pasa

Rosa

Papito Macho Montador Pues que va a ser... que el código para que funcione está alojado en un servidor externo y si allí hay problemas o lo que sea, deja de verse como muchos otros "trucos"... en este caso y hasta que se arregle se ve el enlace de sus autores...

Diegose07

Hola rosa
desde esta semana en el lugar de mi nube de etiquetas en movimiento me aparese aora esto:

Blogumulus by Roy Tanck and Amanda Fazani

Por que es? tengo q aser de vuelta o se puede solucionar :o
Ojala puedas ayudarme!!

un Abraso y gracias..

Rosa

Diegose07 Está bien siempre leer comentarios anteriores antes de preguntar...¿no crees?

Pilar Abalorios

Hola, Rosa,
De nuevo paseando por tu blog, pero esta vez como el que se planta en urgencias. En su día puse una nube de etiquetas preciosa de verdad, giraba y se movía, las letras del color morado que me gusta y el fondo trasnparente.
Pero de repente ha empezado a dar problemas y más problemas, he tratado de arreglarlo, pero como soy más torpe que un cerrojo, no consigo apañarlo, ¿se te ocurre que puede pasar? Creo haber repetido todos los pasos, pero ni por asomo, solo consigo que aparezca el título y el autor del truco.
En fin, si tienes un momento, o sabes si obedece a algo general, encantada de saberlo.
Un saludo, cordial

Anónimo

Pilar Vaquero Lee en anteriores comentarios y sabrás que está pasando...

Pilar Abalorios

Perdona Rosa, no me dí cuenta de que le estaba pasando a más gente y por algo será.
De todos modos gracias por tu respuesta eres un verdadero encanto.
Bsos.

Omar T. M.

Pues no me funcinó pero entre a Ciudad Blogger, y el código que esta en ese blog si me funcionó a la perfección. ¡¡Saludos!!

Rosa

afrotm Porque el script deCiudad Blogger está alojado en otro servidor... aunque volverá pasar lo mismo si todos lo usáis a la vez....

Anónimo

Hola Rosa:

Mi hermosa nuebe de etiquetas en movimiento desaparecio!!!

S.O.S.

Mientras comentas algo pondré la clásica pero seguire atenta a tu blog.

Gracias como siempre por tu estupendo apoyo.

Anónimo

opinmobiliarias Se ve no has mirado mi última entrada... :o

Anónimo

ya no se que hacer no puedo recuperar mis etiquetas en flash....lo he hecho todo y nada...antes los tenia y con el primer codigo que coloque en mi plantilla de hcer las etiquetas en nube me funciono, me dejo de funcionar pero no se que pasa ahora...ayuda por favor

Gerardo

hola rosa , antes que nada gracias a estas entradas, mi blog ha ido gagarrando forma :P
excelente el trabajo que haces aqui para beneficio de muchos
te comento que
yo solucione el problema de la nube con el codigo que tienes en esta entrada y subiendo el script a mi servidor , lo que no consigo es , el efecto transparante :( en este codigo que presentas tu hay una lines que se pueden "descomentar" para aplicar el efecto de transparencia pero cuando le quito los "//" ya no se muestra la nube :( solo aparece eso de "roy tank "
he buscado alguna otra forma de hacerlo transparente
como bg color="none" "transparent" etc etc por mera intuicion pero no me da.
tendras tu alguna idea de como hacerlo transparente paparte de quitarle los slash???

muchas gracias por todo :)

Anónimo

הנביא Mirar en mi última entrada publicada por ejemplo...

Anónimo

Gerardo Siento no poder ayudarte... quitando las // tendría que funcionar... :(

Gerardo

muchas gracias por tu respuesta rosa, si encuentro solucion seguro que aqui la pongo
saludos :D

Administrador

Hola amigo la nube de tags en momiviento ya no funciona y las soluciones que lei por ahi tampoco de olo blogger tampoco
Tendras alguna solucion Rosita??

Anónimo

Cocineros del Mañana Si la de Oloblogger no te funciona, es que algo has hecho mal.

V.E.R.I

Hola Rosa, yo ya he puesto eso en mi blog y le he dado a guardar plantilla, pero después, miro mi blog y no me sale nada diferente a lo que tenia, y el código lo pegué justo donde nos explicas. Gracias
http://elrincondeveri.blogspot.com

Administrador

Hola Rosa, he visto una nube de etiquetas en movimientos que esta muy guay, sabrias ponerla?
Saludos!!
LInk de la nube:
http://minitech.ws

Anónimo

Administrador Es esta misma nube, ni más ni menos. :D

Unknown

Gracias por sacarnos de la oscuridad..... por sus enseñanzas, soy docente universitario y he podido hacer mi blog, pero quisiera por favor me oriente, no logro localizar el html, lo he buscado Ctrl F y no me esta linea
......
ME AYUDAS POR FAVOR..... DIOS TE BENDIGA

Unknown

ROSITA: Buenas tardes gracias por tus saberes y el compartirlos con todo aquel que quiere aprender, no he podido colocar en mi blog la nube de etiquetas por que no encuentro la linea b:section class='sidebar' id='sidebar' preferred='yes', he leido todo y no lo hallo.... me ayudas por favor..... Dios te bendiga
MI blog http://martinmarinotorres.blogspot.com
agradezco cualquier comentario de mi sitio...

Anónimo

Martin Mariño Torres Tu plantilla es de las del nuevo diseñador... así que no puedo indicarte, ya que en esas plantillas cambia el diseño dependiendo de los cambios que se hagan desde el diseñador.

Anónimo

hola no encuentro esta parte en mi blog no esta
b:section class='sidebar' id='sidebar' preferred='yes'>
crisdemerlo@hotmail.com

Anónimo

CRISTI@N Da lo mismo, ya que la nube ha dejado de funcionar y de momento no hay solución al problema.

Unknown

Hola Rosa,

he intentado poner la nube de etiquetas en movimiento pero no encuentro la línea a partir de la cual pegar el código. Utilizo la nueva plantilla de diseño de bloger. ¿Qué debo hacer?

Gracias.

Anónimo

Nicolás No se si dependerá de cada plantilla, en la Simple por ejemplo, sería después de: <b:section-contents id='sidebar-right-1'>
Otra cosa, la nube no está funcionando bien, te lo digo por si acaso se presenta algún problema...

Unknown

Gracias Rosa.

«El más antiguo   ‹Más antiguo   Total comentarios: 201 – 276 de 276   Más reciente›   El más reciente»

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