Redes sociales Sassy animated Gadget


Sé lo mucho que a todos nos gustan los gadgets y widgets de marcadores sociales, en especial aquellos aparatos únicos que pueden llamar la atención de los lectores y hacer que se incremente el bookmarking del blog.Existe un gadget social muy alegre y fresco, con un estilo de animación muy eficiente y llamativo. Con el gadget Sassy se instala un botón de acción básico que queda colocado en la esquina inferior izquierda de tu blog, que luego al pasarle el cursor por arriba habilitará 6 de los iconos más utilizados para los sitios web de redes sociales más importantes . Los que aparecen son para Pinterest, Google y Facebook, Twitter, Tumblr e Email. Abajo les dejo una demostración en vivo, para que eche un vistazo al tutorial y agregue los marcadores Sassy a Blogger.



No olvide realizar un salvado de su plantilla antes de hacer cualquier cambio o experimento.

Se instala en un simple paso

Justo antes de la etiqueta </body> pegue el siguiente código.


<!-- Start Shareaholic Sassy Bookmarks HTML - http://www.spiceupyourblog.com -->
<div class='shr_ss shr_publisher'>

</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {&quot;shr_ss&quot;:{&quot;src&quot;:&quot;//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark&quot;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,313,38,201,88,74&quot;,&quot;apikey&quot;:&quot;b87f5899d80a5edce8b5e55f58542ef0f&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;bitly&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;tip_bg_color&quot;:&quot;black&quot;,&quot;tip_text_color&quot;:&quot;white&quot;,&quot;viewport&quot;:true,&quot;twitter_template&quot;:&quot;${title} - ${short_link} via @Shareaholic&quot;}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true;
sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;https://dtym7iokkjlif.cloudfront.net&quot; : &quot;http://cdn.shareaholic.com&quot;) + &quot;/media/js/jquery.shareaholic-publishers-ss.min.js&quot;;
var s = document.getElementsByTagName(&quot;script&quot;)[0]; s.parentNode.insertBefore(sb, s);
})();
</script><small><a href='http://www.spiceupyourblog.com'>Animated Social Gadget</a> - <a href='http://www.spiceupyourblog.com'>Blogger And Wordpress Tips</a></small>

<!-- End Shareaholic Sassy Bookmarks script -->
<!-- End Shareaholic Sassy Bookmarks HTML - http://www.spiceupyourblog.com -->



Guarde los datos y verifique su funcionamiento.

Tomado de: http://www.spiceupyourblog.com/2012/05/animated-sassy-social-bookmark-gadget.html
Seguir leyendo

Recommended Slide Widget


"Mantener a los visitantes interesados en su sitio por mucho tiempo" Eso es lo que todos los bloggers quieren lograr. El Slide o diapositiva con el mensaje de recomendación de post hace precisamente eso. Es una especie de invitación al lector para leer un mensaje nuevo, una vez que haya leído una de las entradas de su blog. 
Puede que hayan visto este tipo de widget en muchos sitios web populares como el New York Times, Mashable, Times of India, etcA mí también me encantó la idea y cuando me enteré de que alguien más lo había hecho con un fragmento de jQuery lo primeo que hice fue copiarlo. Usted puede leer acerca de este código increíble en el blog de Mary Lou en http://tympanus.net/codrops/2010/04/13/end-of-page-slide-out-box/He hecho algunas modificaciones en el fragmento de lo que se carga de forma asíncrona, sin afectar la carga de la página. El widget mostrará mensajes al azar sobre post de tu Blog. Los mensajes aleatorios se obtienen a través de Ajax.Si quieres verlo en acción simplemente avanza hasta el fin de un post en el siguiente blog.

Desplácese hasta la parte inferior del postey usted debería ver la imagen de post recomendado.

Cómo agregar el widget

Para añadir el widget a tu blog, puedes usar este programa de instalación con un solo clic.


 
Te aparecerá el widget instalado en un elemento HTML

Personalización del widget1. Final de la marca Post - La diapositiva sale cuando el usuario se desplaza hasta un determinado punto de su blog (la parte inferior de la página por defecto) para marcar el punto, usted  debe tener la bpslidein_place_holder Identificación activada

