Integra una galería Pinterest a tu Blog de blogger

Llevo casi un mes dándole vueltas a una manera de mostrar un tablero de Pinterest en el blog y hoy que por fin consigo algo decente, descubro que justo desde hace ese mismo tiempo Pinterest ofrece un gadget que permite hacer lo mismo.

Frustración aparte, en el siguiente enlace podéis encontrar el generador oficial dónde con sólo indicar la dirección de un perfil (Profile Widget) o la de un tablero concreto (Board Widget), podréis conseguir el código para colocar vuestros pines en vuestro sitio. Hasta 30 por tablero.

Fuente: Olo Blogger

Gracias por tu visita al Blogger Magazine, las últimas novedades de los mejores maestros bloggers.

Read More

Wix anuncia aplicación que integra Wix con Blogger

La empresa Wix, de creación rápida de páginas web, anuncia que ya es posible mediante una pequeña aplicación, enlazar los contenidos en blogs de blogger en páginas de Wix.

Puedes compartir tus feeds en Wix y conseguir más seguidores, esto es lo que anuncian con bombo y platillo:

• Agregar contenido dinámico a tu sitio



• Generar más tráfico y atraer visitantes

​

​

• Conocer a tus visitantes y crear relaciones

​

​

• Permite que tus visitantes recomienden tu contenido

​

​

•​ Personaliza tu feed de Blogger para que concuerde con el aspecto de tu sitio Wix

Más información en el link de Wix

Gracias por tu visita al Blogger Magazine, las últimas novedades de los mejores maestros bloggers.

Read More

¿Tú contenido copiado aparece más arriba en Google que el tuyo? Hay solución

Una de las principales pesadillas de todo editor que se dedica a escribir en Internet es ver como su contenido es copiado sin respetar la licencia del mismo. En muchas ocasiones se realiza un copy&paste sin poner la fuente, sin mencionar la página original y, a veces, poniendo el nombre de otra persona como autora del texto.

Esa situación es inevitable, existirá mientras exista Internet, por lo que es mejor respirar fondo y aceptar que “la vida es así”, entrando en contacto con los autores, intentando llegar a un acuerdo y accediendo a los tribunales cuando sea realmente necesario.

El caso es que la cosa puede empeorar cuando Google decide mostrar el contenido copiado antes que el contenido original, algo muy común con blogs que importan automáticamente un canal RSS, por ejemplo. Esto puede tener muchos motivos: mejor estructura del sitio que copia, “trucos SEO”, inexistencia de un sitemap.xml en el sitio de origen, etc.

Para acelerar la solución a este problema, que en la mayoría de las situaciones se soluciona con un poco de tiempo, hasta que el algoritmo de Google detecta estos “detalles”, tenemos un formulario creado por Google donde podemos informar los detalles del error.

En él es necesario indicar la url de búsqueda realizada, así como la dirección del sitio que copia y la dirección del sitio copiado, junto a unos comentarios adicionales que podemos enviar junto con el resto de la información.

Captura del formulario en docs.google.com

Nadie es perfecto, los buscadores menos aún, por lo que siempre será necesario ayudar para realizar los inevitables “ajustes manuales”.

Gracia a Diego Polo, de Whatsnew.com

Gracias por tu visita al Blogger Magazine, las últimas novedades de los mejores maestros bloggers.

Read More

7 herramientas para encontrar contactos de otros bloggers

Una parte importantísima de ser blogger es la parte social, y no sólo con los lectores sino también con otros colegas que puedan aportar al proceso de aprendizaje personal para brindar un mejor contenido al público, o simplemente para hacer negocios. Adaptando el listado compartido en Hongkiat, aquí están algunas herramientas que pueden ser de gran utilidad para la gestión de los contactos a través de un proceso de comunicación y búsqueda más eficiente.

Programación de emails y recordatorios

Boomerang for Gmail es una extensión para Chrome y para Firefox que agrega al sistema de correos de Google dos funcionalidades más que interesantes: programación de correos y “auto-reenvío”. La primera no es más que un botón llamado “Send Later” que permitirá programar el envío en una fecha específica futura; la segunda opción es más sencilla de explicar con un par de ejemplos: Le has enviado un email a un contacto y te ha pedido que te comuniques de nuevo con él la próxima semana pues por el momento no tiene tiempo. Para que no se te olvide, podrías hacer que ese mensaje llegue de nuevo a tu bandeja de entrada la próxima semana (efecto boomerang).

