Reducir el peso de las imagenes

Sabemos que las imágenes tienen su peso y la incidencia del mismo en la carga de nuestro blog. Es por ello la presentación de esta herramienta con la cual podemos reducir el peso de las misma hasta en un 90% sin que pierdan calidad, no sin antes darles a conocer un truco para lograr el mismo cometido, pero sin utilizar ningún software y es: abrir la imágen, a la cual queremos reducir el peso, con Paint. Luego de abierta la guardamos sin hacer ningún cambio en ella en el mismo formato que estaba originalmente (jpeg, png, gif, etc). En este paso final de guardar la imágen se nos pedirá si deseamos reemplazar la imágen y hacemos click en aceptar. Deben, para constatar la reducción del peso, ver el peso de la imágen antes del proceso y despues del mismo. Para ver el peso inicial de la imágen sólo tienen que situar el cursor del mouse sobre la imágen y se abrirá un recuadro, debajo de la misma, con la información que necesitamos. Bien, el software en cuestión para reducir el peso de las imágenes es Xat.com Image Optimizer Professional, el cual pueden descargar desde este enlace.

Esta información fué extraída de http://milaboratoriodepruebas.blogspot.com/

Agregar la función "Imprimir Imágen" al menú contextual.

Para la obtención de esto, utilizaremos un complemento para Firefox llamado Print Image, el cual podremos descargar desde PrintImage. Al hacer click derecho sobre una imágen, en el menú contextual nos aparecerá la función como lo indica la siguiente imágen:

Otra forma de colorear los codigos.

Para lograr una presentación vistosa de los códigos en las entradas del blog, la mas utilizada ha sido Highlighter. Ello conlleva a la implementación o inserción de algunos códigos dentro de la plantilla del blog, como también la utilización de Hosting para alojar los códigos Javascript necesarios para el buen funcionamiento del efecto o truco. Hoy les traigo una herramienta online con la que podremos, sin mucho esfuerzo, lograr el cometido de resaltar los códigos. Se trata de Pastie. Con ella solo necesitamos colocar el código, previa conversion con Postable, otra herramienta con la que podemos hacer los códigos "mas amigables", en el formulario, que se nos presenta, especificando el tipo de lenguaje del código (javascript, html, css, etc.), obtendremos un pequeño código, que deberemos colocar en el sitio correspondiente en la entrada que estemos elaborando y que requiere la presentación de un código como apoyo a la entrada. El resultado será la presentación del código con los colores correspondientes al lenguaje al que pertenece (ver ejemplo).






Para dejar bien sentado que tipo de código estás exponiendo, al momento de procesar el código en la herramienta, deberás encabezar el mismo con esto:






## Tipo de Código.RB



Donde los símbolos ##, lo que están haciendo es numerar las líneas que ocupa el código según se muestra en el ejemplo arriba presentado. Donde dice Tipo de Código, lo sustiuyes por el nombre del código según corresponda (Javascript, HTML, CSS, etc.).
Olvidaba algo: Para tomar el código dentro del recuadro, debes hacer click en el botón donde dice RAW para la opción texto-plano.

Mundial de Football 2010: Horarios ?

La Copa Mundial de Fútbol es el torneo internacional de fútbol masculino a nivel de selecciones nacionales más importante del mundo. Su nombre oficial actual es Copa Mundial de la FIFA en honor de la institución que organiza dicho evento.

Wikipedia

Entre el 11 de Junio, y hasta el 11 de Julio, se llevará a efecto el evento que pudieramos decir que  une al Mundo  : "La Copa Mundial FIFA". Este es un evento que se realiza cada cuatro años, y en esta oportunidad será disputada en Africa, teniendo como escenarios las ciudades de Port Elizabeth, Bloemfortein, Johannesburgo, Pretoria y Rustenburg, donde se disputarán los 64 partidos o encuentros que conforman la ronda que dará, al final, el encuentro con dos equipos disputándose el título de campeon y que será en la ciudad de Johannesburgo.

Despues de esta información tenemos una interrogante: ¿Horario de estos encuentros?. Existe una herramienta con la cual podemos estar enterados de los mismos, y trasladarlos a nuestro huso horario correspondiente. Se trata de Time Ticker .

Fuente: Siete Orejas

Enlace:  Time Ticker

Iconos de Alta Definición.

En ésta oportunidad voy a dejarles un interesante pack de íconos de redes sociales de una muy alta definición, que haran lucir extraordinaria a nuestra página web o blog. El autor de dicha obra es IconShock, con una licencia gratuíta, íconos avalados en medidas que van desde 32x32 px hasta 256x256 px. Dicho pack contiene 41 íconos: Disfrutenlos...!!