Veamos por ejemplo: con <div id='bpslidein_place_holder'> </ div> se haría el trabajo. El mejor sitio para añadir este marcador sería en el extremo final del post. Si desea hacerlo fácilmente, puede agregar esto a su plantilla de Blogger de la siguiente manera.

En la plantilla Buscar, (Usted tendrá que ampliar las plantillas de artilugios)

<div class='post-footer-line post-footer-line-1'>
o
<p class='post-footer-line post-footer-line-1'> 
o
<data:post.body/>

Inmediatamente por debajo de cualquiera de ellos, añadir el siguiente fragmento de código y guardar la plantilla


<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'> </ div>
</ B: if>
Ahora, cuando el lector se desplaza hasta este div, el widget se abrirá automáticamente.

2. Personalizar el aspecto y el estilo de la diapositiva.

Usted puede ajustar el estilo del widget de Recomendaciones. Pero antes de hacer eso, usted tiene que añadir esta definición de la variable a la plantilla

<script> bpslidein_custom_css var = true; </ script>Esto se debe agregar algún lugar por encima de la plataforma deslizable Widget o luego de la sentencia ]]></b:skin>. Si esta variable no está definida, será usada una hoja de estilos por defecto  

Una vez que esta variable se establece en true, usted puede agregar sus propias definiciones CSS. Puede añadir su CSS en Diseñador de Plantillas> Avanzado> Añadir CSS o aplicar el siguiente conjunto y realizar las modificaciones sobre él.Este es el conjunto predeterminado de las definiciones de estilo aplicado a la widget. Usted puede modificarlo o utilizar el mismo.



#bpslidein{
z-index:5;
width:400px;
height:100px;
padding:10px;
background-color:#fff;
border-top:3px solid #1616F5;
position:fixed;
right:-430px;
bottom:0;
-moz-box-shadow:-2px 0 5px #aaa;
-webkit-box-shadow:-2px 0 5px #aaa;
box-shadow:-2px 0 5px #aaa;
font-family:Arial, Helvetica, sans-serif;
}
#bpslidein p{
font-size:11px;
text-transform:uppercase;
font-family:Arial,Helvetica,sans-serif;
letter-spacing:1px;color:#555;
}
#bpslidein_title{
color:#555;
font-weight:700;
font-size:16px;
margin:10px 20px 10px 0;
}
#bpslidein a,#bpslidein a:hover,#bpslidein_title{
text-decoration:none;
color:#1616F5;
}
#bpslidein .close,#bpslidein .expand,#bpslidein .help{
border:2px solid #EEE;
cursor:pointer;
color:#9A9AA1;
width:13px;
height:15px;
padding:2px 0 0 5px;
position:absolute;
right:10px;
font-size:17px;
font-weight:700;
font-family:Arial, Helvetica, sans-serif;font-size:12px;
}
#bpslidein .help{
right:35px;
}
#bpslidein_title,#bpslidein_image{
float:left;
width:80px;
}
#bpslidein_title{
width:290px;
}
3. Otras cosas que se pueden editar

Puede editar el título del widget y el texto que viene por definición . Solo tiene que abrir el elemento html "Recommended Slide" buscar el texto "Recommended for you" y cambiarlo por ejemplo por "Seguramente le interesará leer..."


Espero lo disfuten
Post
Seguir leyendo

Excelentes diseños de blogs para inspirarse


Los diseñadores han logrado, gracias a las diferentes técnicas de diseño, a las nuevas ideas y a la ayuda de las propiedades CSS3, impulsar, en los últimos años, los diseños de sus blogs a unos niveles que nunca antes se habían visto. Pero a pesar de esto, es cierto que el arte de los blogs personales, en muchos casos, está disminuyendo, posiblemente por la aparición de servicios como Facebook, Twitter, Posterous, Tumblr y WordPress, y servicios de porfolio como Carbonmade, Deviantart y Behance, que han hecho que personalizar el diseño de los blogs no sea tan necesario.

Pero a pesar de esto, Speckyboy ha encontrado y seleccionado los 40 mejores diseños de blogs personales que existen actualmente en la red.

