Si queremos que las etiquetas de nuestro blog estén en una nube de tres dimensiones en movimiento deberemos hacer lo siguiente:
1) Vamos a Diseño
2) Edición HTML
3) Buscamos <b:section class='sidebar' id='sidebar' preferred='yes'> (tecleamos Ctrl + F para buscar más rápido)
4) Una vez localizado pegaremos justo después el siguiente código:
<b:widget id='Label99' 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'>
<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Si queremos modificar el tamaño tan solo debemos cambiar el 250 y 200 por los valores que queramos.
Clicamos en vista previa y si todo está bien guardamos la plantilla.
Fuente: bloggerbuster.
Excelente tu informacion. Me estas dando una mano increible.
ResponderEliminarCOmo hago para identificar una url de imagen para poner un banner?
Hola
ResponderEliminarPues aqui otro problema conmigo!!
Resulta que el priemr codigo que dices busequemos me aaprece perfectamente en mi blog borrador, es mas el truco funciono perfecto, pero cuando fui a mi blog ORIGINAL la frase primera a buscar no se encuentra, NO EXISTE me sale.
Eh de aclarar que la palntilla con la que hice la prueba esta vez no fue la misma a la del blog original.
Espero tu ayuda!!
Buenas Vacaciones!!
Es posible ponerla como la de la imagen? esque me salen las letras negras y el fondo blanco, yo lo quiero alreves...
ResponderEliminar@ Diego Botana. Hola Diego, me alegro de verdad que te vaya bien este blog para tus proyectos. Si seleccionas una imagen con el raton -> clic derecho -> copiar ruta del enlace.
ResponderEliminar@ µðn SC µØ. Me temo que en tu plantilla hay algo que no funciona correctamente y por eso siempre te pone problemas. ¿Por que no pruebas a cambiar de plantilla? Me es practicamente imposible decirte que es lo que ocurre con tu plantilla.
@ Swol-.-. No es posible como imagen, esta es solo en 3D. Para imagen ya tenemos el gadget original de blogger. Para cambiar el fondo mira la parte del codigo que pone:
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
Prueba a cambiar donde pone #ffffff"
Un saludo a los tres ;)
hola, pues no me funciona
ResponderEliminarHola Ana. Revisa los pasos por favor, ya que funciona correctamente y en este mismo blog puedes ver el resultado.
ResponderEliminarUn saludo y si tienes problemas no dudes en decirle y te ayudaré en lo que pueda.
Este comentario ha sido eliminado por el autor.
ResponderEliminarHola. Si has empleado el codigo de otra pagina no puedo ayudarte. Si coges el codigo de este blog si puedo ayudarte por se el codigo que es.
ResponderEliminarPara modificar el fondo debes cambiar el #ffffff que aparece en la siguiente parte del codigo:
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
Para cambiar el color de las letras debes cambiar el 3333333 del siguiente codigo:
so.addVariable("tcolor", "0x333333");
Para saber los codigos de colores busca arriba en el buscador.
Un saludo y gracias por tu consulta.
Hay un pequeño problema, no funciona con acentos, la ñ,... es decir, signos especiales del español y que en inglés no existen.
ResponderEliminarSabéis si hay alguna forma de solucionarlo?
Gracias
Hola NCH. Tienes razón, muestra los nombres de las etiquetas pero si pulsas sobre ellas no reacciona. No sé cómo se puede solucionar. Si me entero de algo lo diré por aquí. De todas formas no queda otra que no poner acentos.
ResponderEliminarUn saludo y gracias por comentar.
buenas quiero he estado mirando esto y va de puta madre jejeje pero en otro blog nuevo que he echo he puesto un fondo en el blog de color verde este es el blog wwwfumacondios.blogspot.com y te agradeceria que me lo pusieras transparente el fondo de la nube, en su dia ya me hiciste mas o menos lo mismo con agregar a favoritos que ya mismo te lo estoy pidiendo para este nuevo blog jejeje si estas muy atabalado y no puedes hacermelo podrias hacer un post explicando como poner transparentes los gadgets, gracias
ResponderEliminar¡¡¡Goyu Goyu...!!! Lee la norma 4) por favor.
ResponderEliminarRespecto al color de fondo tienes que cambiar el #ffffff que aparece en la siguiente parte del codigo:
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
Saludos.
hostia quiero que soy un novato que te cagas spammmmmm que es eso tio perdon para la proxima vez no pondre la url juer vaya fallo
ResponderEliminarlo de cambiar el fondo ya se que es ese codigo lo que nose es que poner para que salga transparente
ResponderEliminarNo pasa nada goyu. Para que sea "transparente" debes poner el mismo color que haya de fondo en la sidebar. El color debe ir como código, por ejemplo #00000
ResponderEliminarSaludos "novato" jajaja.
es lo que pasa ser novato jejejje yo a ti te entiendo lo que me quieres decir pero tu a mi no, te has liado con la ley del spam y no la has leido bien, a todo el blog le he puesto una imagen jpg de fondo, la plantilla era toda blanca pero al pòner la imagen de fondo en css todo es transparente sidebar,main,header o sea todo menos, le voy a poner un verde claro pa disimular de mientras que estoy solucionandolo
ResponderEliminarjajaja. Deberías haber mencionado que tienes una imagen de fondo. Lamentablemente sólo te queda disimularlo con un color parecido, puesto que sólo puedes ponerle color y no una imagen de fondo. Al menos no sé cómo se puede hacer. Lamento no poder ayudarte.
ResponderEliminarpues si miras el blog he puesto agregar favoritos el que me hiciste tu que era para una columna marron ahora lo he puesto en este sin cambiar nada y poom transparente y me lo hiciste tu jejjejej es curioso cuando he puesto el gadget de favo. y he visto que me quedaba bien transparente me ha alegrado el dia
ResponderEliminarEso es porque esa imagen (.png) que te creé la creé con fondo transparente. Por eso sólo aparecen las letras y no tiene fondo.
ResponderEliminarEl gadget de las etiquetas 3D es diferente a eso. Sólo pueda variar el color con un código de color.
muy buen post me encanto
ResponderEliminarGracias destructor. Bienvenido al blog. Muchas gracias por tu comentario y por tu visita.
ResponderEliminarIncreíble!!
ResponderEliminarMe estás ayudando a retocar mis dos páginas y con una facilidad pasmosa, pues lo había intentado con otros y era imposible!!!Esto de las etiquetas lo había intentado varias veces y me era imposible y con esta secuencia...A LA PRIMERA!!!!
Mil gracias,
Gracias de nuevo "elquegrita". Me alegro que mi blog te esté sirviendo para diseñas los tuyos.
ResponderEliminarUn saludo amigo.
Hola ¿porque sólo me aparece una de las entradas?? :( Es decir, si se mueve y todo pero solo aparece una...
ResponderEliminarHola. ¿Tienes más etiquetas a parte de la que comentas?
ResponderEliminarmil gracias..me sirvio demasiado..estaba buscando esta forma de presentar las etiquetas.
ResponderEliminarsaludos
Hola tengo una consulta. Una vez se ha montado el Gadget, si quiero modificar el tamaño o el color ¿Donde lo puedo encontrar? o ¿como puedo hacer para modificarlo? si no me aparecen los valores ni de tamaño ni de color y ya los he buscado con artilugios expandidos y sin estos tambien.
ResponderEliminarAgradezco la colaboracion
Amigo mio acabo de hacer la publicacion pero lamentablemente solo me aparece Blogumulus By ETC, and more.
ResponderEliminarImagina dime si es que tengo que comenzar a hacer etiquedas de aqui en adelante es que saldran o que? Si es mi blog que tiene problemas.?
No encuentro <b:section ... en mi plantilla. Cómo puedo hacer?
ResponderEliminarYo uso blogger y a mí lo de <b:section class='sidebar' id='sidebar' preferred='yes' no me aparece por ningún lado
ResponderEliminarHe visto que algunos han tenido problemas para que aparezca la nube
ResponderEliminarPrueben corrigiendo el código con lo siguiente
donde dice:
http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf
Y
http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js
cambien poniendo lo siguiente:
http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf
y
http://sites.google.com/site/bloggerustemplatus/code/swfobject.js
Pueden ver el resultado en www.serpadrehoy.blogspot.com
Saludos
Pues yo tengo un problema, solo puedo acceder a esas etiquetas si estoy dentro de mi cuenta, sino no me funciona :S
ResponderEliminarSaludos