Descargar desde éste enlace.

Fondos Degradados.

Una manera de conseguir fondos degradados de una manera perfecta es con Grad Color. Esta es una muy útil herramienta con la que puedes hacer infinidades de fondos degradados y tenerlos siempre a mano al momento de registrar una cuenta en Grad Color. Puedes hacer tus degradados de distintas manera. No necesita mayor explicación ya que ésta herramienta es muy instuitiva. Como una recomendación final expondremos:

Para obtener una gradación más agradable, al utilizar más de dos colores, debe utilizar como color secundario, el color que está mas cerca del color anterior. Ver ejemplo en imágen anexa:

Enlace: Grad Color

Como colocar un acortador de URLs en tu blog.

Antes de hacer cualquier modificación en tu blog, no olvides hacer una copia de respaldo.

En este caso específico la referencia es TinyURL, un acortador novedoso y utilizado por la mayoría de los blogger. Para la instalación en el blog debemos colocar el siguiente código bien sea en una entrada o en la sidebar. En ésta última debes cambiar el valor numérico que aparece en rojo por un valor que se ajuste al tamaño de la sidebar de tu blog.

<form action="http://tinyurl.com/create.php" method="post" target="_blank">
<table align="center" cellpadding="5" bgcolor="#E7E7F7"><tr><td>
<b>Coloca una URL para <a href="http://tinyurl.com">acortar</a>:</b><br />
<input type="text" name="url" size="60"><input type="submit" name="submit" value="Acortar URL">
</td></tr></table>
</form>

Coloca una URL para acortar:

Espero les sea de utilidad.

JPGBox: Hosting de imagenes.

Un interesante hostin de imágenes es jpgbox. No hay que registrase,  por tanto es un hosting común, donde no posees una cuenta propia, pero puedes identificar tus imágenes luego de subidas para usos posteriores. Te da la opción de tomar la imágen en varios tamaños, brindandote, además, los links necesarios para compartir la imágen.

Como acceder a nuestro PC desde cualquier sitio.

Muchas veces, estando fuera de casa o del lugar donde tenemos nuestro ordenador o PC, hemos necesitado de alguna información que tenemos alojada allí, y necesitamos de manera urgente dicha información.. La manera fácil de conseguirlo es mediante ésta herramienta: LogMeIn.

Con LogMeIn tienes acceso libre y remoto a tus PCs de trabajo y hogar, desde cualquier sitio del mundo con sólo tener a mano una conexión a Internet.

Fuente:

Una tabla de colores para tu blog.

Siempre tenemos la necesidad de tener a mano herramientas que tienen una utilidad diaria. En éste caso voy a dejarles una tabla de colores web para que puedan implementarla en su blog y así, no tener que dar carreras al momento de necesitarla.

Tabla de Colores Web

	#eeeeee		#ff0000		#00ff00		#0000ff
	#dddddd		#ee0000		#00ee00		#0000ee
	#cccccc		#dd0000		#00dd00		#0000dd
	#bbbbbb		#cc0000		#00cc00		#0000cc
	#aaaaaa		#bb0000		#00bb00		#0000bb
	#999999		#aa0000		#00aa00		#0000aa
	#888888		#990000		#009900		#000099
	#777777		#880000		#008800		#000088
	#666666		#770000		#007700		#000077
	#555555		#660000		#006600		#000066
	#444444		#550000		#005500		#000055
	#333333		#440000		#004400		#000044
	#222222		#330000		#003300		#000033
	#111111		#220000		#002200		#000022
	#000000		#110000		#001100		#000011

