La Guia Completa para el Diseñador Grafico Digital

Guía Completa para el Diseñador Gráfico Digital

Formato: PDF | Páginas: 224 | Idioma: Inglés | Fecha: Abril 2002 | Tamaño: 62,7 Mb

Descargar

Blogumus; Nube de Tags Animada en Blogger

Vamos a aprender a insertar una nube de etiquetas (tambien llamadas tags) en formato flash/javascript, para crear un efecto animado muy vistoso. Probablemente las hayais visto ya, pues están de moda en el círculo de bloggers de Wordpress, y si no sabeis a que me estoy refiriendo, podeis ver un ejemplo en Webmasters Deluxe, en los paneles a la derecha de este artículo. Gracias a la gente de Bloggerbuster ahora tambien se puede añadir este widget a Blogger.

Comencemos. Solo nos llevará unos pocos minutos incorporarla a nuestro blog. Antes de nada hacemos una copia de nuestra plantilla en un lugar seguro, y una vez hecho esto seguimos los tres siguientes pasos;

1.- Buscar en nuestra plantilla la siguiente linea de código:

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

2.- Añadir el siguiente código Despues.

<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>

3.- Listo. Podemos adaptar el formato a las necesidades de nuestra plantilla modificando los datos en rojo, que corresponden a las medidas y el color de fondo:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Se pueden configurar otros parámetros, pero con estos será suficiente para tener una nube de etiquetas animada en nuestro blog de blogger.

ACTULIZACIÓN:

A petición de algunos usuarios a través de comentarios, a continuación incluyo el código para que muestre una Nube de Tags con el fondo en negro ("000000") y el texto en blanco ("FFFFFF").

<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#000000");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xffffff");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Fuente; Bloggerbuster.com

Como evitar el SpamBot

Hace unos días leí un artículo muy bueno en el blog de MisterTrufa hablando sobre los SpamBots, y como poder evitarlos. Sin duda un artículo muy interesante de un experimentado webmaster, sin problemas de spam. Todos los webmasters tienen problemas con el Spam, hasta el punto de desesperación en el caso de webs con mucho tráfico. Los Spambots se encargan de recopilar las direciones de email para llenarlas de publicidad no solicitada, la gran mayoría de las veces con un gusto pésimo que está lejos de activar nuestra obsesión consumista. Al final se convierte en una batalla entre la máquina y el webmaster; evitar que tus webs naufraguen en el ancho mar del spam. Una solución muy buena es la que se comenta en el artículo de MisterTrufa; añadiendo un poco de código en tus formularios para evitar que los spambots copien la dirección de email.

Código 1: Añadir antes de la etiqueta </head> del código HTML

<script type="text/javascript">function mailnobot(nm,dm){mailurl = "mailto:" + nm + "@" + dm;window.location = mailurl;}</script>

Código 2: Añadir en la etiqueta <body> del código HTML

<a href="javascript: mailnobot('email', 'hotmail.com');">Pulsa aquí para enviarme un e-mail</a>

Debes de sustituir donde pone 'email' por la dirección de tu email y donde pone 'gmail.com' por la URL de tu servicio de email.

Fuente; MisterTrufa