Estilo sutil y limpio:

1. Design Made in Germany

2. Look al That!

3. Squaregirl

4. Salvator

5. Grain & Gram – The New Gentelman’s Journal

6. Andrew Greig

7. The Import

8. BlissfullyAware

9. Christoph Zillgens

10. Design or Die

11. A life in translation

12. Full Disclosure

13. Joe Nyaggah

14. Dash Station

15. Strange Native

16. Brian Hoff

Estilo Revista

17. McKinney

18. Design Mind

19. FÆBRIC

20. The Design Buzz

21. Quipsologies

22. Brand New

Estilo Retro “Moderno”

23. The Hickensian

24. The Design Cubicle

25. Veerle’s blog 3.0

26. Jake Przespo

27. The Brooklyn Circus

28. SimpleBits

Blogs con Elementos Ilustrativos

29. Design Swap

30. Living Design

31. What Katie Does

32. Ivana’s Projects

33. Proto Matt

34. Cafundó Estúdio Criativo

Estilo Minimalista

35. Design is Dead

36. Creative Everyone

37. Anotherfaceinthecrowd

38. Life Around Me

39. ohasuper

40. Christoph Zillgens
Seguir leyendo

Widget de etiquetas como menú desplegable


Este es un truco muy útil cuando tienes listados de etiquetas largos. Lo encontré en Ciudad Blogger un sitio excelente que les recomiendo utilizar.
En mis blogs de arte coloco siempre etiquetas con el nombre del artista para que el público pueda encontrarlos rápidamente. Lamentablemente cuando se acumulas cientos de los mismos la lista supera el largo recomendable de la Sidebar y queda antiestético. Para solucionar ésto lo mejor es el menú desplegable de etiqueta y la implementacion de Ciudad Blogger funciona de maravillas. A mi gusto simplemente hay que borra dos partes del código para que queden como lo requieren mis necesidades.
Les transcribo el post, pero también pueden ir al sitio original siguiendo este enlace :


Ya que seguimos con el tema de ahorrar espacio en el blog veamos cómo podemos mostrar las etiquetas en forma de menú desplegable, esto será para ahorrar espacio y para tener las etiquetas con otro estilo diferente al tradicional.
Cuando usamos el gadget de etiquetas éstas se muestran en forma de lista ordenada:


Lo que haremos será que se muestren de esta forma:






Sólo necesitas entrar en Diseño | Edición de HTML, marcar la casilla Expandir plantillas de artilugios y buscar este código:

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>

Elimínalo y en su lugar pega esto:

<br/>
<select class='menu-etiquetas' onchange='location=this.options[this.selectedIndex].value;'>
<option>Selecciona una categoría</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Con eso será suficiente. Puedes cambiar el texto Selecciona una categoría donde se indica. Si quieres que no se muestren el número de entradas que tiene cada etiqueta elimina lo que está en color azul.

También puedes darle un poco de color para que se vea más o menos de esta forma:




Si lo quieres así sigue el mismo procedimiento pero adicionalmente deberás pegar antes de
]]></b:skin> este código:

.menu-etiquetas {
background-color: #CEE3F6; /* Color de fondo */
color: #000000; /* Color del texto */
}

Ahí puedes cambiar los colores donde se indica.
No está de más decir que primero necesitas tener el gadget de Etiquetas... digo, por si alguien busca el código y no lo encuentra.

***

En mi caso particular  debí eliminar el número de ítems de cada etiqueta pues no era útil y no se puede modificar por medio del procedimiento normal, así que si tampoco lo quieres debes borra la línea

<span dir='ltr'>(<data:label.count/>)</span>

Si quieres que no tenga un espacio luego del título debes borra la sentencia

<br/>


Por último y si quieres que quede centrado en la sidebar, simplemente colocale


<center> al inicio y </center> al final del código. Funciona bien.
Seguir leyendo

Poner código HTML en un post

Si lo que intenta hacer es insertar dentro de un post un código HTML para que tus lectores puedan copiarlo, una solución es cambiar manualmente los símbolos > y < por sus equivalentes &gt; y &lt;, pero como seguramente será algo engorroso y sujeto a errores, te recomiendo usar los servicios de  un sitio como Blogcrowds (Click en el nombre) en el cual sólo debes pegar el código que deseas mostrar dentro del recuadro en blanco, presionas "parse"  y te arrojará el código que debes pegar en el post.

