Vistos Buenos

Adiós a una gran maestra.

vistosbuenos@gmail.com (Antony) — Fri, 18 Feb 2011 14:33:00 -0430

Lamentable pero cierto, nuestra maestra y querida Rosa ha partido de este mundo terrenal dejando un gran vació en la blogosfera. Que sus numerosas ayudas perdure en nosotros. Y que siempre sera recordada como la gran maestra de "El Escaparate de Rosa".

Chuleta para Blogger

vistosbuenos@gmail.com (Antony) — Wed, 22 Dec 2010 15:20:00 -0430

Intentado actualizarme en todo lo que Blogger a mejorado, me encontré con un post muy particular. Para aquellos que le gusta ir más allá de publicar un post y que le gusta experimentar con sus plantillas. Esto nos ayudará a muchos, de eso estoy seguro. A continuación una "chuleta" o "Cheat Sheet para Blogger" donde encontraremos las clases e identificadores de nuestra plantilla.

Para ver la chuleta aquí

Fuente Blog and Web

¡Feliz Navidad!

Envia los post a Twitter

vistosbuenos@gmail.com (Antony) — Sat, 19 Sep 2009 14:24:00 -0430

Twitter se ha convertido en unas de las redes sociales con mayor preferencia, no solo me ha servido para conocer personas y comentar sobre temas de la actualidad, sino también para promocionar el blog. Hoy aprenderemos a enviar los post para Twitter de una manera muy sencilla.

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

Lo primero que haremos es irnos a Diseño - Edición HTML - Expandir la plantilla en artilugios, buscamos esto:

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

O puede ser 2,3 ó 4 la línea de post-footer

Y colocaremos este código:


<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.title + " " + data:post.url + " vía @<b>usuariotwitter</b>"' title='Coméntalo en Twitter'>Manda este post a Twitter</a>

Tiene que cambiar donde dice "usuariotwitter" por tu usuario de Twitter

Fuente: TheBatzuk

Widget con Opciones de Navegación

vistosbuenos@gmail.com (Antony) — Thu, 25 Jun 2009 10:11:00 -0430

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyjH10CKvOk66nHzOu4fL5BGsH_Rf81DdPfVUvF35YPOffAd2gIHnrZ_onDVmpGsj9UtEyU4svPEGNY4A8LmXAZbBPEn_t5D9vCDLzzQ8f3ARGhZdphtuDmXHVO7LjAQOUZUGv2b3hM0w7/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyjH10CKvOk66nHzOu4fL5BGsH_Rf81DdPfVUvF35YPOffAd2gIHnrZ_onDVmpGsj9UtEyU4svPEGNY4A8LmXAZbBPEn_t5D9vCDLzzQ8f3ARGhZdphtuDmXHVO7LjAQOUZUGv2b3hM0w7/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

2 años con Ustedes

vistosbuenos@gmail.com (Antony) — Fri, 5 Jun 2009 06:00:00 -0430

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 (Antony) — Thu, 14 May 2009 23:56:00 -0430

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 (Antony) — Sat, 2 May 2009 17:32:00 -0430

...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

Top Comentarista (Gadget)

vistosbuenos@gmail.com (Antony) — Fri, 17 Apr 2009 16:09:00 -0430

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 (Antony) — Wed, 15 Apr 2009 17:16:00 -0430

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 (Antony) — Wed, 8 Apr 2009 13:34:00 -0430

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 (Antony) — Wed, 8 Apr 2009 10:55:00 -0430

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í

Fecha tipo calendario

vistosbuenos@gmail.com (Antony) — Fri, 3 Apr 2009 20:50:00 -0430

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

Los Sidebar

vistosbuenos@gmail.com (Antony) — Fri, 27 Mar 2009 17:37:00 -0430

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. :)

Mariana Vega - Te dí

vistosbuenos@gmail.com (Antony) — Sat, 21 Mar 2009 09:31:00 -0430

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 (Antony) — Thu, 19 Mar 2009 16:17:00 -0430

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 (Antony) — Wed, 18 Mar 2009 15:33:00 -0430

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:

Código[+/-]

<script type='text/javascript'>
// <![CDATA[
//ENTRADAS EN DESPLEGABLE POR ETIQUETAS
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}

function showFullPost(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'inline';
if (spans[i].id == "readmore")
spans[i].style.display = 'none';
}
}

function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'inline';
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}


function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'none';
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
found = 1;
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}