Colores Web No Difuminados

 

	#ffffff		#ffccff		#ff99ff		#ff66ff		#ff33ff		#ff00ff
	#ffffcc		#ffcccc		#ff99cc		#ff66cc		#ff33cc		#ff00cc
	#ffff99		#ffcc99		#ff9999		#ff6699		#ff3399		#ff0099
	#ffff66		#ffcc66		#ff9966		#ff6666		#ff3366		#ff0066
	#ffff33		#ffcc33		#ff9933		#ff6633		#ff3333		#ff0033
	#ffff00		#ffcc00		#ff9900		#ff6600		#ff3300		#ff0000
	#ccffff		#ccccff		#cc99ff		#cc66ff		#cc33ff		#cc00ff
	#ccffcc		#cccccc		#cc99cc		#cc66cc		#cc33cc		#cc00cc
	#ccff99		#cccc99		#cc9999		#cc6699		#cc3399		#cc0099
	#ccff66		#cccc66		#cc9966		#cc6666		#cc3366		#cc0066
	#ccff33		#cccc33		#cc9933		#cc6633		#cc3333		#cc0033
	#ccff00		#cccc00		#cc9900		#cc6600		#cc3300		#cc0000
	#99ffff		#99ccff		#9999ff		#9966ff		#9933ff		#9900ff
	#99ffcc		#99cccc		#9999cc		#9966cc		#9933cc		#9900cc
	#99ff99		#99cc99		#999999		#996699		#993399		#990099
	#99ff66		#99cc66		#999966		#996666		#993366		#990066
	#99ff33		#99cc33		#999933		#996633		#993333		#990033
	#99ff00		#99cc00		#999900		#996600		#993300		#990000
	#66ffff		#66ccff		#6699ff		#6666ff		#6633ff		#6600ff
	#66ffcc		#66cccc		#6699cc		#6666cc		#6633cc		#6600cc
	#66ff99		#66cc99		#669999		#666699		#663399		#660099
	#66ff66		#66cc66		#669966		#666666		#663366		#660066
	#66ff33		#66cc33		#669933		#666633		#663333		#660033
	#66ff00		#66cc00		#669900		#666600		#663300		#660000
	#33ffff		#33ccff		#3399ff		#3366ff		#3333ff		#3300ff
	#33ffcc		#33cccc		#3399cc		#3366cc		#3333cc		#3300cc
	#33ff99		#33cc99		#339999		#336699		#333399		#330099
	#33ff66		#33cc66		#339966		#336666		#333366		#330066
	#33ff33		#33cc33		#339933		#336633		#333333		#330033
	#33ff00		#33cc00		#339900		#336600		#333300		#330000
	#00ffff		#00ccff		#0099ff		#0066ff		#0033ff		#0000ff
	#00ffcc		#00cccc		#0099cc		#0066cc		#0033cc		#0000cc
	#00ff99		#00cc99		#009999		#006699		#003399		#000099
	#00ff66		#00cc66		#009966		#006666		#003366		#000066
	#00ff33		#00cc33		#009933		#006633		#003333		#000033
	#00ff00		#00cc00		#009900		#006600		#003300		#000000

El código a continuación:

<div align="center">

<h2>Tabla de Colores</h2>

<table style="width: 550px !important;" border="0">

<tbody>

<tr>

<td style="background-color: #eeeeee; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#eeeeee</td>

<td style="background-color: #ff0000; width: 10px; border: 1px solid #000;">&nbsp;</td>



<td>#ff0000</td>

<td style="background-color: #00ff00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00ff00</td>

<td style="background-color: #0000ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#0000ff</td>

</tr>

<tr>

<td style="background-color: #dddddd; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#dddddd</td>

<td style="background-color: #ee0000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ee0000</td>

<td style="background-color: #00ee00; width: 10px; border: 1px solid #000;">&nbsp;</td>



<td>#00ee00</td>

<td style="background-color: #0000ee; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#0000ee</td>

</tr>

<tr>

<td style="background-color: #cccccc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cccccc</td>

<td style="background-color: #dd0000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#dd0000</td>

<td style="background-color: #00dd00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00dd00</td>

<td style="background-color: #0000dd; width: 10px; border: 1px solid #000;">&nbsp;</td>



<td>#0000dd</td>

</tr>

<tr>

<td style="background-color: #bbbbbb; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#bbbbbb</td>

<td style="background-color: #cc0000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc0000</td>

<td style="background-color: #00cc00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00cc00</td>

<td style="background-color: #0000cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#0000cc</td>

</tr>



<tr>

<td style="background-color: #aaaaaa; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#aaaaaa</td>

<td style="background-color: #bb0000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#bb0000</td>

<td style="background-color: #00bb00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00bb00</td>

<td style="background-color: #0000bb; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#0000bb</td>

</tr>

<tr>

<td style="background-color: #999999; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#999999</td>



<td style="background-color: #aa0000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#aa0000</td>

<td style="background-color: #00aa00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00aa00</td>

<td style="background-color: #0000aa; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#0000aa</td>

</tr>

<tr>

<td style="background-color: #888888; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#888888</td>

<td style="background-color: #990000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#990000</td>



<td style="background-color: #009900; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#009900</td>

<td style="background-color: #000099; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#000099</td>

</tr>

<tr>

<td style="background-color: #777777; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#777777</td>

<td style="background-color: #880000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#880000</td>

<td style="background-color: #008800; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#008800</td>



<td style="background-color: #000088; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#000088</td>

</tr>

<tr>

<td style="background-color: #666666; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#666666</td>

<td style="background-color: #770000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#770000</td>

<td style="background-color: #007700; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#007700</td>

<td style="background-color: #000077; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#000077</td>



