jueves, 5 de febrero de 2009

NUBE DE ETIQUETAS EN MOVIMIENTO

La nube de etiquetas es una forma de dar a conocer de una forma atractiva el contenido del blog, generalmente las he visto colocadas en muchos blogs pero de forma estática, yo os voy a enseñar a poner una en movimiento, podeis ver como queda en mi sidebar.


Paso número 1: Donde poner código.

Ir a Diseño->Edición de HTML, buscar la siguiente línea de código.



Paso número 2: Copiar el código.

Una vez localizado el código lo que tendremos que hacer es copiar lo siguiente y pegarlo justamente debajo de la línea anterior.

<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("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
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>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Paso número 3: Personalizarlo (opcional)

Podemos personalizar la nube para que se adapte a nuestro blog cabiandole los siguientes valores.
  • El 240 indica los pixeles de ancho y 300 el alto, recordar visualizar antes de guardar os ahorrara trabajo y algún disgusto.
  • El tamaño del texto 12.
  • Color del texto 0x333333 (no modificar el 0x).
  • Color del fondo #ffffff.
Tabla de colores Aquí o Personalizar.

diseño paginas web
paginas web

58 Comentarios:

Rosy dijo...

woow! gracias etsa muy lindo y yalo puse en practica y me quedo super
gracias por enseñar
Saluditos
Rosy :d

Milalibelula dijo...

Estoy más que loca por aplicar a mi blog esta nube de estiquetas; pero no consigo! Grrr!
No me doy porvenciida.
Bexos!
(ya eres de la casa)
XD

caxitos dijo...

Milagrosss!!como que no!!!dime que es lo que no sabes hacer dime en concreto y te ayudare, de verdad que es muy facil si sigues las indicaciones, recuerda agregar en las entradas en la parte inferior las etiquetas, si no la nube te saladrá vacia.

Milalibelula dijo...

"No hemos podido obtener una vista preliminar de su plantilla.
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
Se ha encontrado más de un artilugio con el ID: HTML1. Los ID de artilugio deben ser exclusivos".
Es esto lo que me sale...
:-(

Milalibelula dijo...

Mi querido caxitos, conseguí introducir mi nube de etiquetas; pero es grande para el espacio que tiene mi página, si hubiera una forma de redimencionarla, sería óptimo.
Ya casi me daba porvencida.
Pero igual...me quedé sin mi nubesita, snif snif.
bexos.

Jaume Solé Díaz dijo...

Me ha funcionado correctamente.

Solo que kiero hacer el ancho de la nube, vaya al ancho del widget mñas estrecho y no puedo.

como he de modificar el ancho maximo de la nube?

Mar_GiVi dijo...

Yo tengo una pregunta, es posible crear categorias o subetiquetas, quiero decir, por ejemplo si tienes una etiqueta de imagenes al abrirla se despliegue una serie de categorias como: romanticas, comicas, etc.?

caxitos dijo...

Mar_Givi hasta donde yo se no se pueden insertar etiquetas dentro de etiqutas si esa es tu pregunta, lo único que se podría hacer es un menú en el cual establezcas tu las categorías y subcategorías.

caxitos dijo...

Gitano Rubio ¿Donde te atascaste? ¿Conseguiste insertar el código donde dije?Un saludo ya me dices donde te quedaste..

Luis Mario dijo...

mmmmmmmm gracias man!!! había visto las nubes de etiquetas pero sin movimiento, pero esta que tu explicas si tiene estilo... y si se la pude poner a mi blog fácilmente, el único problema es que como mis etiquetas son muchas se ven muy juntas :( pero bueno, eso es lo de menos.

Salu2 desde El Salvador

Luis Mario dijo...

Hola otra vez!! caxitos necesito tu ayuda... como ya comente si pude insertar la nube de etiquetas el problema es que no todas las etiquetas me redireccionan a su respectiva entrada y no tengo idea de como solucionarlo, te agradecería mucho si me ayudaras.

Gracias!

PIPESOUL dijo...

me aparece error los artilugios con el ID 50 no se encuentran etc no se que hacer ayuda
en que parte en especifico se pega esos codigos

caxitos dijo...

PIPESOUL ¿Encontraste el código del paso 1 en tu plantilla?, lo único que tienes que hacer es copiar el código del paso 2 justamente debajo de la linea del paso 1 que se encontrará ya insertada en la plantilla de tu blog.

BrujaBlack dijo...

gracias, se ve linda la nube de tu blog, ya pegué el código, pero como estoy construyendo mi blog aún no publico nada, cuando tenga mi primer entrada veré los resultados, gracias de nuevo

caxitos dijo...

FALCONERIS Entré a tus blogs y creo que lo que te pasa es que no tienes definidas las etiquetas, si no fuera así avisame y intentaré ayudarte!

BrujaBlack dijo...

hola caxitos, ya tengo mi blog, y ahora puedo ver la nube de etiquetas pero siempre me hace falta una etiqueta, porque? y como se pudiera arreglar para que aparezcan todas?

caxitos dijo...

BrujaBlack Poner etiquetas es una forma de clasificar el contenido de tu blog, digamos de ordenar el contenido en categorías. Cuando tengas muchas entradas verás realmente su utilidad. Simplemente es ponerle nombre a tus entradas y agrupar contenidos en base a ese nombre. Recuerda que puedes poner a una misma entrada varias etiquetas.

Anónimo dijo...

Me pasa lo mismo que a BrujaBlack una de mis etiquetas no aparece en la nube. Siempr me falta una. ¿Porque puede ser?

caxitos dijo...

Anonimo Dejar vuestros nombres y URLS para poder acceder a vuestro blog y poder así fijarnos en cual puede ser el error, lo más seguro es que haya un error en el código de alguna entrada que esté etiquetada con la etiqueta que está fallando. Para facilitarnos la tarea deja la dirección de tu sitio. Un saludo.

Merlina dijo...

Mira Caxitos: necesitaría que hagas una entrada de como sacar la barra de arriba de Blogger, tips para aumentar a tus seguidores y luego ayudame con el formulario de comentarios.

Merlina dijo...

También quiero que escribas una entrada sobre como poner el cursor del mouse con un dibujo, y en vez de ver la flechita ve el dibujo. Y otra cosa: como enumerar los comentarios de una entrada.
Muchas gracias.

caxitos dijo...

Merlina Para quitar la barra que me comentas lo puedes hacer consultando:
http://sitiooriginal.blogspot.com/2009/06/eliminar-barra-blogger-navbar.html
Para aumentar tus seguidares lo principal es que estes indexada en los principales buscadores, ya que cerca del 80% de visitas de una web o blog provienen de alli. Puedes buscar en mi blog yo he dado algunos consejoste. te recuerdo que tienes un buscador en la parte superior de este blog donde puedes realizar búsquedas.Yo sinceramente lo del formulario de comentarios lo dejaria para lo último. Cuida la estética del blog, como consejo te diria que retires los videos de la sidebar ya que ocupan mucho espacio y ahi deberás poner cosas simples y llamativas. Un saludo y ya me cuentas!

caxitos dijo...

Merlina Para acceder al blog lo puedes hacer desde blogspot.com, la barra no es necesaria, simplemente es un complemento que sinceramente no le veo mucha utilidad.

K-FeE dijo...

cuando guardo plntilla se borra lo que copie en el paso dos, alguien sabe que pasa?

caxitos dijo...

K-FeE No se borra, marca la casilla de expandir artilugios y verás que el código está alli. Si no tienes marcada la casilla no te aparecerá. Un saludo ya nos cuentas!

Merlina dijo...

Yo tenía todo bien en la nube de etiquetas pero un día (hace poco), se desarmo. Echále un vistaso a mi blog y mirá la vieja nube:(

caxitos dijo...

Merlina Lo cierto es que entré a tu blog y no vi la nube de etiquetas por ninguún sitio. Deberías probar a seguir nuevamente los pasos y comprobar que se encuentra todo correcto.

caxitos dijo...

Asesor de vetas Busca tan solo la primera linea, tiene que estar en tu plantilla, recuerda que para hacer busquedas lo mas facil es ctr+f, ya me cuentas!

Matt dijo...

hola!! nesesito ayuda, yo encuntro en mi platilla lo q ahy que buscar y lo he buscado con el buscador de palabras de firefox, no esta en serio, no se q hacer...
HELP!
http://matii-downloads.blogspot.com/

caxitos dijo...

Matt Haz la búsqueda tan solo poniendo hasta class y verás como si que lo encuentras

xtremex dijo...

genial!!!
otra vez muchas gracias por compartir el conocimiento
con los mortales
saludos desde aca de mi casa

xtremex dijo...

disculpa si hago flood
este manual esta genial como ya comente
pero no encuentro ninguna linea que me permita
conseguir dos efectos

que la nube sea en forma esferica
y dos que el color de fondo sea transparente
de antemano muchas gracias y perdon si mi pregunta es obvia

Anónimo dijo...

Hace mucho que no veo algo tan bueno, tan facil de incorporar y con tanto buen gusto.

Lo incorporè en http://www.elpráctico.com.ar

Muchas gracias por tu generosidad en compartirlo

RE dijo...

Instale la NUBE DE ETIQUETAS. y se visualiza perfectamente. El problema es que cuando le doy un click en alguna de las etiquetas, al enviarme al post correspondiente, ya no aparece el texto en movimiento sólo el recuadro y el t-itulo.
Ojalá me pudieras ayudar. gracias
te doy el lik del blog por si quieres echarle una ojeada

http://renovandoelentendimiento.blogspot.com/

caxitos dijo...

RE Visité tu blog donde pusiste la nube de etiquetas y la verdad que vi que funciona perfectamente, estube probando varias cosas y funcionaron todas, quizás deberias probar con otro explorar al que usas comunmente, es posible que no lo tengas bien configurado. Como siempre te aconsejo Firefox, espero noticias tuyas ;)

Jorge Monroy dijo...

Gracias Caxitos. Tenías razón. Cambie el navegador y está perfecta. Y pensar que me pase casi todo el día tratando de arreglar el problema.
En fin

Muchas Gracias y que Dios te Bendiga

cyper dijo...

Hola, tengo el problema que cuando la instalo va bien, pero cuando la utilizo y vuelvo a la página principal la nube se me queda en blanco.
¿pueden ayudarme?

Jordi dijo...

Genial!!
Solo una duda, no se ven todas las etiquetas q tengo publicadas, qué debo hacer??

Muchas gracias

Jordi dijo...

mi blog es capitacarpetavermella.blogspot.com para que puedas visitarla y ver el error q te comenté antes.
Muchísimas gracias!

caxitos dijo...

Jordi Que error? disculpa.. es mucha la gente que comenta y no se que error me hablas.

Capità Carpeta Vermella dijo...

Cuando entro al blog la nube aparece correctamente pero cuando accedes a alguna etiqueta después no sale ninguna etiqueta en la nube y tengo que volver a entrar a explorer para que se vea, en mozilla no pasa pero lo interesante sería que en explorer tampoco, sabes cómo solucionar este problema?

caxitos dijo...

Capitá Carpeta.. Lo mas provable es que la versión de tu explorer sea antigua, prueba con actualizar tu explorador, actualmente la última es la 9, con la versión 8 o 9 no deberias tener ningún problema.

dijo...

HOLA! subi la nube, le cambie el color y la posicion en mi blog
http://magdabanach.blogspot.com/
anduvo bien un dia y hoy lo abri y no se que paso quedo este cartelito
Blogumulus by Roy Tanck and Amanda Fazani...
que es lo que deberia hacer?
garcias! tu blog es genial se aprende muchisimo!

caxitos dijo...

Pues si...tienes toda la razón si te dijas en mi blog tampoco se ve... La causa provablemente sea que cambiaron de ubicacón el script o simplemente lo eliminaron. La solución... esperar un poco a ver si fue cosa del servidor o simplemente lo eliminaron, en este caso tendremos que fastidiarnos y intentar hacer lo mismo de otra forma.
Un saludiko!!

dijo...

si me di cu3nta en todos los blogs que la tenian no esta mas...me duro un dia la alegria..una vez que aprendi a hacerlo ufa!
de todos modos use la marquesina en movimiento y voy a seguir mirando que otros trucos nos brindas, asi los subo a mi blog(algunos fui aprendiendo de distintos foros, como quitar la navbar y hacer entradas como links etc) te invito aver mi blog, humildememte estoy orgullosa, ya que soy un zapato en estos asuntos!
gracias! saludos y buena semana!

Paco dijo...

Hola, hice todos los pasos pero la nube sigue estática. ¿Por qué? si quieres puedes ver mi blog http://contraataque5.blogspot.com
saludos

dijo...

hola fijate en este blog , yo vi uno donde estan usando las etiquetas(son fotos en realidad) en nube aver si vos entendes como se instala
http://wordpress.org/extend/plugins/wp-cumulus/installation/

lo usa una chica en este blog mira http://eneltocador.blogspot.com/
saludos
yo voy a tartar de instalarlo a ver que onda...

caxitos dijo...

Si bueno lo que me indicas parece lo mismo que la nube de etiquetas pero en realidad no lo es..., es un widget, si te fijas en la parte inferior pone la publicidad de la web donde tendrás que ir para crear la tuya, existen muchos recursos de este tipo, puedes buscar también por slide en google y verás la cantidad de webs que te ofrecen este tipo de servicios... el precio que tendrás que pagar es que cuando tu ingresas el widget en tu blog estás realmente haciendo un enlace a la web donde se crean y de esta forma les haces publicidad pero si no te importa..puede ser un efecto intersante. Tan solo podrás hacerlo con imágenes, no con las etiquetas de tu blog.

Faby dijo...

no encuentro nada del primer paso... que hago???.. ayudenme plisss!!

caxitos dijo...

Faby Este tipo de nubes ya no se utilizan ya que blogger ha incorporado entre sus gadgets las nubes de etiquetas, es recomendable utiliar las que te sujiere blogger ya que son mas estables en esta plataforma.

gonzalo dijo...

Hola, probe como decis, me aparece el titulo no no se ve la nube, que puede ser??

muchas gracias por tu ayuda!!!!

Publicar un comentario

Haga su comentario

Bienvenido al Rincon del Blog
Tus comentarios nos ayudan a mejorar
Muchas Gracias por Comentar.