De este modo el post no reconocerá el código como un comando que debe traducir y ejecutar y lo mostrará tal cual como lo has escrito. 

Que no te engañe que el editor te lo muestre diferente, si haces una vista previa verás que el código se muestra perfectamente y se puede copiar y reutilizar.
Espero que te sea de utilidad como a mí.
Seguir leyendo

Publicar tus post en Twitter automaticamente

 

Para dar a conocer los post de tu blog es usual que además de asegurarte todos los métodos posibles de divulgación incluía tu página de Facebook, quieras informar a tus potenciales seguidores mediante algún Twitt. 
El tema se pone complicado cuando tienes que recordar llevar adelante esta acción y es entonces que te das cuenta que un mecanismo automático te sería de gran ayuda.
Bueno, el propio servicio de FeedBurner que asocias a tu Blog de Blogger te ayuda con una de las aplicaciones que puedes observar en la figura siguiente.



Simplemente entra en tu cuenta de FeedBurner, lengüeta Publicize y luego completa el ítem Socialize para finalmente Activar el servicio.
Muy simple.

Si esto no te agrada o no tienes un blog de Blogger puedes recurrir a un servicio gratuito y simple provisto por Twitter Feed.

El registro y el servicio son gratuitos y vinculan tu blog (su feed) con tu cuenta Twitter. Si así lo deseas también lo puedes utilizar para publicar tus post en Facebook , Linkedit y otros servicios que se van agregando.


En cualquiera de los casos tendrás publicados tus post en forma automática y con un enlace corto que llevará a tus seguidores hasta tu blog personal.

Que lo disfrutes.
Seguir leyendo

Mejor que un contador de visitas para tu blog

En general cuando se sostiene un blog en operación ésto obedece a la visita de lectores frecuentes y el aporte que los mismos producen sobre los temas tratados. El autor y administrador del blog suele suponer que existen múltiples lectores que silenciosamente pasan y disfrutan de los contenidos, pero lamentablemente esto suele no ser así aún cuando las cifras de algún contador "confiable" pueda darnos una idea equivocada.
Blogger incluso alimenta esa idea mediante su gadget "Estadísticas del Blog" que si bien da buena información en lo estadístico, lo que muestra en el blog son visitas o Clicks no importando la fuente ni el tiempo. De esta forma si usted clickea ingresando una y otra vez a su blog verá incrementar el contador constantemente.
Lo mismo ocurre con los contadores gratuitos más antiguos.
Otros cuentan con la posibilidad de eliminar las visitas desde nuestra propia dirección IP y la de cualquier otro que se repita durante la misma hora, descartando las navegaciones internas o reingresos que pueda tener un visitante.
Usted notará que cambiando el contador las mediciones será totalmente dispares.
Qué hacer?
Existen sistemas mucho más aproximados a la realidad que una vez instalados pueden decepcionarlo al mostrarle cuales son los intereses de sus visitantes pero que a nivel cantidades pueden llegar a sumar más.
Usted verá que el 90% de las visitas corresponden a imágenes que le copian o búsquedas equivocadas que caen en su blog.
Si desea hacer la prueba y contar con un elemento confiable para su análisis le recomiendo 


Un servicio gratuito o pago según lo que usted desee utilizar, que realmente funciona de maravillas.

Regístrese y siga todos los pasos marcados por

Get your own Free Tracker Now!

Usted terminará obteniendo un código para pegar en un elemento HTML que dejará tan solo una imagen como ésta en su blog


Clickeando sobre el mismo obtendrá una estadística detallada y mucho más correcta de sus visitas y los puntos de interés o motivos que los hicieron llegar.

Espero le sea de utilidad
Seguir leyendo

Botón +1 de Google para todos

