Vistos Buenos

Widget con Opciones de Navegación

vistosbuenos@gmail.com — Thu, 25 Jun 2009 07:44:43 PDT

Hace tiempo tenia la necesidad de poner opciones de navegación al blog, como por ejemplo, el de aumentar y disminuir el tamaño del texto y otros que son de mucha utilidad en el blog. Paseandome por La Blogueria me encontré una entrada donde nos daba un idea de como hacer un widget con lo dicho anteriormente, a mi parecer es muy sencillo.

Los primero es ver que le puedes colocar al widget. Aquí le dejo una serie de enlaces o pasos que servirán para hacer el widget.

1. Un buscador interno.
2. Abriendo los enlaces en otra ventana.
3. Un Traductor multilingüe.
4. Aumentar y disminuir el tamaño del texto.
5. Las entradas al azar.

Puedes obviar pasos (si tu quieres), recuerda que es tu decisión y también le puedes agregar los que a ti te parezca importante.

Si has cumplido con todos los pasos el widget quedara más o menos así:


<div style="border: 6px outset #778899; padding: 6px; background: #FFFFFF; none repeat scroll 0% 50%; width: 200px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; color: black;">
<center>
<style type="text/css">
#buscador {
background: url();
padding: 5px;
float: center;
overflow:hidden;
margin: 0 auto; }

