Colabora con nosotros!

Ayúdanos a enriquecer nuestro sitio con mas contenido y vuélvete un colaborador.

Acelera tu sitio web con GTmetrix!

Todos merecen una experiencia web mas rápida y GTmetrix puede ayudarte!

La historia de la computadora

Aquí les presentamos un articulo de gran interes para mucho como lo es "La historia de la computadora". Les explicamos todo sobre su creacion en 1880 hasta como la conocemos ahora.

Como poner musica de fondo en tu web o blog

Les presentamos este video-tutorial, en donde explicamos paso a paso la forma de como poner musica de fondo en su sitio web o blog con los videos de Youtube. Un muy sencillo tutorial creado por Nenasays.com

Recopilación de herramientas para Bloggers

He hecho esta recopilación con algunas cuantas herramientas de gran utilidad para los bloggers, y darles una breve explicación. Cada una de ellas, fueron recolectadas de este mismo blog.

31 de julio de 2010

Crea efectos flash online


Ustedes disculparan los dias de ausencia pero he tenido unos asuntos personales que atender y se me hizo casi imposible publicar en estos dias, pero bueno, el dia de hoy les voy a hablar sobre Flash Effect Generator un sitio donde puedes crear efectos flash online y gratuitamente .

El sitio tiene una gran variedad de herramientas para texto e imagenes, animaciones, propiedades, decoracion, multimedia como agregar videos, y mucho mas.

Esta herramienta es muy facil de usar y no necesitas conocimientos en flash, solo de hechar a volar un poco la creatividad y la pagina se encarga del resto. Tambien puedes publicar tu documento ya que te dan un codigo HTML para ponerlo en tu sitio web o blog, puedes descargarlo o enviartelo a tu email.

Podras encontrar tambien un foro de ayuda, tutoriales, un blog, ejemplos e incluso contactar con el personal del sitio para mas informacion.

Flash Effect Generator es una muy buena herramienta, rapida y facil de usar.

28 de julio de 2010

Como hacer un Image Map con Photoshop y GIMP

El dia de hoy les traigo un video tutorial que lo hice el dia viernes, pero como tenia que editarlo y subirlo a youtube, por eso me tarde.

Disfrutenlo y si tienen dudas al respecto preguntenme con toda confianza, y les respondere.






Estos son los enlaces:
Hostin FTP:
Photoshop CS4 Portable:
GIMP:

24 de julio de 2010

Microsoft bate record gracias a Windows 7

La compañia logro un nuevo record de facturacien y se mantiene por encima de su rival historico, Apple.



Microsoft anuncio que el sistema operativo Windows 7 le permitio batir su propio record trimestral y anual de ingresos, facturando un 48% mas que en el mismo periodo del año pasado.

Asi, la firma fundada por Bill Gates se mantiene por encima de su rival Apple, que difundio sus ganancias esta semana y le pisa los talones despues de haberla superado en capitalizacion bursatil.

En su ultimo ejercicio fiscal (cerrado en junio) Microsoft gano US$18.760 millones, un 28,7% mas que el año anterior.

Esos aumentos ponen de manifiesto el renovado interes de los consumidores por la tecnologia, ahora que la crisis retrocede en muchos paises.

Solo en el cuarto trimestre del año fiscal (abril-junio), la firma gano US$4.518 millones, un 48,37% mas que un año antes.

En esos tres meses facturo US$16.039 millones, un 22,44% mas entre abril y junio del año pasado, lo que supone el segundo record consecutivo de ingresos trimestrales logrado por la firma.

Los buenos resultados de Microsoft se deben en gran medida a las ventas de su sistema operativo Windows 7, del que se han vendido 175 millones de licencias desde que salio al mercado en octubre de 2009, despues del fracaso de la version anterior, Windows Vista.

Como explica el blogger de tecnologia de BBC Mundo, David Cuen, "tras el poco exito de Vista, Microsoft necesitaba recuperar el terreno perdido. Con Windows 7 lo esta logrando".

La venta de publicidad en el buscador Bing y la demanda de consolas de videojuegos Xbox tambien ayudaron al aumento.

"Ademas Bing esta ganando cada vez mas mercado en Estados Unidos a costa de Google, por lo que en ese frente tambien hay buenas noticias para la empresa de Steve Ballmer," agrega Cuen.
Las ventas de Windows en el trimestre alcanzaron los US$4.548 millones, frente a los 3.169 de un año antes (un 43,5% más), mientras que las de Office y otros programas para empresas paso de US$4.567 a 5.250 millones (un 15% más).

Los mas de US$16.000 millones facturados entre abril y junio por Microsoft sobrepasan los 15.700 de Apple, que difundio sus cuentas el martes pasado.




Via: BBC Mundo

23 de julio de 2010