function commentDisplay(json) {
for (var i = 0; i < numcomments; i++) {
var entry = json.feed.entry[i];
var alturl;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
alturl = alturl.replace("#", "#comment-");

if (entry.content) {
comment = entry.content.$t;
} else if (entry.summary) {
comment = entry.summary.$t;
}

var re = /<S[^>]*>/g;
comment = comment.replace(re, "");
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented:<br/>');
if (comment.length < numchars)
document.write(comment + '<br/><br/>');
else
document.write(comment.substring(0, numchars) + '...<br/><br/>');
}
document.write('Widget sponsored by:<br/><a href="http://bvibes.com"><img src="http://fbvibes.com/templates/yget/images/vibes_logo.png"/></a><br/>');
}
//]]>
</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[+/-]


<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr><td width='40px'>
<a expr:onclick='&quot;javascript:toggleIt(&quot;&quot; + data:post.id + &quot;&quot;);&quot;' href='javascript:void(0)' style='text-decoration:none' title='Desplegar esta entrada'>[+/-]</a></td>
<td><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3></td></tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>


<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>

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

</b:if>

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.

Actualizado el 15/03/2001

Pie de las entradas (Post-Footer)

vistosbuenos@gmail.com (Antony) — Sun, 15 Mar 2009 17:45:00 -0430

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>

World Builder (Constructor de Mundos)

vistosbuenos@gmail.com (Antony) — Sat, 14 Mar 2009 21:29:00 -0430

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 (Antony) — Fri, 13 Mar 2009 20:34:00 -0430

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 (Antony) — Thu, 12 Mar 2009 15:45:00 -0430

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. 

Resaltando con CSS

vistosbuenos@gmail.com (Antony) — Thu, 12 Mar 2009 08:31:00 -0430

Alguna vez has visto en los blogs donde se resaltan los enlaces, fuente, notas, actualizaciones y muchas otras cosas. En Xyberneticos nos explican como hacerlo. Son muy, pero muy útiles para nuestro blog.

Ejemplos:

Este es un ejemplo de como puede ser útil en tu blog

Visto en Xyberneticos

Nube de Etiquetas

vistosbuenos@gmail.com (Antony) — Tue, 10 Mar 2009 15:50:00 -0430

¿Sabes como hacer una nube de etiquetas? Hoy te enseñaremos como hacerla y además vendrán una serie de post referente a el tema . Estas la puedes colocar donde tu prefieras. Y por supuesto ante de aplicar el truco tenemos que añadir un nuevo elemento en la plantilla y añadimos el elemento etiquetas. Hay cosas que tenemos que tener muy clara, la primera y la más importante es tener etiquetados los post, la segunda es que las etiquetas tienen que tener más de dos entradas y la tercera que ninguna debe incluir comillas. Dicho esto, manos a la obra.

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

Vamos a la plantilla Diseño - Edición HTML y sin expandir la plantilla nos vamos a ]]></b:skin> y colocaremos esto justo ante:


/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

Luego no vamos </head> y justo ante se colocará esto:


<script type='text/javascript'>

// Label Cloud User Variables

var lcBlogURL = 'http://YOURBLOG.blogspot.com';

var maxFontSize = 20;

var maxColor = [0,0,255];

var minFontSize = 10;

var minColor = [0,0,0];

var lcShowCount = false;


</script>

En la parte que dice YOURBLOG lo cambiaremos por el nombre del blog.

Ahora la parte final y buscamos esta linea de código:

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Y los reemplazaremos por esto:



<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)

}
return v
}

var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Más información en Phydeaux3 y en este blog

Es muy sencillo, si deseas saber más sobre esto, no dudes en comentar.

How To Save A Life - The Fray

vistosbuenos@gmail.com (Antony) — Tue, 10 Mar 2009 15:50:00 -0430

Este video dices muchas cosas... No dudes en verlo. Esta subtitulado en español y además es parte de soundtrack de la exitosa serie Grey's Anatomy.

Premios y más Premios III

vistosbuenos@gmail.com (Antony) — Thu, 5 Mar 2009 17:43:00 -0430

He recibidos varios premios por parte de mis aliados como lo son Graciela de Palomas de Papel y Elitazesf de Todo el Ser. Aquí dejo lo que me han regalado (Disculpa por no seguir la reglas). Los tres primeros me lo ha dado Graciela y el otro me lo dio Elitazesf . Gracias a las dos.

La Visión futura de Microsoft

vistosbuenos@gmail.com (Antony) — Thu, 5 Mar 2009 17:06:00 -0430

Pasando por Blogtecnia me encontré este video muy interesante, es la visión futura de Microsoft en el mundo de la tecnología. Parece algo de ciencia ficción, pero como cada días vemos el progreso de las tecnologías a nivel mundial cualquier cosa se puede esperar. El video fue presentado durante la Wharton Business Technology Conference. Que lo disfruten y me cuenta que les pareció.