</style>
<form id="buscador" action="/search" method="get">
<img border="0" src="http://2.bp.blogspot.com/_fihXd9a0ItM/SWOW108l_JI/AAAAAAAAAdE/2UKKRmfFRCM/s320/searchiconry7.png"/><input this.value="onblur=" )="buscador..." onfocus="if (this.value == " ; q value="Buscador..." if type="text" (this.value="name"/>
</form>
<br/>

<div class="linkprefs">

<p style="display: block;">

<input id="linkprefs" value="linkprefs" name="linkprefs" onclick="setCheckbox(document.getElementById('linkprefs').checked);" type="checkbox"/>

<label for="linkprefs" title="Opciones de navegacion">Abrir enlaces externos en nueva ventana</label></p>

<span></span>

<script type="text/javascript">addEvent(window, 'load',loadLinkPrefs);</script>

</div>
<br/>
<h4>Traductor</h4>
<img src="http://img176.imageshack.us/img176/6091/84056383at1.png"/>
<form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation" target="_blank">
<input value="ES" name="wl_srclang" type="hidden"/>
<select style="font-size: 90%; width: 140px;" name="wl_trglang">
<option value="EN"/>Español - Inglés
<option value="FR"/>Español - Francés
<option value="DE"/>Español - Alemán
<option value="IT"/>Español - Italiano
<option value="PT"/>Español - Portugués
<option value="RU"/>Español - Ruso
</select>
<input value="http://NOMBRE_DEL_BLOG.blogspot.com/" name="wl_url" type="hidden"/>
<input style="font-size: 90%; width: 70px;" value="Traduce" type="submit"/>
</form>
<br/>
<h4>Entradas al azar</h4>
<div id="myLuckyPost"></div>
<script type="text/javascript">
function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
window.location = entry.link[j].href;
}
}
}
function fetchLuck(luck){
script = document.createElement('script');
script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
function readLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);
luckyNumber++;
fetchLuck(luckyNumber);
}
function feelingLucky(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
<img border="0" src="http://2.bp.blogspot.com/_fihXd9a0ItM/SWOW108l_JI/AAAAAAAAAdE/2UKKRmfFRCM/s320/searchiconry7.png"/><a href="#random" onclick="feelingLucky()" title="Entrada al azar">Entradas al azar</a>

<br/><br/>
<h4>Tamaño del texto</h4>
<p><img src="http://vbmusica.googlepages.com/fontMas.gif"/><a href="javascript:ts('body',1)"> AUMENTAR </a></p>

<p><img src="http://vbmusica.googlepages.com/fontMenos.gif"/><a href="javascript:ts('body',-1)"> DISMINUIR </a></p></center></div>

Puedes modificar el tamaño del cuadro al comienzo del código width: 200px;, también hay cosas que puedes modificar a tu gusto. Puedes copiar y pegar el código en Real-time HTML y vas viendo como va quedando las modificaciones que hagas. En el código hay link de imágenes que están temporalmente alojadas en mi alojadores.

Fuente La Blogueria

Buenas Noticias - Victor Escalona

vistosbuenos@gmail.com — Fri, 12 Jun 2009 07:46:08 PDT

Comparto hoy esta canción que me parece excelente. Su mensaje es claro ¿Donde estarán las Buenas Noticias? Venezuela se ha convertido en un país con muchas malas noticias, donde la TV, la prensa y la radio ocupan sus espacios noticiosos en malas noticias que son muy ciertas pero tengo la esperanza que cambiaran por Buenas Noticias. Según el cantante de esta canción busca responder la pregunta que su hijo de 10 años "Papá ¿en ese canal no pasan buenas noticias?"

2 años con Ustedes

vistosbuenos@gmail.com — Fri, 05 Jun 2009 03:30:00 PDT

Hoy mi blog cumple 2 años desde su creación, hace 2 años que esto nació como un experimento en este nuevo mundo y ahora es toda una creación. A pesar de poca actividad del blog debido a las responsabilidades que ahora tengo y que también me la paso pajareando en Twitter, este blog sigue adelante. Mis más profundos agradecimiento a quienes me han ayudado a ser de este blog lo que es ahora, al principio mi blog comenzó por publicar noticias y opiniones, pues ahora publico lo que en verdad me gusta, que es compartir trucos que experimento en mi blog. Gracias por seguirme y estar ahí.

Earthlings (Terrícolas) Documental

vistosbuenos@gmail.com — Thu, 14 May 2009 21:49:52 PDT

He estado buscando este documental durante mucho tiempo, se que lo tenia en uno de los tantos correos que tengo. La búsqueda valió la pena, es un documental que desde el primer día que lo vi, cambio algo en mi. Para alguno va hacer duro verlo y para otros solo es algo para reflexionar. Estos son días para que reflexionemos acerca de la situación del mundo, es necesario un cambio pero ¡YA!, este documental dura 1 hora y 35 minutos. Es necesario que le demos el respeto que se merece los animales, en este documental se muestra las crueldades a las que son sometidos.

"Debemos cultivar la empatía, debemos ser capaces de mirar a los ojos de un animal y sentir que su existencia es valiosa porque es un ser vivo"

Sin miedo a descubrir...

vistosbuenos@gmail.com — Sat, 02 May 2009 15:03:13 PDT

...Hasta donde puedo llegar

Sin complejos, sin vértigo, sin prejuicios.
Soy mayor y no llego a saber hasta dónde puedo llegar, cuáles son mis limitaciones, los puntos a explotar, la ilusión y capacidad de dar y dejar que los demás den por mí.
Puede que sea una búsqueda constante y cambiante.
Puede que sólo yo piense que sin miedo puedo llegar a más, puedo seguir aprendiendo no ya sólo de los demás sino de mí mismo.
Quiero poder mostrar y demostrar que los límites se los labra uno mismo.

¿Hasta dónde llegas? ¿Qué límites reconoces propios?

Reflexión original de Nuria Santos del Blog Tengo una Duda

Ivete Sangalo - Quando a Chuva Passar

vistosbuenos@gmail.com — Mon, 27 Apr 2009 20:10:06 PDT

Esta canción me encanta, siempre la escucho. La cantante es la brasilera Ivete Sangalo que es una hermosa y humilde mujer. La canción es español sería "Cuando pase la lluvia".

Feliz día de la Tierra

vistosbuenos@gmail.com — Wed, 22 Apr 2009 16:45:19 PDT

Como dice Walter Martínez "nuestra querida, contaminada y única nave espacial" (donde se refiere a nuestro planeta tierra) Hoy nos recuerda que es un día para reflexionar sobre ella y cuidarla TODOS LOS DÍAS. La Tierra es y será nuestro único lugar donde podemos habitar, pero si no la cuidamos las consecuencias podrán ser graves, a pesar de que ya las estamos sintiendo. Le dejo un video que me encanta.

Laura Pausini - En Cambio No

vistosbuenos@gmail.com — Sat, 18 Apr 2009 12:00:52 PDT

Una linda canción con un excelente video. Una canción escrita por Laura Pausini que expresa lindos sentimientos. En cambio no es una canción para dedicársela a esa persona que siempre esta ahí contigo, a pesar que no este físicamente contigo.

Top Comentarista (Gadget)

vistosbuenos@gmail.com — Sat, 02 May 2009 13:04:58 PDT

Este gadget es tan importante para nuestro blog. Nos ayuda saber cuales son las personas que más comentan en nuestro blog, he venido investigado un poco ya que hay muchos blog de ayuda que nos ofrecen este gadget, pero me tope con una entrada de Vagabundia que me pareció la mejor explicada.

Lo primero:

Nos vamos a Diseño > Elementos de la página > Añadir un gadget. Luego agregaremos el siguiente script:


<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ol>");
var i;
for (i = 0; i < obj.count ; i++) {
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write("</ol>");
}
</script>
<script src= "http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=c92ac21897d8b56e61cfa85930dd89a1&url=http%3A%2F%2FnombreBlog.blogspot.com&num=10&filter=nombre1,nombre2,etc"; type="text/javascript"></script>

Ahora bien, tienes que modificar todo lo que esta en negrita, colocas el nombre de tu blog, el número de personas que quieras que se muestren en tu top y además el "filter" que donde puedes ocultar tu nombre (Ya que uno es el que más comenta en el blog.).

Fuente: Vagabundia

Actualizacion: En el siguiente post podemos ver otra alternativa que nos ofrece Rosa.

Mi top 10:

Uno Crece

vistosbuenos@gmail.com — Wed, 15 Apr 2009 14:48:38 PDT

Imagen de Artenara

Hace días me llego un correo con este texto. Y quiero compartirlo.

Imposible atravesar la vida...
...Sin que un trabajo salga mal hecho, sin que una amistad cause decepción, sin padecer algún quebranto de salud, sin que un amor nos abandone, sin que nadie de la familia fallezca, sin equivocarse en un negocio.

Ese es el costo de vivir. Sin embargo lo importante no es lo que suceda, sino, como se reacciona. Si te pones a coleccionar heridas eternamente sangrantes, vivirás como un pájaro herido incapaz de volver a volar.

Uno crece...
Uno crece cuando no hay vacío de esperanza, ni debilitamiento de voluntad, ni pérdida de fe.
Uno crece cuando acepta la realidad y tiene aplomo de vivirla. Cuando acepta su destino, pero tiene la voluntad de trabajar para cambiarlo.
Uno crece asimilando lo que deja por detrás, construyendo lo que tiene por delante y proyectando lo que puede ser el porvenir.

Crece cuando supera, se valora, y sabe dar frutos.
Uno crece cuando abre camino dejando huellas, asimila experiencias... ¡Y siembra raíces!
Uno crece cuando se impone metas, sin importarle comentarios negativos, ni prejuicios, cuando da ejemplos sin importarle burlas, ni desdenes, cuando cumple con su labor.

Uno crece cuando se es fuerte por carácter, sostenido por formación, sensible por temperamento... ¡Y humano por nacimiento!..
Uno crece cuando enfrenta el invierno aunque pierda las hojas. Recoge flores aunque tengan espinas y marca camino aunque se levante el polvo.
Uno crece cuando se es capaz de afianzarse con residuos de ilusiones, capaz de perfumarse, con residuos de flores... ¡Y de encenderse con residuos de amor...!

Uno crece ayudando a sus semejantes, conociéndose a sí mismo y dándole a la vida más de lo que recibe.
Uno crece cuando se planta para no retroceder...
Cuando se defiende como águila para no dejar de volar...
Cuando se clava como ancla y se ilumina como estrella.
Entonces...

Uno Crece

Susana Carizza

Últimos Comentarios

vistosbuenos@gmail.com — Wed, 08 Apr 2009 11:09:04 PDT

Este es un script que muchos utilizamos, como últimamente hemos tenido problema para alojar los script, este no es necesario. Vagabundia nos daba esta alternativa debido a que el anterior tenia que ser alojado en tu alojador.

Lo primero:

Tenemos que ir a Diseño > Elementos de la Página > Añadir un Gadget, y pegaremos lo siguiente:

Ver/Ocultar Código


<script type="text/javascript">
function showrecentcomments(json) {
for(var i=0; i < a_rc; i++) {
var b_rc=json.feed.entry[i];var c_rc;
if(i==json.feed.entry.length)break;
for(var k=0; k < b_rc.link.length; k++) {
if(b_rc.link[k].rel=='alternate') {
c_rc=b_rc.link[k].href;break;
}
}
c_rc=c_rc.replace("#","#comment-");
var d_rc=c_rc.split("#");
d_rc=d_rc[0];
var e_rc=d_rc.split("/");
e_rc=e_rc[5];
e_rc=e_rc.split(".html");
e_rc=e_rc[0];
var f_rc=e_rc.replace(/-/g," ");
f_rc=f_rc.link(d_rc);
var g_rc=b_rc.published.$t;
var h_rc=g_rc.substring(0,4);
var i_rc=g_rc.substring(5,7);
var j_rc=g_rc.substring(8,10);
var k_rc=new Array();
k_rc[1]="Ene"; k_rc[2]="Feb"; k_rc[3]="Mar"; k_rc[4]="Abr";
k_rc[5]="May"; k_rc[6]="Jun"; k_rc[7]="Jul"; k_rc[8]="Ago";
k_rc[9]="Sep"; k_rc[10]="Oct"; k_rc[11]="Nov"; k_rc[12]="Dic";
if("content" in b_rc){
var l_rc=b_rc.content.$t;
} else if("summary" in b_rc) {
var l_rc=b_rc.summary.$t;
} else var l_rc="";
var re=/<\S[^>]*>/g;
l_rc=l_rc.replace(re,"");
if(m_rc==true)document.write(k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');
document.write('<li><b>' + b_rc.author[0].name.$t + '</b>');
if(n_rc==true)document.write(f_rc);
document.write(':<br/>');
document.write('<a href="' + c_rc + '">');
if(l_rc.length < o_rc) {
document.write(l_rc);
} else {
l_rc=l_rc.substring(0,o_rc);
var p_rc=l_rc.lastIndexOf(" ");
l_rc=l_rc.substring(0,p_rc);
document.write(l_rc+'&hellip;');
}
document.write('</a></li>');
}
}
</script>

<script type="text/javascript">
var a_rc=10;
var m_rc=false;
var n_rc=false;
var o_rc=60;
</script>

<script src="http://NOMBREBLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Segundo:

Aquí las cosas que podemos modificar:

Cambiaremos donde dice "NOMBREBLOG" por el nombre del blog.

Modificación de algunas variables:


<script type="text/javascript">
var a_rc=10; // la cantidad de comentarios a mostrar
var m_rc=false; // poner en true si se quiere mostrar la fecha
var n_rc=false; // poner en true si se quiere mostrar el título del post
var o_rc=50; // es la longitud máxima a mostrar de cada comentario (caracteres)
</script>

Solo guardamos y tendremos los últimos comentarios de blog.

Si quieres personalizarlo solo hacemos lo siguiente:

Diseño > Edición HTML > Expandimos en artilugios y busca algo parecido a esto(Vamos a buscar el código del widget donde colocamos el script):


<b:widget id='HTMLXX' locked='false' title='EL TITULO' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ultimosComentarios'><data:content/></div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Le agregaremos lo que este en negrita para así darle un estilo.

Para el estilo CSS solo buscamos esto ]]></b:skin> y colocaremos los siguientes y puedes agregarle el estilo que tu prefieras(Recuerda adaptarlo a tu gusto).