</tr>

<tr>

<td style="background-color: #555555; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#555555</td>

<td style="background-color: #660000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#660000</td>

<td style="background-color: #006600; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#006600</td>

<td style="background-color: #000066; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#000066</td>

</tr>

<tr>

<td style="background-color: #444444; width: 10px; border: 1px solid #000;">&nbsp;</td>



<td>#444444</td>

<td style="background-color: #550000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#550000</td>

<td style="background-color: #005500; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#005500</td>

<td style="background-color: #000055; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#000055</td>

</tr>

<tr>

<td style="background-color: #333333; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#333333</td>

<td style="background-color: #440000; width: 10px; border: 1px solid #000;">&nbsp;</td>



<td>#440000</td>

<td style="background-color: #004400; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#004400</td>

<td style="background-color: #000044; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#000044</td>

</tr>

<tr>

<td style="background-color: #222222; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#222222</td>

<td style="background-color: #330000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#330000</td>

<td style="background-color: #003300; width: 10px; border: 1px solid #000;">&nbsp;</td>



<td>#003300</td>

<td style="background-color: #000033; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#000033</td>

</tr>

<tr>

<td style="background-color: #111111; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#111111</td>

<td style="background-color: #220000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#220000</td>

<td style="background-color: #002200; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#002200</td>

<td style="background-color: #000022; width: 10px; border: 1px solid #000;">&nbsp;</td>



<td>#000022</td>

</tr>

<tr>

<td style="background-color: #000000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#000000</td>

<td style="background-color: #110000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#110000</td>

<td style="background-color: #001100; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#001100</td>

<td style="background-color: #000011; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#000011</td>

</tr>



</tbody>

</table>

<h3>Colores Web </h3>

<table style="width: 500px !important;" border="0">

<tbody>

<tr>

<td style="background-color: #ffffff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ffffff</td>

<td style="background-color: #ffccff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ffccff</td>

<td style="background-color: #ff99ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff99ff</td>

<td style="background-color: #ff66ff; width: 10px; border: 1px solid #000;">&nbsp;</td>



<td>#ff66ff</td>

<td style="background-color: #ff33ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff33ff</td>

<td style="background-color: #ff00ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff00ff</td>

</tr>

<tr>

<td style="background-color: #ffffcc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ffffcc</td>

<td style="background-color: #ffcccc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ffcccc</td>

<td style="background-color: #ff99cc; width: 10px; border: 1px solid #000;">&nbsp;</td>



<td>#ff99cc</td>

<td style="background-color: #ff66cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff66cc</td>

<td style="background-color: #ff33cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff33cc</td>

<td style="background-color: #ff00cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff00cc</td>

</tr>

<tr>

<td style="background-color: #ffff99; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ffff99</td>

<td style="background-color: #ffcc99; width: 10px; border: 1px solid #000;">&nbsp;</td>



<td>#ffcc99</td>

<td style="background-color: #ff9999; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff9999</td>

<td style="background-color: #ff6699; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff6699</td>

<td style="background-color: #ff3399; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff3399</td>

<td style="background-color: #ff0099; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff0099</td>

</tr>

<tr>

<td style="background-color: #ffff66; width: 10px; border: 1px solid #000;">&nbsp;</td>



<td>#ffff66</td>

<td style="background-color: #ffcc66; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ffcc66</td>

<td style="background-color: #ff9966; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff9966</td>

<td style="background-color: #ff6666; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff6666</td>

<td style="background-color: #ff3366; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff3366</td>

<td style="background-color: #ff0066; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff0066</td>



</tr>

<tr>

<td style="background-color: #ffff33; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ffff33</td>

<td style="background-color: #ffcc33; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ffcc33</td>

<td style="background-color: #ff9933; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff9933</td>

<td style="background-color: #ff6633; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff6633</td>

<td style="background-color: #ff3333; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff3333</td>



<td style="background-color: #ff0033; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff0033</td>

</tr>

<tr>

<td style="background-color: #ffff00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ffff00</td>

<td style="background-color: #ffcc00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ffcc00</td>

<td style="background-color: #ff9900; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff9900</td>

<td style="background-color: #ff6600; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff6600</td>



<td style="background-color: #ff3300; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff3300</td>

<td style="background-color: #ff0000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ff0000</td>

</tr>

<tr>

<td style="background-color: #ccffff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ccffff</td>

<td style="background-color: #ccccff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ccccff</td>

<td style="background-color: #cc99ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc99ff</td>



<td style="background-color: #cc66ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc66ff</td>

<td style="background-color: #cc33ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc33ff</td>