Otra forma de verlo es con facturas -como la del hosting del ejemplo- que está para pagar a fin de mes pero como llega con casi una semana de anterioridad, puede pasarse por alto. La solución no es otra que autoreenviarlo con Boomerang para que aparezca en el inbox un dia antes de su fecha límite.

Búsqueda de datos de contacto de un blogger o un webmaster

La mayoría de sitios web cuenta en alguna parte con una sección de contacto (usualmente llamada “Contact us” o “Contáctanos”) la cual, en caso de requerir la información del responsable de dicho sitio, puede entrarse a revisar en busca de detalles específicos (nombre, email, perfiles en redes sociales). Pues bien, lo que hace Buzz Stream’s email research toolserá facilitar las cosas facilitando la búsqueda de tales detalles a través de un pequeño formulario que hará uso de los operadores de búsqueda en Google para ahorrar bastante tiempo. Basta con llenar al menos uno de los campos.

Respuestas almacenadas: plantillas de mensajes

Respuestas almacenadas es una función que se puede habilitar en Gmail a través del apartado de Labs (rueda dentada de la derecha >> Configuración >> pestaña Labs >>Respuestas almacenadas >> Habilitar >> Guardar Cambios) que permite guardar plantillas de mensajes para cuando es necesario responder montones de correos que apenas si cambian algunos detalles o valores en su contenido.

Para crear una de estas plantillas basta con escribir el correo de la manera convencional, y al lado del espacio para adjuntar ficheros apareceran el menú de Respuestas almacenadas y la opción “Nueva respuesta almacenada” para guardarlo con un título específico. La próxima vez, en un correo en blanco, bastará con oprimir otra vez sobre el menú y luego sobre una de las respuestas almacenadas para que aparezca automágicamente.

Aditamentos y seguimiento en Social Media

Gmail hace poco agregó un espacio en la parte derecha con una tarjeta de perfil que destaca la información de Google+ del contacto que envía el mensaje, pero desde hace mucho tiempoRapportive ofrece tal función en forma de extensión para Chrome y Firefox, mucho más completa, con integración para más redes sociales, un espacio para notas y algunos otros detalles, todo en una cómoda barra lateral que adorna la bandeja de entrada.

Encontrar otros bloggers con intereses en común

Me atrevería a decir que la mayoría de bloggers tiene una cuenta en Twitter con una bio que destaque de forma específica su campo de especialización. De hecho no hace falta restringirse a los bloggers, pueden ser otras personas que presten servicios de común interés (diseño web, programaciòn, SEO, etc.). Pues bien, sólo falta un buscador para filtrar información en tales biografías, y el que hace eso de forma impecable (además de montones de análisis para revisar hasta los que hacen parte de nuestros seguidores) Follower Wonk en su sección de Search Twitter Bios.

Buscar datos de contactos de varios bloggers simultáneamente

Citation Labs hace algo parecido a lo de la herramienta de BuzzStream mencionada en el segundo punto sólo que hasta con 1000 URL a la vez, muy útil para conocer los detalles de contacto de varios bloggers simultáneamente por ejemplo para armar campañas publicitarias privadas o para ofrecer algún servicio. Permite la exportación a CSV para una mejor gestión.

Cancelar correos enviados por error

Finalmente un salvavidas increíble que también se presenta como una función de Labs para Gmail (Pestaña Labs >> Deshacer Enviar), útil cuando se nos va un error tipográfico en el mensaje o tal vez se envía un correo a un destinatario equivocado. Luego de habilitarla lo que hará será mostrar, durante 30 segundos, el par de opciones de la imagen. La primera cancelará el envío.

Vía: hatsnew.com
Gracias por tu visita al Blogger Magazine, las últimas novedades de los mejores maestros bloggers.

Read More

Alineación simultánea en Blogger

O de cómo distribuir elementos equitativamente, con independencia de su número y/o tamaño. O lo que es lo mismo, en esta ocasión partimos de la necesidad de centrar varios elementos de los que desconocemos, a la hora de picar los estilos, su número y el contenido de cada uno de ellos.

La declaración Css que lo hará posible serádisplay: inline-block. Así que antes de meternos en harina, un poco de teoría e historia sobre este valor.