/* Últimos Comentarios
----------------------------------------------- */
#ultimosComentarios li {
/* es el rectángulo que contiene cada item de la lista */
background: transparent url() no-repeat 0px 4px;
border-bottom: 1px dotted #223344;
border-top: 1px dotted #223344;
margin-bottom: -1px !important;
padding: 8px 0 5px 28px;
}
#ultimosComentarios li:hover {
background-color: #EEEEEE;

/* efecto sobre esos rectángulos */
}
#ultimosComentarios b {
/* es el nombre del autor del comentario */
color: #333333;}

#ultimosComentarios a, #ultimosComentarios a:link, #ultimosComentarios a:visited {
/* el texto del comentario */
color: #BBB;}

#ultimosComentarios a:hover {
/* efecto sobre el enlace */
color: #000000;}

¡Y guardamos!

Pizcos nos ofrece una alternativa también.

Fuente: Vagabundia

Entradas más populares

vistosbuenos@gmail.com — Wed, 08 Apr 2009 08:26:04 PDT

Hace día me pedían como poner las entradas más populares en el blog. Hay varias manera de hacerlo, en Blogger Buster no ofrecen como hacerlo directamente. Pero en El Escaparate de Rosa nos ofrecen otra alternativa. Sin embargo Vagabundia lo explica más detallado.