<td style="background-color: #cc00ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc00ff</td>

</tr>

<tr>

<td style="background-color: #ccffcc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ccffcc</td>

<td style="background-color: #cccccc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cccccc</td>



<td style="background-color: #cc99cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc99cc</td>

<td style="background-color: #cc66cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc66cc</td>

<td style="background-color: #cc33cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc33cc</td>

<td style="background-color: #cc00cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc00cc</td>

</tr>

<tr>

<td style="background-color: #ccff99; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ccff99</td>



<td style="background-color: #cccc99; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cccc99</td>

<td style="background-color: #cc9999; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc9999</td>

<td style="background-color: #cc6699; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc6699</td>

<td style="background-color: #cc3399; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc3399</td>

<td style="background-color: #cc0099; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc0099</td>

</tr>

<tr>



<td style="background-color: #ccff66; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ccff66</td>

<td style="background-color: #cccc66; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cccc66</td>

<td style="background-color: #cc9966; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc9966</td>

<td style="background-color: #cc6666; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc6666</td>

<td style="background-color: #cc3366; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc3366</td>

<td style="background-color: #cc0066; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc0066</td>



</tr>

<tr>

<td style="background-color: #ccff33; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ccff33</td>

<td style="background-color: #cccc33; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cccc33</td>

<td style="background-color: #cc9933; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc9933</td>

<td style="background-color: #cc6633; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc6633</td>

<td style="background-color: #cc3333; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc3333</td>



<td style="background-color: #cc0033; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc0033</td>

</tr>

<tr>

<td style="background-color: #ccff00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#ccff00</td>

<td style="background-color: #cccc00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cccc00</td>

<td style="background-color: #cc9900; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc9900</td>

<td style="background-color: #cc6600; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc6600</td>



<td style="background-color: #cc3300; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc3300</td>

<td style="background-color: #cc0000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#cc0000</td>

</tr>

<tr>

<td style="background-color: #99ffff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#99ffff</td>

<td style="background-color: #99ccff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#99ccff</td>

<td style="background-color: #9999ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#9999ff</td>



<td style="background-color: #9966ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#9966ff</td>

<td style="background-color: #9933ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#9933ff</td>

<td style="background-color: #9900ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#9900ff</td>

</tr>

<tr>

<td style="background-color: #99ffcc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#99ffcc</td>

<td style="background-color: #99cccc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#99cccc</td>



<td style="background-color: #9999cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#9999cc</td>

<td style="background-color: #9966cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#9966cc</td>

<td style="background-color: #9933cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#9933cc</td>

<td style="background-color: #9900cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#9900cc</td>

</tr>

<tr>

<td style="background-color: #99ff99; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#99ff99</td>



<td style="background-color: #99cc99; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#99cc99</td>

<td style="background-color: #999999; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#999999</td>

<td style="background-color: #996699; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#996699</td>

<td style="background-color: #993399; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#993399</td>

<td style="background-color: #990099; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#990099</td>

</tr>

<tr>



<td style="background-color: #99ff66; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#99ff66</td>

<td style="background-color: #99cc66; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#99cc66</td>

<td style="background-color: #999966; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#999966</td>

<td style="background-color: #996666; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#996666</td>

<td style="background-color: #993366; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#993366</td>

<td style="background-color: #990066; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#990066</td>



</tr>

<tr>

<td style="background-color: #99ff33; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#99ff33</td>

<td style="background-color: #99cc33; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#99cc33</td>

<td style="background-color: #999933; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#999933</td>

<td style="background-color: #996633; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#996633</td>

<td style="background-color: #993333; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#993333</td>



<td style="background-color: #990033; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#990033</td>

</tr>

<tr>

<td style="background-color: #99ff00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#99ff00</td>

<td style="background-color: #99cc00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#99cc00</td>

<td style="background-color: #999900; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#999900</td>

<td style="background-color: #996600; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#996600</td>



<td style="background-color: #993300; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#993300</td>

<td style="background-color: #990000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#990000</td>

</tr>

<tr>

<td style="background-color: #66ffff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#66ffff</td>

<td style="background-color: #66ccff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#66ccff</td>

<td style="background-color: #6699ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#6699ff</td>



<td style="background-color: #6666ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#6666ff</td>

<td style="background-color: #6633ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#6633ff</td>

<td style="background-color: #6600ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#6600ff</td>

</tr>

<tr>

<td style="background-color: #66ffcc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#66ffcc</td>

<td style="background-color: #66cccc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#66cccc</td>



<td style="background-color: #6699cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#6699cc</td>

<td style="background-color: #6666cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#6666cc</td>

<td style="background-color: #6633cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#6633cc</td>