Display: inline-block

El valor inline-block se recoge en laespecificación 2.1 y permite que elementos de bloque se comporten como de línea entre ellos.

O dicho de otra manera. Los inline-blockpueden compartir la misma línea en el flujo del documento como los inline pero conservando propiedades de block.

Además de eso, y por la parte que tienen de elementos en línea acepta propiedades propias del texto, como alineamientos,lettter-spacing, etc.


El soporte de los navegadores a este valor no te debería preocupar. Según caniusepodemos afirmar que es total. Sólo se desmarca IE7 con un parcial: también lo soporta, pero sólo en elementos que por naturaleza son de línea.

Así que vamos a beneficiarnos de estas particularidades para lograr nuestro propósito: conseguir centrar un número desconocidos de elementos de los que tampoco sabemos a priori su contenido más o menos largo.

---

1. Doble centrado vertical y horizontal de un MENÚ de una línea.

El primer caso es el de la distribución de los items de un menú variables tanto en el número como en el la longitud del texto de cada enlace.

Tengamos el siguiente código Html:

<ul class="padre">
<li class="hijo">
<a href="#">Un enlace</a>
</li>

<li class="hijo">
<a href="#">Otro más largo</a>
</li>
<!-- Más items -->
</ul>

El uso de clases es para poder reutilizar el Css en las variaciones.


Y a continuación nuestro Css que comienza por un mini reset. De él sólo cabe reseñar el uso de la propiedad box-sizing porque no queremos preocuparnos por descuadres por los rellenos y bordes

* {
margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.padre {
background: #D5D5D5;
text-align: center;
font-size: 1rem;
letter-spacing: 1rem;
padding: 1rem 0;
}
.hijo {
background: #EFD996;
border: 1px solid #fff;
display: inline-block;
letter-spacing: normal;
}
.hijo a {
color: #444;
text-align: left;
text-decoration: none;
display: block;
padding: 0.5rem;
}

La alineación horizontal se debe al text-align: center y la vertical al paddingsuperior e inferior de 'padre' y la separación entre items por el valor de letter-spacing

Los 'hijo' al tener declarado el valor inline-block se ven afectados como te decía al inicio por las propiedades de "texto" de 'padre'. Y lo único que necesitamos es volver al valor 'normal' la separación entre letras.

El resultado es el que ves a continuación:



Este caso tiene una contra: si la anchura de 'padre' no es la suficiente para todos los 'hijo' se pasan a la línea de abajo, alineado al centro y pegado al de arriba. Estéticamente feo.

---

2. Doble centrado y distribución homogénea en varias líneas. Galería de imágenes.

Podemos hacer alguna variación mínima en las propiedades de .padre, añadiendo un id (#segundo), para hacer la típica galería con distribución homogénea y así corregir el problema anterior de la segunda y sucesivas líneas y que en caso de que el número de items no sea múltiplo de los que caben por línea se coloque a la izquierda en vez del centro.


Nuestro Html de base, el típico y mínimo de una galería de miniaturas:

<article id="segundo" class="padre">

<section class="hijo">
<img src="pict141.jpg" alt="img" />
</section>

<section class="hijo">
<img src="pict132.jpg" alt="img" />
</section>

<!-- Más items -->
</article>

Y vamos con las variaciones Css. Recuerda que tanto la clase 'padre' como 'hijo' del ejemplo anterior siguen en uso.

#segundo {
width: 50%;
margin: 0 auto;
padding: 0;
letter-spacing: 15px;
text-align: justify;
border: 15px solid #D5D5D5;
border-bottom: 0 none;
}
#segundo .hijo {
margin: 0 0 15px;
width: 31%;
min-width: 600px;
min-height: 115px;
vertical-align: top;
padding: 0.5rem;
}
#segundo img {
width: 100%;
}

La igualdad entre el espacio vacío de los laterales de la caja 'padre' y los ríos entre items lo conseguimos con el borde superior y de los laterales del padre de igual valor al margen inferior de los items. Y la separación entre los 'hijo', como antes, es obra de letter-spacing declarado en '#segundo'.

Para lograr que los items de la última fila se coloquen a la izquierda cambiamos la alineación del texto de centrado a justificado en la caja padre y a los hijos la alineación vertical la declaramos en 'top' y por las particularidades del ejemplo ayudo con un min-height por cuestiones de estética