Solo hay que colocar un pequeño script, añadiendo un widget al blog.


    <script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback& _id=e1f5a9b2248904d8b81f794c09353010&url=http%3A%2F%2Fnombredelblog.blogspot.com&num=5" type="text/javascript"></script>

Recuerda cambiar en el script donde dice "nombredelblog" por el nombre de nuestro blog. Y en "num=5" puedes poner la cantidad de entradas que quieres mostrar

Puedes personalizarlo aquí

Carlos Baute & Marta Sánchez - Colgando En Tus Manos

vistosbuenos@gmail.com — Sat, 04 Apr 2009 08:34:34 PDT

Una linda canción que lleva según Record Report 10 semana en el 4to lugar de la cartelera nacional y que hasta "ahora" son más de 7.442.828 de reproducciones del video en el canal de Warner Music Spain. En el video podemos ver a Carlos Baute y la hermosa española Marta Sánchez donde hacen un buen dueto y esa química que se transmite.

Fecha tipo calendario

vistosbuenos@gmail.com — Fri, 03 Apr 2009 18:20:20 PDT

Hace día me preguntaba 3705 sobre como poner en las entradas la fecha tipo calendario. Hoy le explicare como hacerlo y además este se vera en todas las entradas así las haya publicado el mismo día. Es muy sencillo, pero recuerda siempre probar en un blog de prueba.

¡Recuerda! "GUARDAR SIEMPRE UNA COPIA DE TU PLANTILLA EN TU PC"

Lo Primero:

Seguiremos los siguientes paso ante de empezar, no vamos al Panel > Configuración > Formato > Formato de cabecera de fecha > Seleccionamos la penúltima fecha del menú desplegable que se nos presenta (03 abril 2009).

Segundo:

Después de hacer el paso anterior nos vamos a Diseño > Edición de HTML > Expandir plantilla en artilugios. Y ante del </head> colocamos el siguiente script:



<script type='text/javascript'>
//<![CDATA[
var ultimaFecha;
function remplaza_fecha(d){
if (d == "") {
d = ultimaFecha;
}
var da = d.split(' ');
dia = "<strong class='fecha_dia'>"+da[0]+"</strong>";
mes = "<strong class='fecha_mes'>"+da[1].slice(0,3)+"</strong>";

anio = "<strong class='fecha_anio'>"+da[2]+"</strong>";
document.write(dia+mes+anio);
ultimaFecha = d;
}
//]]>
</script>

Tercero:

Ahora buscaremos el siguiente código en la plantilla (CTRL+F) (Si no lo encuentras búscalos por este también: <data:post.dateHeader/>):


<h2 class='date-header'><data:post.dateHeader/></h2>

Una vez localizado lo remplazaremos por el siguiente:


<div id='fecha'>
<script>remplaza_fecha('<data:post.dateHeader/>');</script>
</div>
<b:else/>
<div id='fecha'>
<script>remplaza_fecha('');</script>
</div>

Cuarto:

Ahora vamos a darle el estilo CSS, que por supuesto lo encontraremos después del ]]></b:skin>:



/* Calendario-Fecha
-------------------- */

#fecha {
display: block;
float:left;
margin: 0 13px 0 0;
padding: 0 13px 8px 10px;
color: #333;
background: transparent url(http://img367.imageshack.us/img367/1449/blue2kt9.png) no-repeat;
border: 0;
text-transform: uppercase;
}

.fecha_mes {
display: block;
font-size: 10px;
font-weight:bold;
}

.fecha_anio {
display: block;
font-size: 10px;
}

.fecha_dia {
display: block;
font-size: 16px;
font-weight:bold;
}

El código CSS hay ciertas cosas que puedes modificar como la posición (Float) del calendario, el código original esta a la Izquierda(Left) y lo puedes cambiar por Derecho(Right). Si quieres cambiar el tamaño del texto tienes que hacerlo en font-size. Puedes cambiar la imagen en background y si utiliza alguna imagen diferente a la que te ofrezco aquí, tendrás que cambiar algunos valores como el padding, margin y font-size .

Pack de iconos de calendario Descargar

Fuentes: El Escaparate de Rosa <> Vagabundia

Maná - Arde el Cielo

vistosbuenos@gmail.com — Tue, 31 Mar 2009 11:52:33 PDT

Después de unos día de ausencia paso a dejar un video, bueno más que un video es un mensajes que nos envía la naturaleza de que la cuidemos. El mundo nos dice basta... ¡Hay que cuidarlo YA!

Los Sidebar

vistosbuenos@gmail.com — Fri, 27 Mar 2009 15:07:30 PDT

Vamos a empezar hablar sobre los sidebar o columna, como todos saben es la parte lateral del blog, bien sea a la derecha o la izquierda. Es una parte fundamental en blog, ya que ahí podrás poner todo lo relacionado con tu blog (Archivos, enlaces, imágenes, videos, script, texto, reloj, calendario, e/o).

