Blogumus para cualquier tipo de enlace
19/03/2009
24
A ver... si podemos usar el flash Blogumus para hacer una nube de etiquetas 3D de nuestro blog ¿por qué no usar el mismo sistema para otro tipo de enlaces?
Una ventajilla es que como ya no vamos a utilizar las etiquetas de nuestro blog, tampoco es necesaria la parte del código que define este artilugio cómo widget de Blogger. Si se utiliza de esta otra manera, lo podremos agregar sin problemas desde Elementos de Página sin tener que acceder a la plantilla.
Como la presentación de este artilugio en Oloblogger se convirtió en un confuso post lleno de actualizaciones, reproducimos ahora el código fetén para etiquetas. Todo esto hay que insertarlo justo después de <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label99' locked='false' title='Labels' 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=false&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>
<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=false&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>
Hasta aquí era lo que hacíamos normalmente. Ahora vamos a convertir este widget en una nube de enlaces simple. En primer lugar quitamos las líneas en gris, que son las que sirven para generar el widget en la plantilla. Luego eliminamos la parte en verde es la que genera las etiquetas y, por último insertamos en ese mismo sitio los enlaces que queremos poner.
El código resultante sería cómo este. En lugar de acceder por la plantilla como hacíamos en el primercaso, nos vamos a Elementos de Página, y creamos un Nuevo Elemento HTML. En él se copia este código:
<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=false&tspeed=100&tagcloud=<tags>
<a href='URL_1' style='12'>ENLACE_1</a>
<a href='URL_2' style='12'>ENLACE_2</a>
<a href='URL_3' style='12'>ENLACE_3</a>
</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>
<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=false&tspeed=100&tagcloud=<tags>
<a href='URL_1' style='12'>ENLACE_1</a>
<a href='URL_2' style='12'>ENLACE_2</a>
<a href='URL_3' style='12'>ENLACE_3</a>
</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>
Todo lo que está en negrita son los enlaces. Sólo tienes que sustituir URL_X y ENLACE_X por las direcciones y palabras correspondientes a tus enlaces, colocando tantas líneas de enlace como quieras mostrar. Con eso el artilugio funciona como blogroll, como enlaces recomendados, para colocar a vuestros amigos, para intercambiar links...
Suscribirse a:
Enviar comentarios (Atom)
NINGUN DERECHO RESERVADO
...aunque se agradece un enlace.
Si crees que algo aquí vulnera los derechos de otro, mándanos un correo.
24 comentarios:
muy bonito,a mi tambien se me ocurrio, pero no sabia como hacerlo,¿y si los enlaces quiero hacerlos con imagenes?,¿podrias aclarmelo por favor?.
Hola Juan José. Creo que no te voy a poder aclarar nada, porque lo he intentado y no he podido mostrar imágenes
Hay otro widget para eso, pero sólo para imágenes basadas en un feed. No he sido capaz de transformarlo para conseguir lo que quieres.
Funciona muy bien y queda bonito, también. Y para que sea transparente? Qué hay que cambiar?
Muchas gracias!
Hola Enrique
<param name="bgcolor" value="#ffffff" />
El valor de BGCOLOR define el color de fondo. Si pones el mismo que tenga tu página, simulará transparencia.
Otra opción sería insertar después de esa misma línea
<param name="wmode" value="transparent" />
No lo he comprobado pero creo que con esto último el flash se quedará translúcido.
Oloman, mi comentario no salió??
Ayer te preguntaba cómo hacer?, ya que cuando colocaba el código en un HTML, se deformaba y no salía en la página. Cuando lo trataba de editar estaba todo cambiado.
Saludos
Hola Luz.
"Deformado" no creo, desordenado quizás sí. Acabo de volver a hacer la prueba y el código es correcto para copipastear.
Que lo reordene es más o menos normal, porque Blogger hace eso con el código que no le gusta mucho.
Jo, estás en todo eh? muchisimas gracias, era justo lo que quería, ahora mismo lo estoy personalizando, a ver si me da tiempo a acabarlo hoy.
En este blog me quedo, estoy aprendiendo muchísimo y la atención es de primera.
Muchas gracias Oloman!
2º msj! menos mal que me fijé porque no salió el anterior!!
bue Oloman, jaja igual es que no sale el truco!!le modifique lo de los creditos al final, los saqué y a cada enlace le puse el target blank. Será por eso??
No sé Luz, pero es importante que si añades código, en la parte central (donde los enlaces), tengas en cuenta que no puedes usar < ni > ni ". Tienen que ser sustituidos respectivamente por < - > - " para que el código funcione en Blogger.
Ahhh oki,el target lo ponía así: target="blank", le voy a cambiar las " por " luego te comento si sale!
Gracias Oloman!!
Uy no jala el tip.
Si se ve muy bien pero al momento de darle click simplemente no pasa nada.
Hola Yop. Podrás comprobar que en la nube del ejemplo, sí funcionan los enlaces.
Como le dije a Luz, hay que tener mucho cuidado con la parte del código en la que no se debe poner < y >, sino su códigos correspondientes: < y >
Ahí, además, las comillas siempre simples.
Si, ya vi que jalan en tu blog, ya chequé todo y está bien.
En mi blog se ve muy bien pero no sirve, es decir, al hora de hacer click en algún enlace simplemente no pasa nada.
Aclaro, solo he agregado todo el texto que pones además de modificar los URL y Enlaces, esto lo hice en un nuevo gadget, se necesita una cosa a parte de eso?
Gracias por estar siempre atento a nosotros.
Fácil y muyyyyyyy útil :-D muy buen truco Oloman! :-D
Hola quiero adicionar que para los que ya tienen Blogumus en su Blog lo tiene que agregar es elemento de Html/Javascript y luego insertar el ultimo código de esta entrada y editar el tamaño y los links.
Felicidades por la idea yo soy fanático de Roy Tanck, uso casi todo lo que publica es un genio! también reviso lo que publica Amanda Fazani que hace unas buenas adaptaciones a Blogger! este es mi blog:
http://cambios-visuales.blogspot.com/
Yop, lo siento mucho, pero no se me ocurre que más decirte si ya has hecho todo lo comentado. Además, tu nick aparece sin enlace y no recuerdo la dirección de tu blog.
Jaime y Cambios, gracias por los piropos y aportaciones... respectivamente.
Gracias de todas maneras, de hecho tuve que borra mi blog así que ya no pasa nada.
Saludos.
HOLA OLOMAN COMO ESTAS TANTO TIEMPO.. QUISIERA PEDIR TU AYUDA DE UNA MANERA ESPECIAL... BUENO ME MANDE A PONER UNAS PLANTILLAS QUE FUERON ADAPTADAS PARA BLOGGER.. MUY BUENAS.. Y TENGO UN PROBLEMA QUE ME GUSTARIA SABER SI PODES AYUDARME CON ESO.. RESULTA QUE MIS PLANTILLAS TENIAN COMO UNA MARQUESISA SI VES EN EL PRIMER BLOG.. WWW.BIBLIAABIERTAMENDOZA.BLOGSPOT.COM....ESTA PERO NO FUNCIONA AHORA Y NO SE PORQUE YO LA SAQUE DE PLANTILLAS BLOGGER AL IGUAL QUE UN MENU QUE TRAE PDIVIDIDO QUE NO SE COMO SE LE LLAMA A ESO QUE DEBERIA APARECER AL COSTADO DONDE ESTAN LOS VIDEOS..Y NO APARECE.. OSEA ESTO APARE4CE Y EN ALGUN MONMENTO NO IGUAL QUE LA MARQUESINA DE ARRIBA.. QUISIERA SABER SI ME PODES AYUDAR.. TE LO AGRADECERE.. BUENO Y POR ULTIMO LO MISMO CON MI OTRO BLOG... WWW.AFANYFATIGA.BLOGSPOT.COM... BUENO AHI LA MARQUESINA DE ADELANTE TENDRIA QUE PASAR TAMBIEN Y NO LO HACE.... LO MISMO.. QUE ES LO QUE SUCEDE.. ME AYUDAS PORFI..GRACIAS.. ESPERO QUE ME HALLA EXPLICADO...!!!! UN ABRAZO... elimarch2002@hotmail.com.. muy buena tu web me saca siempre de apuros...mil gracias...lizi chewet
Hola. La verdad es que estado echando un vistazo a esa plantilla y es bastante complicada para mí. Tiene varios scripts y muchas clases. En verdad que he intentado ver si podía tener una solución fácil, pero no la he visto. Lo siento.
Muchas gracias man, me resultó esto de inmediato :D
Saludos!!!
Es una maginifica aportacion, yo ya usaba la nube de tags pero la nube de enlaces me va a servir muy bien para mi pagina principal
Gracias
Genial!
Esta loko, estaba buscandolo desde hace tiempo, y cuando lo encontre era eclusivo para blog, gracias, ahora si puedo incrustarlo a mi web
Para los que quieren poner fotos, creo que la solución sería, (aclaro que no lo he probado), subir la foto que queramos poner a un hots, y luego copiar el link que no genere ese host, es una teoría que se me acaba de ocurrir, bueno ese sería mi humilde aporte, gracias a todos, sobre todo al creador de este blog, que nos es tan útil
Radiolatina, gracias por la idea, aunque hace tiempo ya intenté probar eso y no funcionaba. Sí con enlaces normales, pero no con enlaces a imágenes.
De todas formas para Flickr, Picasa y supongo que con cualquier otro hosting de imágenes que tenga feed, la cosa ya está desarrollada y funcionando: Blogumus para fotos>
PUBLICAR UN COMENTARIO