El tamaño de las imágenes queda controlada por su anchura (100%). Recuerda que los porcentajes siempre son relativos no al propio elemento sino al que lo contiene.

El resultado es el que ves a continuación:

---

3. Tercera y última variación: galería horizontal con scroll

Y para terminar, una distribución horizontal con scroll. El marcado Html es el mismo que el anterior, así que nos lo ahorramos y directos al Css:

#tercero {
border-left: 1rem solid #D5D5D5;
border-right: 1rem solid #D5D5D5;
white-space: nowrap;
margin: 0 auto;
overflow: auto;
padding: 1rem 0 0;
width: 70%;
}
#tercero .hijo {
margin: 0 0 1rem;
vertical-align: middle;
padding: 0.3rem;
}
#tercero img {
height: 10rem;
}

En este caso conjugamos el borde y relleno en la caja padre con el margen inferior de los hijos para darle un poco de aire en los laterales.

Y para no tener necesidad de calcular el ancho de la caja padre en función del número y tamaño de sus hijos (prácticamente imposible ya que estamos trabajando con el supuesto de desconocer esas variables a priori), hacemos uso de la swclración white-space: nowrap que en combinación con la anchura declarada y el overflow fuerzan la aparición del scroll.

En este último caso, los hijos los alineamos verticálmente al centro. Esto al gusto.

Y para terminar y conseguir cierta armonía en el tamaño de las imágenes las igualamos en altura porque son apaisadas.

Este es el resultado final:

---

4. Disclaimer y agradecimiento

Recuerda que estos ejemplos son sólo eso, ejemplos. Así que si decides usar alguno posíblemente tengas que retocarlo para ajustarlo a tus necesidades. Amén de tener que corregir algún despiste o fallo que seguro he cometido fruto de las prisas, ignorancia y mala cabeza.

Así que cualquier corrección o sugerencia se agradece. Tienes los comentarios a tu disposición.


Y para terminar este tocho que me ha salido, gracias a D. Oloman por prestarme su blog para compartir esta curiosidad con su lectores. Ha sido un placer.

---

5. Y final

Y ya que lo tengo a mano, por si alguno aún se preocupa por el innombrable en su ver.7 y quiere tenerlo presente, sólo tienes que añadir al ejemplo lo siguiente:

.hijo, #segundo .hijo {
*display: inline;
*margin: 10px; /*al gusto o necesidad*/
}
#tercero {*height: 120px; /*al gusto o necesidad*/}

Esta entrada está escrita por @Kseso, alguien a quién no conozco mas que por su blog y desde hace muy pocas semanas. Ayer, en lo que fue una enajenación mental espero que pasajera y tras un pequeño (pequeñísimo realmente dado el medio) intercambio de ideas en Twitter sobre el centrado, acordamos intercambiar los posts que cada uno habíamos preparado para hoy.

En esta ocasión no me va a costar nada saber quién lee realmente las entradas del blog hasta el final ;)

Kseso Css: Blog recomendado para estar al tanto de todo lo referente a CSS.

Nota: Los ejemplos mostrados con JSFIDDLE son accesibles desde el icono + y allí podréis trastear para probar los efectos de cada propiedad así como posibles variaciones. 

-Por Oloblogger

Gracias por tu visita al Blogger Magazine, las últimas novedades de los mejores maestros bloggers.

Read More

Muestra tú último tweet en Blogger con una miniaplicación

Ahora que otros sistemas para mostrar tweets andan fallando porque a Twitter no le gustó demasiado eso de que terceras partes sacaran aplicaciones por doquier, aquí tenéis un código basado en la API de este servicio de graznidos, que os mostrará el último mensaje lanzado por un determinado usuario.

Tal y como viene redactado está listo para insertar como gadget en la barra lateral, aunque necesitáis al menos de un ancho de 335px para que se acomode bien. 

El código es algo largo porque permite bastantes más opciones que las que yo usé para este fin concreto, pero como casi todos los parámetros son autoexplicativos (CSS casi literal), las podréis aprovechar para hacer otras cosas.

Esto como siempre es sólo un ejemplo y cambiando el estilo podréis conseguir otros resultados distintos de este.

