Esta entrada se trata de un widget muy peculiar que ya anda hace unos meses pero al parecer muchas personas no lo saben porque he visto que muchos preguntan en los foros y blog de como se hace ,se trata de una nube de etiquetas en movimiento lo cual el efecto es con flash y al pasar el cursor por encima esta se mueve hacia donde uno quiera,el código es muy fácil de implementar lo que te permitirá en pocos pasos conseguir tu propia nube de enlaces o etiquetas.Está basado en una idea de Roy Tanck también como dije antes enlaces ,porque enlaces? porque también te sirve de enlace hacia donde uno quiera simplemente pones la url y el enlace y es todo muy fácil ehhh bueno a continuación les pongo un ejemplo y el código.
En el ejemplo nada mas les muestro 6 ustedes pueden añadir mas a continuación les dejo el código y les explico los cambios que podemos hacer.para ponerlo en nuestro sitio vamos a :
Diseño>añadir gadget >html-javascript
y pegamos el siguiente código
<center><embed quality="high" allowscriptaccess="always" flashvars="tcolor=0x000000&mode=tags&distr=false&tspeed=100&tagcloud=<tags>
<a href='http://URl de la ETIQUETA_1' style='12'> NOMBRE DE LA ETIQUETA_1</a>
<a href='http://URl de la ETIQUETA_2' style='12'>NOMBRE DE LA ETIQUETA_2</a>
<a href='http://URl de la ETIQUETA_3' style='12'>NOMBRE DE LA ETIQUETA_3</a>
<a href='http://URl de la ETIQUETA_4' style='12'>NOMBRE DE LA ETIQUETA_4</a>
<a href='http://URl de la ETIQUETA_5' style='12'>NOMBRE DE LA ETIQUETA_5</a>
<a href='http://URl de la ETIQUETA_6' style='12'>NOMBRE DE LA ETIQUETA_6</a>
</tags>" type="application/x-shockwave-flash" height="200" src="http://dl.dropbox.com/u/25944020/tubetrucos.comtagcloud.swf" id="tagcloud" bgcolor="#ffffff" width="330" name="tagcloud"></embed></center>
Lo que esta en rojo :
tcolor=0x000000 es el color del texto así es negro
bgcolor="#ffffff" es el color de fondo así es blanco
height="200" es la altura
width="330" es el ancho
Si necesitas codigos de colores aquí lo puedes encontrar
Para poner mas URL simplemente añadan mas de esta :
<a href='http://URl de la ETIQUETA_1' style='12'> NOMBRE DE LA ETIQUETA_1</a>
Una ves puesto el codigo y hechos los cambios correspondientes guardamos y es todo
espero y les haya servido de algo
:)
:(
;)
:D
;;-)
:-/
:-O
X(
B-)
#:-S
:((
:))
=))
~X(
:-t
8-
=P~
#-o
=D7
:-SS
:-q
:-bd
hola, queria saber como puedo insertar en mi sitio web (no blog) el codigo para la nube tags con movimiento, no lo he podido encontrar en ningun lado y realmente me gusta mucho el que pusiste aca de ejemplo.
ResponderEliminarte dejo mi mail florstronger@hotmail.com gracias!
Anónimo:Hola y gracias por tu visita Es cencillo de instalar en los sitios web que no sean blog debes de tener la opcion de poner algun codigo en HTML al igual que pones otros codigos puedes poner este en la opcion de HTML.copia este codigo y pegalo en tu sitio y funciona igual.
ResponderEliminarMe esta ayudando mucho tus consejos, lo estoy utilizando para trabajar en Google sites y funciona sin ningún problema.
ResponderEliminarMuchas gracias y un saludo.
Hola Anónimo cuanto me alegro que te este ayudando y que te funcionen gracias por tu visita y comentario.saludos
ResponderEliminarHola erick rams gracias por la visita a que es lo que quieres ponerle una imagen de fondo te refieres a esta entrada o a otra,necesito saber para poder ayudarte mejor.saludos
ResponderEliminartheme: {
ResponderEliminarshell: {
background: 'none',
},
tweets: {
background: 'none',
}
le das un alto concreto y la imagen de fondo la pones en el div que contiene el witget