Google nos dice que el botón +1 es una forma rápida de indicar que algo es muy interesante o merece la pena que otras personas lo vean.
"Haz clic en +1 para decir públicamente que le gusta algo. Tus +1 pueden ayudar a tus amigos y contactos, o a otros usuarios, a encontrar los mejores resultados cuando buscan en Internet."
Pero ocurre que en algunas plantillas la opción del botón de Google +1 no aparece en forma automática y nos vemos en una situación de desventaja para promocionar nuestros post en particular o el blog en general
Incluso si queremos realizar ajustes en el tamaño del botón se nos hace cuesta arriba pues después de un primer vistazo, el tamaño de un botón de Google parece bastante pequeño y restrictivo y no acorde con el de Facebook o el de Tweeter.  
En realidad Google ofrece cuatro tamaños diferentes botón, disponibles en la mayoría de los idiomas . Los tamaños predeterminados son: uno pequeño de 15px, uno medio de 20px, 24px como estándar y una versión de 60px de alto. 

Usted puede conseguir el código desde la página de Google Webmasters

A diferencia del poco código que se agrega a los otros botones de participación social, Google le pide que copie y pegue dos trozos de código en dos lugares de su sitio, una vez que haya elegido el tamaño del botón, el idioma y la forma que desee.

El primer trozo de código se debe insertar en el head o antes del </ body>, al igual que cualquier otro código de seguimiento.

<!-- Añade esta etiqueta en la cabecera o delante de la etiqueta body. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'es'}
</script>


y otro código que deberá colocar en el lugar de su sitio donde desee que aparezca el botón.
En este caso usted puede colocar este código en tamaño estandard para cada post y al mismo tiempo colocar otro de otro tamaño en la sidebar para que la gente recomiende su blog en general.

<!-- Añade esta etiqueta donde quieras colocar el botón +1 -->
<g:plusone size="tall"></g:plusone>

En el ejemplo se coloca el botón en español y de tamaño alto definido por el parámetro size="tall" que desaparece sólo cuando el tamaño es estandar


¿Cómo se ve en su sitio?

Al igual que el promedio de los botones de Google para ser honesto. Se ve muy bien junto a otros botones para compartir.

Cuando se desea utilizar el botón y compartir una parte del contenido, aparecerá una ventana pop up o emergente que le solicitará que confirme cómo desea que aparezca "públicamente, en los resultados de búsqueda, en los anuncios o en toda la web".

Espero le sea de utilidad y lo publiciten correctamente.
Seguir leyendo

Modificar tamaño del gadget de Seguidores

Me han preguntado si existe una manera de mostrar la totalidad de seguidores que tiene un blog y claro está, es algo que nunca se me había ocurrido ya que no suelo tener tantos seguidores como para que esto me preocupe.
Sin embargo supongo que a muchos les molesta que el Gadget de Seguidores que provee Blogger en forma automática, también asigne en forma automática la cantidad de imágenes a mostrar de acuerdo al espacio disponible en el elemento de sidebar.
Pero es importante saber que este gadget tiene su predecesor en Google Friend Connect donde con muy pocos ajustes uno puede crear un gadget de seguidores personalizado que funciona exactamente igual que el automático y que no es excluyente, es decir trabajan juntos, o lo que es más exacto, solo muestran la información de manera diferente. 
Sin embargo la cantidad de imágenes a mostrar tampoco será infinita ya que un blog con 2000 seguidores ocuparía toda la página. Simplemente lo podrás ampliar dentro de lo estética y prácticamente posible
Los pasos son muy sencillos.

Primero accede a tu cuenta Blogger.
Luego accede a www.google.com/friendconnect
Si tienes más de un blog selecciona aquél en donde incluirás el gadget.
Selecciona Añadir el gadget de miembros
Modifica los colores para que correspondan con los de tu blog y ajusta el tamaño del gadget teniendo en cuenta cuantas filas de imágenes de seguidores necesitaras. Para conseguir un fondo transparente deberás eliminar el código de color numérico ya que si no hay números lo interpreta como transparencia.


Presiona la tecla Generar Código y obtendrás el HTML que debes copiar e insertar en un gadget HTML/Java de tu blog.


Una vez que verifiques que te agrada lo que ves, puedes borrar el gadget pequeño u original de tu plantilla.
Seguir leyendo

BLOGUMUS manual sin fallas