Vamos a identificar la parte de códigos (HTML/CSS) que le corresponde a los sidebar. "Todo lo explicado, esta basado en la plantilla mínima"

Lo primero: Parte CSS

En esta parte la encontraremos en el Outer-Wrapper.


#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

Width (ancho) Esta parte es muy importante ya que aquí le daremos el tamaño al sidebar.

Segundo: Parte CSS

Lo encontraremos en el /* Sidebar Content.


/* Sidebar Content

----------------------------------------------- */

.sidebar { 

  color: $sidebartextcolor;

  line-height: 1.5em;

 }



.sidebar ul {

  list-style:none;

  margin:0 0 0;

  padding:0 0 0;

}

.sidebar li {

  margin:0;

  padding-top:0;

  padding-$endSide:0;

  padding-bottom:.25em;

  padding-$startSide:15px;

  text-indent:-15px;

  line-height:1.5em;

  }



.sidebar .widget, .main .widget { 

  border-bottom:1px dotted $bordercolor;

  margin:0 0 1.5em;

  padding:0 0 1.5em;

 }



.main .Blog { 

  border-bottom-width: 0;

}

Aquí haremos cambios en de estilo en el sidebar, como por ejemplo: cambiarle el color, colocarle margenes y el estilo de las lista en el sidebar. Es algo muy fácil de modificar te invito a visitar estos tutoriales, para así entender más de sobre los CSS.

Tercero: Parte HTML

Esto lo encontraras en <div id='sidebar-wrapper'> dentro de las etiquetas Body.


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

<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>

<b:widget id='BlogArchive1' locked='false' title='Archivo' type='BlogArchive'/>

</b:section>

Por lo general así encontraras estas secciones donde cada sección comenzara por la etiqueta <b:section> y terminara con la etiqueta </b:section> y dentro de la sección veremos las etiquetas widget (artilugios) que son lo elementos que le agregas al blog.

Según la página de ayuda de Blogger tienen que ser únicos y adaptarlos a los siguientes atributos:

id - (obligatorio) un nombre exclusivo, que consta únicamente de letras y números.
class - (opcional) algunos nombres de clase habituales son "navbar", "header", "main", "sidebar" y "footer." Si cambias las plantillas más adelante, estos nombres ayudarán a Blogger a determinar la mejor forma de transferir el contenido. Sin embargo, puedes utilizar otros nombres si lo prefieres.
maxwidgets- (opcional) el número máximo de artilugios que se pueden permitir en esta sección. Si no se especifica límite, significa que no existe.
showaddelement - (opcional) puede ser "yes" o "no", donde "yes" es la opción predeterminada. Determina si la pestaña "Elementos de página" mostrará el vínculo "Añadir un elemento de página" en esta sección.
growth - (opcional) puede ser "horizontal" o "vertical", donde "vertical" es la opción predeterminada. Establece si los artilugios de esta sección se ordenan uno al lado de otro o uno encima del otro.

Cada artilugios (widget) también tiene unos atributos a seguir:



<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>

<b:widget id='BlogArchive1' locked='false' title='Archivo' type='BlogArchive'/>

id - (obligatorio) consta únicamente de letras y números, y cada uno de los ID de la plantilla deben ser exclusivos. El ID de un artilugio sólo se puede modificar eliminando el artilugio en cuestión y creando uno nuevo.
type - (obligatorio) indica el tipo de artilugio, el cual debe ser uno de los tipos válidos de la lista que se especifica más abajo.
locked - (opcional) puede ser "yes" o "no", donde "no" es la opción predeterminada. Un artilugio con este atributo no se puede mover ni suprimir de la pestaña "Elementos de página".
title - (opcional) el título que se muestra del artilugio. Si no se especifica ninguno, se empleará un título predeterminado, como "List1".
pageType - (opcional) puede ser "all", "archive", "main" o "item", donde "all" es la opción predeterminada. El artilugio se mostrará únicamente en las páginas del blog que se hayan establecido para ello. (Todos los artilugios se muestran en la pestaña "Elementos de página", independientemente de su atributo pageType).

Al final lo verán de esta estructura, donde <b:section></b:section> van dentro de la etiqueta <div id='sidebar-wrapper'> </div> :


<div id='sidebar-wrapper'>

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

<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>

<b:widget id='BlogArchive1' locked='false' title='Archivo' type='BlogArchive'/>

</b:section>
</div>

Dentro de las etiquetas widget hay unos ID existente para diferenciar cada artilugios:

BlogArchive
Blog
Feed
Header
HTML
SingleImage
LinkList
List
Logo
BlogProfile
Navbar
VideoBar
NewsBar

Referencia en Ayuda de Blogger

Seguiremos explicando más en el próxima entrada. :)

Eres mi religión - Maná

vistosbuenos@gmail.com — Tue, 24 Mar 2009 11:11:31 PDT

El video a continuación me encanta, es un clásico, y por supuesto del talentoso grupo Maná una banda única en su estilo, con canciones que a todos nos encanta. Disfruten el video.

Mariana Vega - Te dí

vistosbuenos@gmail.com — Sat, 21 Mar 2009 07:01:44 PDT

Para relajarnos un poco este fin de semana, le dejo este video de una canción espectacular - no dejes de escucharla -. Escrita y cantada por Mariana Vega.

Páginas Web dentro del blog

vistosbuenos@gmail.com — Thu, 19 Mar 2009 13:47:15 PDT

