02 enero 2010

Etiquetas en 3D para llamar la atencion

 
Hace tiempo vi en un blog algo muy curioso, y que ademas me gusto mucho, fue como una forma de llamar la atencion para que los lesctores usaran mas las etiquetas del blog, y ademas hacer que estas se vieran mucho mas bonitas en el blog. Me refiero a etiquetas en 3D, o como la llamo yo normalmente, Etiquetas en forma de planeta.. JeJe....


El efecto que se consigue es muy atractivo visualmente, y tambien, consigue la forma de tenerte atrapado, ipnotizado pasando el puntero de raton encima de las tags mientras van dando vueltas.


A mi en lo personal, como ya les dije, este efecto me agrado mucho y estoy seguro que a ustedes igual que a mi tambien les encantara... De lo que les estoy hablando es de lo que esta en el primer puesto de mi sidebar... ¿Logras Verlo? ¿Quieres Tenerlo?.


Los pasos para este efecto seran:


1 -. Busca la siguiente linea de codigo color verde en tu Codigo HTML de tu blog, sin expandir los artilugios, recuerda que aunque a mi me haya salido bien todo, siempre recuerda guardar una copia anterior de tu codigo XML y buscas tus codigos con Ctrl-F para mas rapidez, recuerda cumplir con los 5 mandamientos. Jeje.


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


2-. Justo debajo de esta linea que acabas de buscar copia este codigo color rojo a continuacion:



<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="
250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.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>



3-. puedes cambiar las zonas marcadas en verde


#ffffff : color de fondo de Script, si lo colocaras en el sidebar, puedes colocarlo del mismo color, el codigo de color #ffffff es color blanco, es decir, el fondo que trae automaticamente es script es blanco.

250: Es el ancho

200: Es el alto

Gracias por leer este post, cualquier duda no dudes en dejarme tu comentario aqui en la entrada...

Saludos
/*Anthony/*


Enlaces para compartir en tu blog o pagina web.




Widget por Friki Bloggeo