El amigo Oloman del blog Olobloger nos enseñó oportunamente a implementar una nube de etiquetas al estilo de Blogumus pero sin los problemas de interpretación de tildes y eñes. Luego de adaptar lo que nos enseñó a nuestras necesidades tenemos una implementación simple que puede ser usada para etiquetas, enlaces a otras webs o cualquier dirección que se nos ocurra.
La misma se instala de forma muy simple colocando el código que adjunto en un elemento HTML/JAVA.
Como contrapartida a tal sencillez, la carga de la dirección de destino la deberemos realizar de forma manual agregando una línea de código que es repetitiva en toda la implementación y que les marco en color verde.

&lt;a href='URL_x' style='12'&gt;ENLACE_x&lt;/a&gt;

De esta forma, una vez que tenemos la etiqueta nueva, copiamos la dirección a dónde ella remite y la pegamos en un nuevo sector de código
Coloque cada dirección de destino reemplazando donde dice URL.
Dónde dice ENLACE deberá colocar una descripción corta para ayuda visual (es el texto que se verá en la nube).


<div style="height: 200px; margin: 0px auto; text-align: center; width: 200px;">
<embed allowscriptaccess="always" bgcolor="#000000" flashvars="tcolor=0x8A0808&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

&lt;a href='URL_1' style='12'&gt;ENLACE_1&lt;/a&gt;
&lt;a href='URL_2' style='12'&gt;ENLACE_2&lt;/a&gt;
&lt;a href='URL_3' style='12'&gt;ENLACE_3&lt;/a&gt;

&lt;/tags&gt;" height="200" id="tagcloud" name="tagcloud" quality="high" src="http://sites.google.com/site/oloblogger/ficheros/tagcloud.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed></div>


Para ser más gráfico les dejo un ejemplo.
La nube que les muestro aquí arriba contiene el siguiente código que enlaza a tres etiquetas de este mismo blog.


<div style="height: 200px; margin: 0px auto; text-align: center; width: 200px;">
<embed allowscriptaccess="always" bgcolor="#000000" flashvars="tcolor=0x8A0808&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

&lt;a href='http://generacionopin.blogspot.com/search/label/Fuentes' style='12'&gt;Fuentes&lt;/a&gt;
&lt;a href='http://generacionopin.blogspot.com/search/label/Servicios' style='12'&gt;Servicios&lt;/a&gt;
&lt;a href='http://generacionopin.blogspot.com/search/label/Trucos' style='12'&gt;Trucos&lt;/a&gt;

&lt;/tags&gt;" height="200" id="tagcloud" name="tagcloud" quality="high" src="http://sites.google.com/site/oloblogger/ficheros/tagcloud.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed></div>

El tamaño del campo de la nube se define mediante los clásicos parámetros width y height (ancho y alto) aquí prefijados en 200. (se debe modificar dos veces)
El fondo es transparente para que haga juego con cualquier plantilla, y ha sido definido mediante el parámetro wmode="transparent" que recomiendo no modificar.
El color del texto se selecciona modificando el tcolor=0x8A0808 donde el 0A0808 representa nuestro actual color rojo y que puede ser modificado a gusto del diseñador.

Si deseas guardar el software necesario y no depender del servidor de  Olobloger puedes obtener uno en esta dirección (click en la dirección)
descargarlo, subirlo a tu propio servidor y luego cambiar su dirección en el código reemplazando donde dice http://sites.google.com/site/oloblogger/ficheros/tagcloud.swf .

De lo contrario sigue las instrucciones de Oloman aquí

Espero les sea de utilidad.
Seguir leyendo
 

ESTE BLOG ES UN ARCHIVO DONDE GUARDO Y COMPARTO TODOS AQUELLOS TRUCOS QUE ME HAN SIDO DE UTILIDAD PARA LA ADAPTACIÓN DE PLATILLAS BLOGGER. CADA UNO INCLUYE EL CRÉDITO AL AUTOR ORIGINAL MIENTRAS ÉSTE EXISTA. ESPERO QUE HA USTED TAMBIÉN LE SEAN DE UTILIDAD. OPin
Animated Social Gadget - Blogger And Wordpress Tips