Pasando por el Blog con EÑE vi algo que aprendí hace año cuando apenas empezaba con este blog. Era el de colocar una página Web en el blog. Este sencillo truco es como si navegar en Google desde nuestro blog, algo muy novedoso. Claro, no vas a poner un página pesada ya que afectaría el blog. Puedes poner buscadores, e/o cosas.

Lo Primero:

Solo hay que poner este iframe bien sea dentro de una entrada o en un elemento(Gadget).


<iframe src="dirección de página"WIDTH="500px" HEIGHT="300px"></iframe>

El Width(Ancho) y Height(Largo) lo colocas a tu gusto.

Puede ver esto en el Editor Online de HTML.

Referencia Blog de César

Ver ejemplo[+/-]

Entradas expandibles [+/-]

vistosbuenos@gmail.com — Wed, 18 Mar 2009 13:08:30 PDT

Hace tiempo he querido hablar sobre este truco que al principio era un dolor de cabeza colocarlo y sobre todo encontrarlo, ya que ni siquiera cuando lo encontraba me tomaba la molestia en guardarlo a mis marcadores. Pero me decidí explicarlo lo más claro posible y hacerlo. Es muy accesible, te permite mejor visualización a la hora de buscar algo. Recuerda hacer una copia de tu platilla y probar primero en un blog de prueba.

¡Recuerda! "GUARDAR SIEMPRE UNA COPIA DE TU PLANTILLA EN TU PC

Lo primero:

Es irse a Diseño/Edición HTML [Expandimos en Artilugios] y con CTRL+F buscamos </head> y justo ante agregaremos los siguiente:


<script type='text/javascript'>
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}
</script>

<script src='http://www.anniyalogam.com/widgets/hackosphere.js' type='text/javascript'/>

Recuerda que puedes bajar el archivo Hackosphere.js aquí y guardarlo a tu alojador y luego lo sustituyes en el script.

Segundo:

Ahora vamos a buscar todo lo que aparecerá en negrita y le añadimos los que esta en rojo tal como lo verán aquí:

El código a continuación fue tomado de Gem@ Blog

Código[+/-]

Para verlo en funcionamiento presiona clic sobre una de las etiquetas o presionas donde dice entradas antiguas o siguiente.
Referencia Gem@ Blog
Cualquier cosa, no dudes en preguntarme.

Pie de las entradas (Post-Footer)

vistosbuenos@gmail.com — Sun, 15 Mar 2009 15:15:45 PDT

Algo que siempre me ha costado modificar en las plantillas es la parte de los Post-footer o pie de entrada. A veces hay plantilla pre-diseñada que olvidan colocar esta parte tan importante. Lo digo por que he utilizado muchas plantillas "Pre-Diseñada" que obvian esto. Aquí verán como identificar cada parte y le enseñaremos como poner en el pie de la entrada, el autor, hora de la publicación, los comentarios, los enlaces de esta entrada, sobre de envió de entrada, edición rápida, las etiquetas.

¡Recuerda! "GUARDAR SIEMPRE UNA COPIA DE TU PLANTILLA EN TU PC

Para buscar estas lineas solo hay que irnos a <div class='post-footer'>, verificaremos si poseemos una de las tres línea de código como esta:


<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>

[Como puedes ver hay diferentes líneas, estas tres son las más comunes por lo general hay una solo, pero se usan las tres para que todo este en orden. Si no las tienes, añádela después del <div class='post-footer'> y recuerda que terminan con </div>]

Para colocar el autor de las entradas:





<span class='post-author vcard'>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

<span class='fn'><data:post.author/></span>

</b:if>

</span>

Hora de Publicación:



<span class='post-timestamp'>

<b:if cond='data:top.showTimestamp'>

<b:if cond='data:post.url'>

<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>

<abbr class='published' expr:title='data:post.timestampISO8601'>

<data:post.timestamp/></abbr></a>

</b:if>

</b:if>

</span>

Los comentarios:


<span class='post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

</b:if>

</b:if>

</span>

El enlace de la entrada:



<!-- backlinks -->

<span class='post-backlinks post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.showBacklinks'>

<a class='comment-link' expr:href='data:post.url + "#links"'>

<data:top.backlinkLabel/></a>

</b:if>

</b:if>

</span>

El sobre para enviar las entradas:



<span class='post-icons'>

<!-- email post links -->

<b:if cond='data:post.emailPostUrl'>

<span class='item-action'>

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/> </a>

</span>

</b:if>

Lápiz de Edición rápida



<!-- quickedit pencil -->

<b:include data='post' name='postQuickEdit'/>

Las Etiquetas:



<span class='post-labels'>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>

</b:if>

</span>

Aclaraciones:

Recuerda que puedes poner esto según el orden que te guste por lo general es: Autor, fecha de la publicación, comentarios, sobre para enviar la entradas y etiquetas.
Para cumplir si se puede decir con un orden estándar, Esta linea (<div class='post-footer-line post-footer-line-1'>) van a ir el autor de la entrada, fecha de la entrada, comentarios, y el sobre para envió de la entrada. Claro que lo puedes ordenar a tu gusto.
En la siguiente línea (<div class='post-footer-line post-footer-line-2'>) colocas las etiquetas.
Eulalia de Tuneando el Blog tiene algo referente a este tema.

Mostrare un ejemplo, que si quieres puedes tomarlo como referencia. Recuerda que esto siempre va después de <div class='post-footer'>:

[+/-]



<div class='post-footer-line post-footer-line-1'>

<!-- Autor -->

<span class='post-author vcard'>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

<span class='fn'><data:post.author/></span>

</b:if>

</span>

<!-- Fecha de publicación -->

<span class='post-timestamp'>

