Nube de etiquetas 3D. Blogumus

Nota: Este post ha sido un puñetero desastre de explicación, pues contiene muchas modificaciones. Recomendamos ir a este otro y si se necesita alguna aclaración sobre como configurar el gadget, volver a este. Disculpas

La había visto en algún blog y me gustó mucho, pero no había tenido tiempo de averiguar dónde conseguir el SCRIPT. La verdad es que prácticamente lo había olvidado, pero el otro día dándome una vuelta por El Escaparate de Rosa, encontré que publicado un post sobre como instalar la susodicha. Puedes probar en la imagen adjunta para apreciar el efecto.

Por cierto, todo lo que no encontreis aquí, seguro que lo teneis en el espacio de Rosa. No recuerdo si ya lo he dicho, pero por si acaso: El escaparate fue uno de los sitios que más me ayudó a empezar en esto de los blogs. Ahora ha sido todo un orgullo que 22 meses después, Oloblogger sea motivo de cita allí. Ya sólo me falta que Vagabundia -otro de mis profesores de cabecera- encuentre aquí, algún día, algo que le guste tanto como para comentarlo.

Volviendo al tema, el código para esta nube de tags que se publica en Blogger Buster está basada en un SCRIPT de un tal Roy Tanck. El efecto conseguido es muy atractivo visualmente y consigue embobarte un rato mientras pasas el puntero arriba y abajo viendo como se mueve. También podeis encontrar -en inglés- un código alternativo para el caso de que no os funcione el que aquí se reproduce. Con mi version de explorer, sólo funcionó el segundo.

Para instalar el cacharrito, sólo hay que buscar esta línea (no hace falta expandir plantilla de artilugios).

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

Justo después, se inserta el siguiente código, se pincha en Vista Previa y una vez todo a nuestro gusto, Guardar.

Actualización: Aquí venía el código original, pero cómo daba muchos más problemas de la cuenta, se ofrece, más adelante, sólo la segunda alternativa.

* 333333 ES EL COLOR DEL TEXTO
* 240 ES EL ANCHO, 300 EL ALTO Y #FFFFF ES EL COLOR DE FONDO
Cualquiera de los parámetros anteriores pueden ser cambiados por los que más os gusten.

---

Actualización: Definitivamente, con Internet Explorer el código facilitado en primer lugar, no funciona bien. Por eso, aconsejamos usar desde el principio este otro código. La instalación es de la misma manera que se explicó para el otro 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'>
&lt;object type="application/x-shockwave-flash" data="http://www.swfcabin.com/swf-files/1411057468.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://www.swfcabin.com/swf-files/1411057468.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<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>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir

Twitter

Pinterest

Facebook

Linkedin

Copy URL

Compartir

Twitter

Pinterest

Facebook

Linkedin

Y muchos más artículos interesantes si nos sigues en...

• Google
• Facebook
• Twitter