<td style="background-color: #6600cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#6600cc</td>

</tr>

<tr>

<td style="background-color: #66ff99; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#66ff99</td>



<td style="background-color: #66cc99; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#66cc99</td>

<td style="background-color: #669999; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#669999</td>

<td style="background-color: #666699; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#666699</td>

<td style="background-color: #663399; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#663399</td>

<td style="background-color: #660099; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#660099</td>

</tr>

<tr>



<td style="background-color: #66ff66; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#66ff66</td>

<td style="background-color: #66cc66; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#66cc66</td>

<td style="background-color: #669966; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#669966</td>

<td style="background-color: #666666; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#666666</td>

<td style="background-color: #663366; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#663366</td>

<td style="background-color: #660066; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#660066</td>



</tr>

<tr>

<td style="background-color: #66ff33; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#66ff33</td>

<td style="background-color: #66cc33; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#66cc33</td>

<td style="background-color: #669933; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#669933</td>

<td style="background-color: #666633; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#666633</td>

<td style="background-color: #663333; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#663333</td>



<td style="background-color: #660033; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#660033</td>

</tr>

<tr>

<td style="background-color: #66ff00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#66ff00</td>

<td style="background-color: #66cc00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#66cc00</td>

<td style="background-color: #669900; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#669900</td>

<td style="background-color: #666600; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#666600</td>



<td style="background-color: #663300; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#663300</td>

<td style="background-color: #660000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#660000</td>

</tr>

<tr>

<td style="background-color: #33ffff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#33ffff</td>

<td style="background-color: #33ccff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#33ccff</td>

<td style="background-color: #3399ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#3399ff</td>



<td style="background-color: #3366ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#3366ff</td>

<td style="background-color: #3333ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#3333ff</td>

<td style="background-color: #3300ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#3300ff</td>

</tr>

<tr>

<td style="background-color: #33ffcc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#33ffcc</td>

<td style="background-color: #33cccc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#33cccc</td>



<td style="background-color: #3399cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#3399cc</td>

<td style="background-color: #3366cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#3366cc</td>

<td style="background-color: #3333cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#3333cc</td>

<td style="background-color: #3300cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#3300cc</td>

</tr>

<tr>

<td style="background-color: #33ff99; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#33ff99</td>



<td style="background-color: #33cc99; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#33cc99</td>

<td style="background-color: #339999; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#339999</td>

<td style="background-color: #336699; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#336699</td>

<td style="background-color: #333399; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#333399</td>

<td style="background-color: #330099; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#330099</td>

</tr>

<tr>



<td style="background-color: #33ff66; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#33ff66</td>

<td style="background-color: #33cc66; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#33cc66</td>

<td style="background-color: #339966; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#339966</td>

<td style="background-color: #336666; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#336666</td>

<td style="background-color: #333366; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#333366</td>

<td style="background-color: #330066; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#330066</td>



</tr>

<tr>

<td style="background-color: #33ff33; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#33ff33</td>

<td style="background-color: #33cc33; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#33cc33</td>

<td style="background-color: #339933; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#339933</td>

<td style="background-color: #336633; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#336633</td>

<td style="background-color: #333333; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#333333</td>



<td style="background-color: #330033; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#330033</td>

</tr>

<tr>

<td style="background-color: #33ff00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#33ff00</td>

<td style="background-color: #33cc00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#33cc00</td>

<td style="background-color: #339900; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#339900</td>

<td style="background-color: #336600; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#336600</td>



<td style="background-color: #333300; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#333300</td>

<td style="background-color: #330000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#330000</td>

</tr>

<tr>

<td style="background-color: #00ffff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00ffff</td>

<td style="background-color: #00ccff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00ccff</td>

<td style="background-color: #0099ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#0099ff</td>



<td style="background-color: #0066ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#0066ff</td>

<td style="background-color: #0033ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#0033ff</td>

<td style="background-color: #0000ff; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#0000ff</td>

</tr>

<tr>

<td style="background-color: #00ffcc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00ffcc</td>

<td style="background-color: #00cccc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00cccc</td>



<td style="background-color: #0099cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#0099cc</td>

<td style="background-color: #0066cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#0066cc</td>

<td style="background-color: #0033cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#0033cc</td>

<td style="background-color: #0000cc; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#0000cc</td>

</tr>

<tr>

<td style="background-color: #00ff99; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00ff99</td>



<td style="background-color: #00cc99; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00cc99</td>

<td style="background-color: #009999; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#009999</td>

<td style="background-color: #006699; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#006699</td>

<td style="background-color: #003399; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#003399</td>

<td style="background-color: #000099; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#000099</td>

</tr>

<tr>