<b:if cond='data:top.showTimestamp'>

<b:if cond='data:post.url'>

<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>

<abbr class='published' expr:title='data:post.timestampISO8601'>

<data:post.timestamp/></abbr></a>

</b:if>

</b:if>

</span>

<!-- Comentarios -->

<span class='post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

</b:if>

</b:if>

</span>

<!-- Sobre-->

<span class='post-icons'>

<!-- email post links -->

<b:if cond='data:post.emailPostUrl'>

<span class='item-action'>

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/> </a>

</span>

</b:if>
</div>

<div class='post-footer-line post-footer-line-2'>
<!-- Etiquetas -->

<span class='post-labels'>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>

</b:if>

</span>

</div>

Reflexión para todos los Venezolanos

vistosbuenos@gmail.com — Sun, 15 Mar 2009 06:24:10 PDT

Para ser mejor ciudadano(a) o mejor dicho ser mejor Venezolano(a) les dejo esta reflexión que me he encontrado en El Blog de La Negra titulado Culpables somos todos.

"La creencia general anterior era que Carlos Andrés Pérez no servía. La creencia general actual es que Hugo Chávez no sirve. La creencia general será que el que venga después tampoco servirá. Por eso estoy empezando a sospechar que el problema no está en lo alcohólico que haya sido Lusinchi o en la forma que sea Chávez.
El problema está en nosotros, nosotros como pueblo, nosotros como materia prima de un país. Porque pertenezco a un país donde la viveza es la moneda que siempre es valorada más que la vida misma. Un país donde hacerse rico de la noche a la mañana jugando loterías es una virtud más apreciada que formar una familia a largo plazo. Un país donde una persona tranca la salida del garaje de una casa y si le tocamos la corneta para llamar la atención del abusador y hacer que venga a retirar su vehículo, entonces esa persona se molesta y reclama la presión y el corneteo, como si los infractores fuésemos nosotros.

Un país donde un par de señoras pueden recorrer todo un supermercado y mientras compran, hablan pestes de la acción del gobierno de turno, del incumplimiento de las leyes, y de lo terrible de tales o cuales medidas, pero después, a pesar de que su carrito tiene 27 artículos, se hacen las -wilys- y se meten disimuladamente en la cola que es "para un máximo de 10 artículos" y si osamos reclamarles o quejarnos ante el gerente quedamos ante ellas y ante los demás como un soplón, un traidor, o sea, un lengua de hacha solo por intentar hacer cumplir una norma tan sencilla. Pertenezco a un país donde, lamentablemente, los periódicos jamás se podrán vender como se venden en EE.UU. es decir, poniendo unas cajitas en las aceras, donde se paga por un solo periódico y se saca un solo periódico, colocando la cantidad de dinero respectiva y dejando los demás donde está. Porque si aquí los vendieran así, los vendedores de éstos estarían en la quiebra.
Pertenezco al país donde las empresas públicas y privadas son librerías particulares de sus empleados deshonestos. Que se llevan para su casa, como si nada: resmas de papel, bolígrafos, carpetas, marcadores y todo lo que pueda hacer falta para la tarea de sus hijos. Pertenezco a un país donde el turismo no progresa, no porque no haya bellezas naturales que mostrar, sino porque nos cuesta conseguir venezolanos para los cuales la hermosa profesión de servir y atender visitantes no sea considerada una vejación y una humillación. Pertenezco a un país donde la gente se siente triunfal si consigue a buen precio la tarjeta ilegal de DIRECTV; donde la gente inventa como García Márquez a la hora de llenar sus planillas del Seniat, para no pagar impuestos; donde a Carlos Andrés y a Lusinchi no les reclama ningún ente judicial que estén viviendo fuera del país, disfrutando de lo que robaron.
Pertenezco a un país, donde hay que dejar pasar al "vivo" que, en una cola más o menos ordenada, adelantó por el hombrillo a quince o veinte carros, que, por “decentes” no se metieron por el hombrillo antes que él. Donde las licencias de conducir y los certificados médicos se pueden adquirir por teléfono, sin hacerse exámenes ni nada.
Un país donde, un vehículo sufre más daños y sale peor parado después que es recuperado por la policía, que cuando lo roban los ladrones.
Pertenezco a un país, donde cualquier persona puede hacer una fiesta y poner música a volumen pornográfico y esquizofrénico toda la noche, sin que haya nadie, ni alguna autoridad que defienda a los que protestan o se quejen de esos exabruptos sonoros.
Pertenezco a un país donde es más vivo e inteligente el primero que descubra y diga donde se pueden robar llamadas de un teléfono público siendo que ese teléfono se ha quedado "directo".Un país de gente que está lleno de faltas, menoscabos, malas costumbres, pero que disfruta criticando a sus gobernantes,...
... sean adecos, copeyanos, chiriperos, masistas, ó mvrristas, ¨Porque criticar a los adecos o criticar a Chávez, crea una ilusión psicológica que aparentemente eleva la estatura moral y espiritual del que critica. Mientras más insulto a CAP, Lusinchi, Herrera Camping, soy mejor como persona, a pesar de que apenas ayer me consiguieron todas las preguntas del examen de matemáticas de mañana. Mientras más le digo desgraciado, loco, etc. A Chávez, mejor soy como venezolano, a pesar de que apenas esta mañana me quedé con el vuelto de 10 mil bolívares que me dio la señora del abasto, aunque le pagué con uno de cinco mil.
Ya basta. Sólo cuando Renny Otolina hizo aquellas cuñas de tránsito con las vacas fue cuando más o menos la gente respetó un poco. Pero solo ahí, del resto, las intersecciones de Caracas y del interior en horas pico son un verdadero desastre y se convierten en un infierno porque nos empeñamos en atravesarnos aunque quedemos interrumpiendo el flujo de vehículos, aun sabiendo perfectamente que el semáforo va a cambiar y que no nos va a dar tiempo de pasar.
YA BASTA, Como materia prima de un país, tenemos muchas cosas buenas. Pero todavía dejamos mucho que desear. Esos defectos, esa "viveza" congénita, esa deshonestidad a pequeña escala que después crece y evoluciona convirtiéndose en un Recadi o en Cruz Weffer, esa “calidad humana” que en realidad es falta y carencia de todo principio básico, moral, ético, social, eso, mas que CAP o que Chávez, es lo que nos tiene real y francamente catalogados como antisociales disfrazados de “buenos ciudadanos con la capacidad de criticar a los demás” (Llámese antisocial: persona incapacitada para convivir en sana relación con otros individuos dentro de una comunidad).
Aunque Chávez caiga hoy mismo, el próximo presidente que lo suceda tendrá que seguir trabajando con la misma materia prima defectuosa que, como pueblo, somos nosotros mismos. Y no podrá hacer nada, igual que no hicieron nada los adecos y los otros gobiernos de turno.
No tenemos ninguna garantía de que el gritón de Peña o el sifrino de Borges lo puedan hacer mejor. Y mientras nadie señale un camino destinado a erradicar primero los vicios que tenemos como pueblo, nadie servirá. Ni sirvió Carlos Andrés Pérez, ni sirve Chávez, ni servirá el que venga.
Aquí hace falta otra cosa más que cacerolazos, apagones o cohetones y mientras esa "otra cosa" no empiece a surgir desde abajo hacia arriba, o desde arriba hacia abajo, o del centro a los lados, o como quieran, seguiremos igualmente condenados, igualmente estancados. Es muy sabroso ser venezolano y vivir a "a la venezolana". Pero cuando esa venezolanidad autóctona empieza a hacerle daño a nuestras posibilidades de desarrollo como nación, ahí la cosa cambia... prefiero encenderle una velita a los santos, a ver si, en vez de seguir esperando un Mesías, bien sea un Mesías balurdo bolivariano o un mesías egoísta y plástico de la Lagunita, comenzamos cada uno de nosotros a ser guiados por algo o por alguien que termine convirtiéndonos a cada uno de nosotros en nuestro propio Mesías, para nosotros y para los demás. Creo que de todos modos, como país de verdad-verdad, hemos estado a oscuras los últimos 20 o 30 años. Ojala que cambiemos todos, porque si no, cambiar de presidentes no cambiará nada. Porque cambiar de presidentes, sin que cambiemos nosotros, es lograr que nada cambie jamás".