Flickr: Secuencia de fotos de andrew hall1bit.ly/Tk9HENabout 1 hour ago · reply · retweet · favorite

<style>
#ultimotweet { position:relative; width:335px; height:94px; margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZiVvRavw_Lwe1tG547lQsdSAcu5Sk_BTw3uYd497xH9VxUTARxu7WLQPBBVXIDu9pJdiWK86mZ7dxhJBEb-x28kEPt6jIeo8CnlBx5UOPL4Ozs8-dT-z_h211bQQdsdXRKq4n-kQbu6A/s1600/twitter.png);}
.twtr-widget .twtr-tweet-wrap { position:absolute; top:10px; left:90px; overflow: hidden; padding:0px; margin:0; zoom:1; width:235px !important;}
.twtr-doc { font-size:12px;}
.twtr-hd, .twtr-user, .twtr-ft { display:none;}</style>
<div id="ultimotweet">
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 1,
interval: 5000,
width: 335,
height: 94,
theme: {
shell: {
background: 'transparent',
color: '#000'
},
tweets: {
background: 'transparent',
color: '#333',
links: '#999'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
behavior: 'all'
}
}).render().setUser('oloman').start();
</script></div>

Imprescindible cambiar el usuario al final del código (en verde) por el vuestro o bien por el de otra cuenta cualquiera si eso es lo queréis.


Gracias por tu visita al Blogger Magazine, las últimas novedades de los mejores maestros bloggers.
-Autor: Oloblogger

Read More

Aplicación de Nube de etiqueta por Oloblogger

Hace como 4 años,Roy Tanckideó un sistema para que las etiquetas de un blog pudieran verse en un formato que simulaba tres dimensiones. Le llamó Cumulus.

Por aquellas fechas publiqué algunas entradas para aplicarlo en Blogger siguiendo la adaptación de Blogger Buster(Blogumus), añadiendo algunas modificaciones que permitían usar enlaces de cualquier otro tipo y mostrando también cómo hacer una nube de imágenescapturadas automáticamente desde un álbum de Flickr o Picasa.

El caso es que desde el principio muchos fueron los que tuvieron problemas y todavía hoy, bastantes me los siguen planteando. Esta entrada servirá de compendio resumido de cómo instalar las dos variantes mencionadas y que además... os funcionen!!

Y si no lo hacen que al menos sepáis cómo repararlas, porque la única causa por la que se os puede cascar el invento es por el problema del alojamiento de la base del gadget: el fichero tagcloud.swf

---

Como se puede deducir de su extensión, este fichero es un ShockWave Flash o lo que es lo mismo, una animación. Es el alma de todo y los códigos que veréis a continuación lo único que hacen es indicar los parámetros necesarios para que se incorpore un contenido determinado y que se vea con cierto aspecto.

Pero si no podemos acceder en caliente al .swf no tendremos nada y ese es el origen de las desdichas de casi todos. Así que antes de pensar que el cacharrito no funciona, lo primero que hay que hacer es comprobar que nuestro fichero marcha. 

En los siguientes ejemplos tenéis uno que -de momento- pita y que está alojado en 000Webhost, hosting gratuitio que últimamente estoy probando con algunas cosas que no puedo almacenar en Blogger.

Su dirección eshttp://oloblogger.comuv.com/tagcloud.swf, pero una vez más insisto en que debéis descargarlo, subirlo a un sitio bajo vuestro control y por último sustituir la dirección que yo utilicé por la vuestra (ojo que aparece dos veces). De lo contrario, cualquier día os podrá dejar de funcionar otra vez.

Este es el link para bajarlo:

Descargar tagcloud.swf

Nube de etiquetas automática

Este tipo de código hay que pegarlo en la plantilla, sin expandir artilugios, después de la línea que forma la sección correspondiente a la barra lateral.

Las referencias típicas serían <b:section class='sidebar' id='sidebar' preferred='yes'> en plantillas clásicas y<b:section-contents id='sidebar-right-1'>en las del nuevo diseñador. Hay muchas variantes pero las palabras clave siempre son section y generalmente sidebar.

Después de la instalación podréis moverlo con facilidad más abajo dentro de la sidebar o incluso a otra zona de gadgets, accediendo al apartado Diseño delEscritorio.

Ventaja: Las etiquetas se generan automáticamente
Inconveniente: Los enlaces no funcionan en algunas versiones de IE