<td style="background-color: #00ff66; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00ff66</td>

<td style="background-color: #00cc66; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00cc66</td>

<td style="background-color: #009966; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#009966</td>

<td style="background-color: #006666; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#006666</td>

<td style="background-color: #003366; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#003366</td>

<td style="background-color: #000066; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#000066</td>



</tr>

<tr>

<td style="background-color: #00ff33; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00ff33</td>

<td style="background-color: #00cc33; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00cc33</td>

<td style="background-color: #009933; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#009933</td>

<td style="background-color: #006633; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#006633</td>

<td style="background-color: #003333; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#003333</td>



<td style="background-color: #000033; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#000033</td>

</tr>

<tr>

<td style="background-color: #00ff00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00ff00</td>

<td style="background-color: #00cc00; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#00cc00</td>

<td style="background-color: #009900; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#009900</td>

<td style="background-color: #006600; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#006600</td>



<td style="background-color: #003300; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#003300</td>

<td style="background-color: #000000; width: 10px; border: 1px solid #000;">&nbsp;</td>

<td>#000000</td>

</tr>

</tbody>&nbsp;</table>

</div>

Colocar un widget de GoogleBuzz en tu blog.

A poco tiempo de su lanzamiento, Googlebuzz está escalando, de forma rápida, posiciones entre las herramientas de redes sociales. Mediante Googlebuzz se pueden compartir actualizaciones, enlaces, aparte de que es un gran medio de comunicación. Ahora bien: ¿ como colocar un widget de Googlebuzz en tu blog ?. Para ello debemos dirigirnos al sitio buzzcounter.net, donde sólo tenemos que colocar nuestro nombre de usuario del perfíl de Google y hacer click en "Crear widget" para que se nos genere un código, el cual debemos copiar y colocar en la sidebar de nuestro blog (Ejem.) para que aparezca dicho widget. De seguidas algunas imágenes complementarias.

Evitando que copien el contenido de tu blog

Siempre he pensado que cuando escribimos para el público, llega un momento en el cual comenzamos a ser figura pública. Lo bueno se copia y lo malo se desecha. Esto significa que cuando nuestro trabajo se copia, aún con descaro, es porque lo que escribimos es bueno.

Para aquellos que continúan con "no copies mi contenido" les traigo una herramienta, que para ellos, me parece muy buena y que conseguí enVera's Soul. Se trata de TyntInsight y puedes acceder a la página desde aquí, donde despues de registrarse, se les suministra un código que deben colocar sobre </body> despues de haber accedido a la plantilla de su blog. Podemos complementar este código con una licencia Creative Commons, la cual pueden agregar automáticamente al código desde TyntInsight. A continuación imágen de apoyo:

[Hacer click sobre la imágen para ampliar]

Espero les haya sido útil la información.

¿Como descargar libros desde GoogleBooks ?