Autor Desconocido

World Builder (Constructor de Mundos)

vistosbuenos@gmail.com — Sat, 14 Mar 2009 18:59:18 PDT

En TreintaSegundos he encontrado este interesante cortometraje de Bruce Branit llamado World Builder (Constructor de Mundos). Este cortometraje esta lleno de mucha magia. Muy interesante de verlo. Son solo 9 minutos para disfrutarlo.

World Builder from Bruce Branit on Vimeo

Vía: TreintaSegundos

Nube de Etiquetas III - Blogumus

vistosbuenos@gmail.com — Sat, 14 Mar 2009 14:37:39 PDT

Presentaremos una nube de etiquetas pero en movimiento. El widget se llama Blogumus. Esta basado en WP Cumulus Plugin de Roy Tanck, y que fue adaptado para su utilización en Blogger. Mostraremos la forma alternativa del widget que Amanda de Blogger Buster dio a conocer.

¡Recuerda! "GUARDAR SIEMPRE UNA COPIA DE TU PLANTILLA EN TU PC"

En Primer lugar nos vamos a Diseño - Edición HTML y sin expandir la plantilla buscaremos(Ctrl+F) esta linea de código en la plantilla.


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

Y justo a esta linea colocaremos los 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://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>

¿Qué podemos cambiar?

La altura y anchura:


&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;

Aquí tienes que adaptarlo según el tamaño de tu sidebar.

Color de Fondo:


&lt;param name="bgcolor" value="#ffffff" /&gt;

Color del texto:


&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

Tamaño de las Etiquetas & Enlaces:


<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'>

Puede ver el tamaño en vista previa.

Aclaraciones:

Se puede ver en vista previa el widget en funcionamiento
Después de la instalación puedes ir a Diseño - Elementos de Páginas y cambias la posición de widget
Y si quieres algo diferente, Vagabundia nos muestra otra forma de navegar con etiquetas
Este Widget es original de Amanda de Blogger Buster
Hay que recordar que este es el código alternativo, quiere decir que se modifico el código original que se dio al principio por su mala visualización, por lo tanto este no debe tener ningún problema en visualizarse en IE. Este fue el primero y este fue el segundo(El que publique aquí). Pero hice mis pruebas y fueron negativa solo sirvio una solo vez, luego borre el historial y volvio a servir. Esto servira el 100% utilizando Firefox

Nube de Etiquetas II

vistosbuenos@gmail.com — Sat, 14 Mar 2009 14:37:39 PDT

En la entrada pasada aprendíamos a colocar nube de etiquetas agregando un script y CSS a nuestra plantilla, ahora le daré la forma de como crearlas por terceros, es decir, que una página nos las genere las nubes online.

Wordle

Wowzio

Quintura

Tag Cloud Generator

Esta lista se estará ampliando. 