Humor: Laptops y Rubias

Nunca deje una laptop en el baño de una rubia.

Botones para compartir en Blogger (agregarlos)

El dia miercoles les comentaba que ahora Blogger nos proporciona sus propios botones para compartir nuestras entradas. Despues de agregar el gadget pude darme cuenta que no estaba por ningun lado, ni con los demas gadgets y mucho menos se mostraba en las entradas.

Si ustedes agregaron este gadget y marcaron la casilla "mostrar botones para compartir", pero siguen sin mostrarse los botones, vamos a intentar solucionar el problema.

Nos dirigimos a Diseño/Edicion HTML, expandimos artilugios y buscamos (CTRL + F) lo siguiente:

<p class='post-footer-line post-footer-line-3'>

o si no lo encuentran asi lo pueden encontrar de esta manera:

&lt;div class='post-footer-line post-footer-line-3'>

depende de cada plantilla.

Bien ahora justo debajo pegamos lo siguiente:



<b:if cond='data:blog.pageType == "item"'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>


Ahora agregaremos el estilo CSS, para ello buscamos ]]></b:skin> y justo antes ponemos:


.sb-email{display:none;}/* ocultar boton email */
.sb-blog{display:none;}/* ocultar boton Blogger */
.sb-twitter{display:none;}/* ocultar boton Twitter */
.sb-facebook{display:none;}/* ocultar boton Facebook */
.sb-buzz{display:none;}/* ocultar boton Buzz */


Y eso seria todo.

21 de julio de 2010

Botones para compartir en Blogger normal

Ahora podemos tener botones para compartir nuestros posts de Blogger en el Blogger normal. Me parece que solo estaban disponibles en Blogger in Draft como siempre salen primero en esta version de Blogger.





20 de julio de 2010

Core FTP Lite



Core FTP Lite es una aplicacion gratuita que te permite administrar tus archivos web mediante FTP de manera sencilla pero sin perder la posibilidad de hacerlo de manera completa.

Les comentaba de FileZilla, que tambien es un cliente FTP, pero a diferencia de Core FTP Lite, es mucho mejor, y si no es mucho exagerar diria que el mejor y mucho mas facil de conectar.

Core FTP Lite tiene un interfaz de facil manejo y muy intuitiva, cuya configuracion de ventanas (local, remoto, log de mensajes entre cliente y server) se puede diseñar a nuestro gusto. Ademas, tiene soporte para la funcion drag-and-drop y posibilidad de conectarse a dos servidores simultaneamente.

Corel FTP Lite incluye tambien un gestor de sitios FTP para que puedas tener agregados los que mas sueles frecuentar. Dentro de la ventana del servidor remoto podras previsualizar los archivos, editar su nombre, y continuar descargas interrumpidas.



FileZilla



FileZilla es un cliente FTP, gratuito y de codigo abierto.

Sustenta FTP, SFTP y FTP sobre SSL.



Las principales caracteristicas son el Site Manager (Administrador de sitios), Message Log (Registro de mensajes), y Transfer Queue (Cola de transferencia).

El administrador de sitios permite a un usuario crear una lista de sitios FTP con sus datos de conexion, como el numero de puerto a usar, o si se utiliza inicio de sesion normal (se guarda el usuario y opcionalmente contraseña) o anonima.

El registro de mensajes se muestra en la parte de arriba de la ventana. Muestra en forma de consola los comandos enviados por FileZilla y las respuestas del servidor remoto.

La vista de archivo y carpeta situada debajo del registro de mensajes proporciona una interfaz grafica para FTP. Los usuarios pueden navegar por las carpetas y ver y alterar sus contenidos tanto en la maquina local como en la remota. Los usuarios pueden arrastrar y soltar archivos entre los ordenadores local y remoto.

Funciona con Windows NT, 2000 y XP.


19 de julio de 2010

Crear nube de etiquetas

Es muy regular ver en sitios web las famosas nubes de etiquetas, pero ¿como ponerlas?


En blogger es muy facil solo debemos de ir a Diseño/Elementos de la pagina y añadir un gadget. Despues seleccionaremos etiquetas.







Ahora lo configuramos, le ponemos un titulo y en la opcion mostrar marcamos la casilla nube y finalmente guardamos los cambios.









Pero si lo que queremos es algo un poco mas personalizado como este:








debemos hacer lo siguiente:

Nos dirigimos a Diseño/Edicion HTML y buscamos ]]></b:skin> y justo antes pegamos lo siguiente:





/* Estilos de la nube de etiquetas
----------------------------------------------- */
#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}



Ahora buscaremos </head> y justo antes pegaremos este script:




<script type='text/javascript'>
// Variables de usuario de la nube de etiquetas
var lcBlogURL = 'URL DE TU BLOG';
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