<b:widget id='Label88' 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'>
&lt;object type=&quot;application/x-shockwave-flash&quot; data=&quot;http://oloblogger.comuv.com/tagcloud.swf&quot; width=&quot;250&quot; height=&quot;200&quot; allowscriptaccess=&quot;always&quot; &gt;
&lt;param name=&quot;movie&quot; value=&quot;http://oloblogger.comuv.com/tagcloud.swf&quot; /&gt;
&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&gt;
&lt;param name=&quot;flashvars&quot;
value=&quot;bgcolor=0xffffff;&amp;tcolor=0x000000&amp;hicolor=0xcc0000&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='18'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;&quot; /&gt;
&lt;p&gt;Blogumulus by &lt;a href=&#39;http://www.roytanck.com/&#39;&gt;Roy Tanck&lt;/a&gt; and &lt;a href=&#39;http://www.bloggerbuster.com&#39;&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Nube de etiquetas o de enlaces simples (manual)

Para subsanar el problema con IE existe una segunda alternativa, que es prescindir del loop que genera automáticamente las etiquetas. En este caso ya no necesitamos editar la plantilla y directamente podemos poner el código en un gadget tipo HTML/JavaScript.

Ventaja: Podemos mostrar sólo las etiquetas que más nos interesen. Podemos crear una lista de enlaces cualquiera.
Inconveniente: No basta con copiar y pegar, hay que ir incorporando a mano los enlaces que queremos que se vean

<embed quality="high" allowscriptaccess="always" flashvars="bgcolor=0xFFFFFF&tcolor=0x990000&hicolor=0x333333&mode=tags&distr=true&tspeed=100&tagcloud=&lt;tags&gt;
&lt;a href='http://NOMBRE_BLOG.blogspot.com/search/label/ETIQUETA1' style='18'&gt;ETIQUETA1&lt;/a&gt;
&lt;a href='http://NOMBRE_BLOG.blogspot.com/search/label/ETIQUETA2' style='18'&gt;ETIQUETA2&lt;/a&gt;
&lt;a href='http://NOMBRE_BLOG.blogspot.com/search/label/ETIQUETA3' style='18'&gt;ETIQUETA3&lt;/a&gt;
&lt;/tags&gt;" type="application/x-shockwave-flash" src="http://oloblogger.comuv.com/tagcloud.swf" id="tagcloud" wmode="transparent" name="tagcloud"></embed>

Cada línea de estas de entre las marcadas en gris, tiene que ser personalizada con la dirección de vuestro blog y la etiqueta que queréis mostrar. Una línea para etiqueta visible.

&lt;a href='http://NOMBRE_BLOG.blogspot.com/search/label/ETIQUETA1' style='18'&gt;ETIQUETA1&lt;/a&gt;

Y de la misma manera que hemos hecho con la dirección de búsqueda de una etiqueta del blog, podemos incluir como URL del enlace cualquier otro destino que queramos. 

Como ponemos las direcciones a mano ya no estarán vinculadas a las etiquetas y así podremos construir con este mismo aspecto de esfera móvil, un blogroll, una lista de sitios recomendados o cualquier otro tipo de conjunto de enlaces.

Configuración

En ambos casos (formando parte de la plantilla o como gadget) los parámetros de configuración son los mismos:

• bgcolor=0xFFFFFF: El color de fondo en hexadecimal
• tcolor=0x000000: Código hexadecimal del color del texto del enlace
• hicolor=0xcc0000: Código hexadecimal del color del hover para el texto del enlace
• distr=true: Para hacer una distribución uniforme de las etiquetas por el espacio disponible. False para que no sea así.
• tspeed=100: El número indica la velocidad a la que se desplazarán los enlaces cuando pasemos el puntero por encima. A mayor número, mayor velocidad. Probad con 1500 y veréis qué divertido.
• style="18": Tamaño de fuente en píxeles.

<param name="wmode" value="transparent" />
o wmode="transparent": Para anular el color de fondo y así dejar ver el fondo de la página tras los enlaces.

Tanto object como embed admiten los valores width y height para poder limitar el espacio que ocupará la nube.

-Artículo por Oloblogger. Viitar Sitio.

Gracias por tu visita al Blogger Magazine, las últimas novedades de los mejores maestros bloggers.

Read More