GoogleBooks`es un servicio de Google, cuyo objetivo es el de facilitar, a sus usuarios, la localizaciòn, vìa web, de informaciòn contenida dentro de libros impresos. Dentro de esa enorme cantidad de libros los hay con Copyright (Derechos de Autor), y los de dominio pùblico, catalogados de èsta manera debido a que los derechos de autor han expirado. De estos ùltimos libros, Google ofrece contenidos completos, pudièndose localizar colocando en "bùsqueda avanzada" la opciòn "libros enteros".

Para la bùsqueda de estos libros encontraràn a continuaciòn, el còdigo para instalar el buscador de libros Google en su blog. Para la descarga de los libros en formato PDF encontraràn el enlace de descarga en GoogleBookDownloader.

El còdigo para el buscador de libros a continuaciòn:

<!-- Google Book Search -->

<div align="center"><form action="http://books.google.com/books" method="get">

<table bgcolor="#FFFFFF">

  <tr>

    <td><a href="http://books.google.com/"> <img border="0" alt="Google Book Search" width="108" src="http://books.google.com/googlebooks/books_box.gif" height="40" align="absmiddle"/></a>

    <input value="en" name="hl" type="hidden"/>

    <input value="books-referral-partner" name="sourceid" type="hidden"/>

    <input maxlength="255" value="" name="q" size="25" type="text"/>

    <input value="Buscar" name="btnG" type="submit"/>

    </td>

  </tr>

</table>

</form></div>

<!-- Google Book Search -->

Espero que les sea de utilidad.

Reducir el peso de las imagenes

Generalmente, cuando hacemos capturas de imágenes para utilizarlas en alguna entrada o post como soporte visual para el tema a tratar, nos olvidamos que las mismas tienen un tamaño, un peso, que a la final están relacionados con la lentitud de carga de nuestra página web o blog. Para evitar la ralentización de nuestras páginas  debemos entonces optimizar esas imágenes reduciendo su peso, pero sin que la imágen final tenga diferencias significativas con la imágen original. Para ello  les dejo a PunyPNG , una herramienta online con la que podremos lograr este cometido.

Agregar a Favoritos rápida y fácilmente

Para lograr que agreguen tu blog o página web a favoritos o marcadores, sólo tienes que colocar el siguiente código en el lugar que tu quieras, siendo lo más recomendable y saludable, puesto que estará a la vista de todos dicha invitación, colocarlo en la sidebar.

<SCRIPT LANGUAGE="JavaScript">

<!-- ;



//This code is for IE v4 or better

if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion >= "4.0")

{document.write("<U><SPAN STYLE='color:000FFF;cursor:hand;' onClick='window.external.AddFavorite(location.href, document.title);'>Add this page to your favorites<\/SPAN><\/U>")}



//This code posts text if not

else

{document.write("Pulse CTRL+D para agregar ésta página a favoritos")}



// end hide -->

</SCRIPT>



<p><font face="arial" size="-2"></font><br><font face="arial, helvetica" size="-2"><a href="Aquí colocas la URL de tu blog o página web"></a></font></p>

Antes de colocar el código en tu sidebar, no olvides colocar la URL de tu blog o página web donde se te indica. La manera como visualizarás dicha herramienta a continuación:

Como saber que libreria usa un blog

Muchas veces hemos visto efectos en páginas web o blog que nos dejan impresionados. Esos efectos vienen dados por las librerías usadas en dichas página. Entre estas librerías tenemos: MooTools, jQuery, Prototype, Script.aculo.us, Dojo, etc. Pero... como saber, en ese momento, que librería es. La solución está a la mano: WTFramework, aplicación, que a través de un bookmarklet podemos tenerla a mano en nuestra barra de herramientas. Sólo con hacer click sobre WTFramework nos aparecerá, de manera inmediata, un recuadro en la parte superior derecha del navegador, con los datos de la librería utilizada como pueden apreciar en la imágen siguiente.

Enlace: WTFramework

De esta manera ya sabremos que librería utilizar para implementar ese bonito efecto en nuestro blog o página web.

Formulario de Contacto.

Los formularios de contacto son formas que se utilizan para comunicarse, en los blogs o web, con el administrador(es) del mismo. Existen muchos sitios que de manera gratuíta, nos permiten elaborar dichos formularios, proporcionándonos a la vez, un código para implementarlo en nuestras páginas. Hurgando en la web, como de costumbre, me topé con SayToMe, servicio web que permite la creación de estos formularios de contacto. Dentro de los atributos de ésta herramienta está el que evita el spam y correos no deseados, ya que tu e-mail permanecerá siempre oculto, llegándote los mensajes a travé de SayToMe. La elaboración de estos formularios te dá como resultante dos (2) códigos, uno HTML, el cual colocarás donde quieras que aparezca el formulario, y otro código CSS, el cual colocarás sobre ]]></b:skin>, para lo que tienes que entrar a tu plantilla sin expandir artilugios. Ingresa a SayToMe, para que tomes tu formulario y lo coloques en tu blog o web. A continuación imágenes complementarias:

Ventanas POP con medidas establecidas

Cuando colocamos enlaces o links en nuestro blog, y queremos que el mismo se abra en una ventana aparte y no el la misma página acudimos al atributo  target = "_blank" , pero si aún queremos más como establecerle a dicha ventana unos parámetros de ancho y alto, los mismos debemos colocarlos dentro de código que utilizaremos para implementar ese link. Vamos entonces a colocarles un ejemplo de lo explicado en éste   enlace.
El código a continuación:

<a href="URL de la imágen o archivo a mostrar en la nueva ventana" target="_blank" onClick="window.open(this.href, this.target, 'width=Ancho de la ventana,height=Alto de la ventana'); return false;">Título relacionado</a>

Ver ultimas entradas en la sidebar

Una manera de colocar las últimas entradas escritas en el blog, en la sidebar del mismo, es a través de un widget que la amiga Amanda, de Blogger Buster, muy gentilmente ha preparado y proporcionado a todos. Para su implementación sólo tienes que acceder a tu blog de la manera acostumbrada, luego, en la sección DISEÑO haces click en agregar un gadget, Continuando en la sección de gadgets buscamos DESTACADOS, y en la septima (7) línea encontrarás dicho widget, que por ser muy instuitívo, te permitirá, sin problema alguno, colocarlo en la sidebar de tu blog. Ahora espero te halla sido útil ésta información.