Deben de cambiar URL DE TU BLOG por la url de su blog. Tambien pueden cambiar el tamaño de la letra y los colores (los marcados en verde).

A continuacion buscaremos <b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/> debo decirles que si ustedes ya tenian añadidas etiquetas y pusieron un nombre diferente a Etiquetas dira el nombre que le pusieron, si no tenian etiquetas anteriormente deben de añadirlas como les dije al principio para poder encontrarlo.
Cuando lo encontremos vamos a sustituirlo por esto:




<b:widget id='Label1' locked='false' title='Etiquetas' 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'>

// No cambiar nada -----------------

function s(a,b,i,x){
if(a>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 ta=0
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
tz = labelCount.length-1;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
for (var i=0;3 > 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 = lcBlogURL+'/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>


Para finalizar guardamos la plantilla y ya tendran su nube de etiquetas personalizada.


NOTA: Cuando realizes algun cambio en tu plantilla recuerda guardar una copia de seguridad, visualizar en vista previa o usar un blog de pruebas en caso de cualquier error.

16 de julio de 2010

Humor: La tecnologia y el matrimonio

GIMP

GIMP (GNU Image Manipulation Program) es un programa de edicion de imagenes digitales en forma de mapa de bits, dibujos o fotografias. Es un programa gratuito.


Funciona en sistemas operativos como Unix, GNU/Linux, Windows, Mac OS X, entre otros.


La interfaz de GIMP esta disponible en varios idiomas.


GIMP es una alternativa firme, potente y rapida a Photoshop para muchos usos, aunque no se ha desarrollado como un clon de el y posee una interfaz bastante diferente.

15 de julio de 2010

Video: Compras por Internet en el extranjero

10 editores de imagenes online



¿Es necesario tener un editor de imagenes intalado en tu ordenador?

La respuesta es NO! No es necesario!

Existen editores de imagenes de buena calidad que te ofrecen sus servicion gratuitamente y online.
Aqui una lista de los 10 editores de imagenes que, en mi opinion personal, son los mejores.


1. MyImager
Es una herramienta propia de iditor de imagenes completamente gratuita. Cargue imagenes desde cualquier lugar en la web y editelas libremente con las docenas de herramientas y filtros que ofrecen.

Disponible solo en Ingles.


2. Multiple Image Resizer

Esta herramienta puede cambiar el tamaño, añadir bordes, añadir texto, imagenes sobrepuestas, recortar, rotar y voltear con algunos clicks.

Multiple Image Resizer es gratis para uso personal y educativo. Los usuarios comerciales deben comprar una licencia de uso comercial.

Multiple Image Resizer tambien tiene una interfaz de usuario totalmente personalizable que puede organizar a su gusto.

Disponible solo en Inlges.

3. Picknik

Hace fotos fabulosas y es muy facil de utilizar. Tiene poderosas herramientas de edicion. Se creativo con montones de efectos, fuentes, formas y marcos.

Picknik es rapido, facil y divertido.

Disponible en varios idiomas.

4. FotoFlexer
Crea efectos deslumbrantes gratis desde tu navegador.

Disponible en varios idiomas.

5. Aviary

Con esta herramienta puedes hacer edicion de fotos, logos, plantillas web, filtros, paletas de colores, captura de pantalla y mas.

Disponible solo en Ingles.


6. PicMagick

Es un editor de fotos online que le permite transformar sus fotografias a algo maravilloso con unos cuantos clicks. Se sorprendera de lo que puede hacer con sus fotos y de la facilidad con que esto se puede hacer.

Disponible solo en Ingles.


7. Online Image Editor
Te permite editar imagenes online completamente gratis y es especial para los gifs animados.
Esta herramienta ajustar y recortar las imagenes, arega texto a las imagenes, agregar bordes, o superposicion de imagenes, marco de fotos o una mascara, ajusta y recorta las imagenes, superposicion de imagenes con animaciones predefinidas, converte, mejora, reduce el tamaño de tu gif animado y mucho, crea tu propia animacion con glitters o pon glitters a tus imagenes.

Disponible solo en Ingles.


8. Fun Photo Box
Servicio gratuito online. Elija entre gran coleccion de los mejores efectos, cree animaciones, integre animaciona su foto, haga tarjetas, y cree su portada de revista, suba su foto y recibira un resultado sorprendente.

Disponible solo en Inlges, Aleman e Italiano.


9. Photvisi

es una herramienta gratuita y facil de utilizar para crear collages de fotos. Seleccione uno de los collage con muchas plantillas, añada sus fotos y luego personalize arrastrando los elementos.

Disponible solo en Inlges.


10. Photoshop

Edita, organiza, almacena y comparte fotos online.

Disponible solo en Inlges.