Subscribe:

jueves, 6 de octubre de 2011

Nube de Etiquetas Animadas

Hola amigos, voy a mostrarles una nube de etiquetas animadas en blogger. Como pueden ver en la parte derecha de mi blog, me la ha mostrado un amigo y muestra todas las etiquetas que hayamos colocado en nuestro blog. Para saber como lo pueden colocar en el suyo, coloco las indicaciones que obtuve de mi compañero.

Fuente: blogsimonbernabe.blogspot.com

Lo primero que debemos hacer es ir al escritorio de nuestro blog en la sección "Plantilla".

Luego Hacer Clic en Edición de Html.

Una vez tengamos en frente el código Html buscamos la siguiente linea:

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


Inmediatamente después de esta linea (o donde lo necesitemos) pegamos lo siguiente:

<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'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/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(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>



Luego podemos guardar y ver la vista previa del blog, y nos debe aparecer nuestra nube animada.

Espero lo prueben y me comenten que tal les parecio.

0 comentarios:

Publicar un comentario