Como personalizar el escritorio de tu ordenador

Esta vez queremos enseñaros en este pequeño tutorial cómo personalizar vuestro escritorio renovando la imagen de las tan comunes y aburridas carpetas que todo el mundo tiene.

Como cambiar la fuente de Blogger

¡Hola a todos!

Hace unas semanas Neftis del blog leyendosola.blogspot.com me preguntó si podía explicar en un post cómo cambiar la fuente del cuerpo de nuestras entradas, y después de investigar un poco, aquí os traigo el pequeño tutorial.

Paso 1: Lo primero que haremos será entrar en http://www.google.com/fonts/ , elegir una de las fuentes y añadirla a la colección. CUIDADO, más adelante necesitaremos acordarnos del nombre exacto de la fuente, por lo tanto os recomiendo apuntarla.

Paso 2: A continuación nos dirigiremos a 'plantilla' y luego 'editar HTML'. 

Pulsando Ctrl+F insertamos en el buscador el código <head> y en la plantilla, justo debajo pegamos el siguiente código: 

<link href='http://fonts.googleapis.com/css?family=Spirax' rel='stylesheet' type='text/css'/>

Yo he elegido la fuente Spirax, vosotros sólo tendréis que poner en ese lugar el nombre de vuestra fuente.

Paso 3: Ahora ya tenéis la nueva fuente instalada. Sólo buscar en la plantilla dónde están las fuentes, (yo lo he hecho buscando la fuente 'Arial' desde el buscador) y añadir el nombre de la nueva fuente al principio de la lista, igual que en la imágen.

Espero que os sirva, y si tenéis alguna duda ya sabéis, ¡preguntadme!. 

¡Hasta la semana que viene!

Aprende a agrandar tus imágenes pasando el puntero por encima

Hoy os traigo, una vez mas, otro tutorial de personalización para vuestros blogs. Esta vez se trata de "Expando", un script que hará que cualquier imagen que vosotros queráis de vuestro blog aumente su tamaño con un efecto deslizante realmente simple y bonito, y al quitar el cursor la imagen recuperara su tamaño original también con el mismo efecto. Esto nos permitirá crear entradas con montones de imágenes en forma de galería y que quede todo bien ordenado y agradable a la vista.

Para ver como quedaría este efecto en una entrada podéis entrar en mi blog de pruebas pinchando en la imagen de la entrada.

Si te ha gustado y lo quieres en tu blog, lo que tendrás que hacer sera:
- Entrar en la edición del código HTML de tu blog (en la pestaña plantilla).
- Una vez allí buscar la palabra </head>.
- Cuando la tengas localizada, añades el siguiente código justo antes.

<script type='text/javascript'>//<![CDATA[ /* Expando Image Script 2008 John Davenport Scheuer as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1 - This Notice Must Remain for Legal Use */ if (document.images){ (function(){ var cos, a = /Apple/.test(navigator.vendor), times = a? 20 : 40, speed = a? 40 : 20; var expConIm = function(im){ im = im || window.event; if (!expConIm.r.test (im.className)) im = im.target || im.srcElement || null; if (!im || !expConIm.r.test (im.className)) return; var e = expConIm, widthHeight = function(dim){ return dim[0] * cos + dim[1] + 'px'; }, resize = function(){ cos = (1 - Math.cos((e.ims[i].jump / times) * Math.PI)) / 2; im.style.width = widthHeight (e.ims[i].w); im.style.height = widthHeight (e.ims[i].h); if (e.ims[i].d && times > e.ims[i].jump){ ++e.ims[i].jump; e.ims[i].timer = setTimeout(resize, speed); } else if (!e.ims[i].d && e.ims[i].jump > 0){ --e.ims[i].jump; e.ims[i].timer = setTimeout(resize, speed); } }, d = document.images, i = d.length - 1; for (i; i > -1; --i) if(d[i] == im) break; i = i + im.src; if (!e.ims[i]){ im.title = ''; e.ims[i] = {im : new Image(), jump : 0}; e.ims[i].im.onload = function(){ e.ims[i].w = [e.ims[i].im.width - im.width, im.width]; e.ims[i].h = [e.ims[i].im.height - im.height, im.height]; e (im); }; e.ims[i].im.src = im.src; return; } if (e.ims[i].timer) clearTimeout(e.ims[i].timer); e.ims[i].d = !e.ims[i].d; resize (); }; expConIm.ims = {}; expConIm.r = new RegExp('\\bexpando\\b'); if (document.addEventListener){ document.addEventListener('mouseover', expConIm, false); document.addEventListener('mouseout', expConIm, false); } else if (document.attachEvent){ document.attachEvent('onmouseover', expConIm); document.attachEvent('onmouseout', expConIm); } })(); } //]]> </script> <style> img.expando{ margin:10px; vertical-align: top; } </style>

Y ya estaría casi terminado, ahora lo único que tendrás que hacer para insertar una imagen con estas características sería utilizar este código (Que pegaremos en el apartado HTML de nuestra entrada y no en el apartado ''Redactar'')

<img border="0" src="URL de la imagen" class="expando" width="100" />

Y por último, sustituir URL de la imagen  por la dirección a la imagen que vosotros queráis y el 100 por el tamaño que le queráis dar a la miniatura de vuestra imagen. Así de fácil, ya tendremos este efecto en nuestro blog.

Espero que os haya gustado y no dudéis en comentar si tenéis alguna duda.

Un saludo

Los mejores Plugins para usuarios de Google Chrome

  Buenas a todos, hoy me he colado en el día asignado para la seccion de moda, y traigo la sección Geek, en la que os hablo sobre algunas cosas que todo internauta debería saber.

Hoy os traigo una selección de algunos Plugins interesantes para añadir a vuestro Google Chrome (a los usuarios de otros navegadores no os servirá, pero si queréis, puedo hacer en otro post una búsqueda de Plugins para ellos, aunue de todas formas, os recomiendo este navegador, ya que a mi parecer es el mas ligero y rápido que hay en estos momentos). 
Empecemos explicando un poco qué es un Plugin, y por qué es útil instalarlo. Pues bien, un Plugin o extensión es un pequeño programa que añade nuevas funciones al navegador para personalizar tu experiencia de navegación. Algunos añaden utilidades como la de comunicarnos con otros usuarios, y otros simplemente mejoran el aspecto visual del navegador ademas de añadirle más funciones. Como hay muchos Plugins y muchos de ellos hacen la misma función, os voy a comentar un poco los que tengo yo instalados y por qué los tengo, en próximas entradas os hablaré de muchos más, pero prefiero probarlos antes de hablaros de ellos.

AdBlock Plus

Click aquí para instalar

Es una herramienta que bloquea los anuncios molestos en vídeos de YouTube, la publicidad en Facebook, los banners y mucho más. Para mi es imprescindible para obtener una navegación limpia y rápida, así las paginas web que visito quedan libres de publicidad que a veces es muy molesta. La pega de esta extensión es que algunas paginas pueden no funcionar bien. (Un ejemplo son los vídeos de paginas como Telecinco o Cuatro) Para ello habrá que desactivarlo a la derecha de la barra de dirección del navegador.

Notifier for Twitter Plus

Click aquí para instalar

Esta herramienta te permite enterarte de tus Twits y menciones al instante, ya que cada vez que alguien que nos interese publique un Twit, nos saltara un notificación en el escritorio, pudiéndolo retwitear, contestarle o añadirlo a favoritos al instante, esto como todo tiene una pega y es que te puede ser un poco agobiante si no lo configuras, ya que te saldrá cada Ttwit que publiquen las personas que sigues en tu pantalla. Para configurarla al principio solo tenéis que darle al icono que os saldrá arriba a la derecha, darle permisos en vuestro Twitter y introducir el código que os aparecerá en la aplicación, una vez instalada, si por ejemplo solo queréis que salgan los Twits donde os mencionan, tenéis que dar click derecho, configuración y configurarlo a vuestro gusto.

Instagram for Chrome

Click aqui para instalar

A los que seáis usuarios asiduos a esta red social, y queráis ver las fotos desde el ordenador os recomiendo este Plugin. Siempre se puede entrar desde la página web oficial, pero me parece una forma mas rápida de ver las fotos, ya que con un click accedes rápidamente a ellas.

InstaTwit

Click Aquí para instalar

Más de lo mismo este Plugin ''modifica'' Twitter para que las fotos de Instagram se muestren integradas en él. Si os habéis fijado, cuando alguien publica un Twit con una foto de Instagram, Twitter sólo muestra el link, y si pulsáis os envía a la pagina de Instragram. Pues con esta extensión os enseñara directamente la foto directamente en Twitter.

Checker Plus for Gmail

Click Aquí para instalar

Más notificaciones, esta vez de correo electrónico. Sencillamente muestra una notificación en el escritorio cada vez que recibas un correo electrónico, yo uso esta por que mi correo es Gmail, pero en el caso de que tengáis otra cuenta de correo también podéis usar ESTA, que aunque no cuenta con notificaciones en el escritorio también funciona muy bien.

Modern New Tab Page

Click aquí para instalar

Y por ultimo un Plugin para cambiar el aspecto del navegador ligeramente, este Plugin es el que utilizo yo simplemente por que me gusta el aspecto que tiene. Seguramente haya muchos mejores, pero este me parece muy claro y sencillo, lo que hace es cambiar la pagina de inicio del navegador cuando abrimos una pestaña nueva añadiendo nuevas posibilidades como la de añadir feeds de blogs o Twits de una persona. Tiene un aspecto muy parecido a Windows 8 y encaja perfectamente en el navegador.

Y hasta aquí los Plugins de hoy, a medida que vaya encontrando mas interesantes os iré contando, por ahora estos son los que tengo yo actualmente y los que he probado mas en profundidad, espero que os haya gustado.
Nos leemos pronto.

Modificar barra de desplazamiento

Bienvenidos otro lunes más a la ZONA GEEK. Hoy empezamos una mini-sección en la que os mostraré diferentes tutoriales para personalizar vuestros blogs.

Hoy cambiaremos la barra de desplazamiento (es aquella que aparece en la parte derecha de la pantalla de tu web o blog y permite que tus usuarios se desplacen hacia abajo o hacia arriba en nuestra página) de nuestro navegador por una más elegante y totalmente personalizable, es muy fácil de implantar en tu plantilla.

Con esta barra insertada, podremos darle un toque de distinción y elegancia a nuestro blog, me llamó la atención, sobre todo, por su facilidad de aplicación pero también  por su diseño (me lo esperaba mucho peor) ya que es sencilla y menos aparatosa que la barra por defecto. Los usuarios podrán desplazarse con más suavidad, y mejorarás enormemente la imagen de tu blog.

La única pega que tiene este efecto, es que no es compatible con todos los navegadores únicamente se podrá visualizar en Google Chrome, y en Safari.

Aquí podéis ver un ejemplo de como quedaría la barra en un blog de pruebas:

Vayamos al grano. Lo único que tendréis que hacer para colocar e insertar este efecto en Blogger será lo siguiente:

1. Entrar en Blogger 
2. Hacer click en "Plantilla" (a la izquierda) y luego en "Editar Html"
3. Lo siguiente será buscar presionando (Ctrl+F) la etiqueta ]]> (puedes copiar y pegar)
4. Pulsar enter y justo antes de ]]></b:skin> pegar el siguiente código:

/* --- Barra de desplazamiento --- */
::-webkit-scrollbar {
background:#fff;
width:10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #62ABD2 10%,#62ABD2 51%);
}
::-webkit-scrollbar-track {
}

Por último deberás cambiar el color hexadecimal (marcado en azul) por el  que más se adecue al estilo o diseño de tu blog. Aquí tenéis una pagina donde se muestran los códigos de colores, también es posible personalizar otros aspectos como la anchura del blog, solo es cuestión de ir modificando valores para ponerlo a vuestro gusto. Espero que os haya gustado y que comentéis si tenéis alguna duda.
¡Un saludo!

Las ocho mejores aplicaciones para leer

Muy buenas, mi nombre es Carlos Sánchez y a partir de ahora seré el encargado de la sección de los lunes, la ZONA GEEK. A primera vista pensaréis que esta sección no encaja mucho con la línea que el blog ha llevado hasta ahora, pero estoy seguro de que la mayoría de vosotros tenéis un blog, y a todos os gustaría tener widgets interesantes en éste. Y también es muy probable que casi todos tengáis un smartphone, una tablet o un ebook...
Pues muy bien, esta sección tratará de temas relacionados principalmente con la tecnología en general y el mundo blogger. Como tutoriales, aplicaciones interesantes, y un largo etcétera.

Hoy os traigo una selección de las mejores aplicaciones para poder utilizar en vuestros smartphones o tablets como centro de lectura. El orden de las aplicaciones no determina que una sea mejor que otra, cada una tiene sus ventajas y sus inconvenientes, es cuestión de probar y quedarnos con la que mas nos guste.

Para empezar tenemos, la aplicación de Google, con una interfaz simple y sencilla. Pulsando a los lados de la pantalla o deslizando hacia la izquierda o derecha cambiamos de página con una animación genial, ademas Google tiene una tienda con millones de libros, muchos de ellos gratuitos. También tenemos la posibilidad de poder agregar nuestros propios archivos EPUB y PDF, y poder disfrutarlos en cualquier dispositivo que tenga instalada esta aplicación. Para ello bastará con subirlos aquí. 
Ademas esta disponible tanto para Android como para iOS.

En Google Play | Google Play Books
En AppStore | Google Play Books

Seguimos con la aplicación del lector de libros digital por excelencia, Kindle, esta aplicación nos brinda la posibilidad de tener sincronizados nuestro Kindle con nuestra tablet o smartphone, pudiendo así empezar a leer un libro en nuestro Kindle y acabarlo en el smartphone, ademas disponemos de acceso a la Tienda Kindle que cuenta con una amplia variedad de libros, más de 1.400 totalmente gratis. Esta aplicación es posible descargarla tanto en iOS, Android o Windows Phone.

En Google Play | Kindle
En AppStore | Kindle
Windows Phone | Kindle

Una aplicación muy interesante también es Kobo. Ésta nos ofrece todo lo de las anteriores, con tienda propia, sincronización entre dispositivos, posibilidad de añadir tus propios archivos EPUB, etc. Pero además añade el Reading Life que hace que la lectura sea mucho mas social pudiendo saber quien está leyendo el mismo libro que tú, y la posibilidad de compartir ideas acerca de lo que has leído. Estadísticas sobre tus hábitos de lectura y un sistema de ''premios'' según lo que leas. Uno de los inconvenientes que le podemos encontrar a esta aplicación es que muchos de los libros de la tienda se encuentran en ingles. Kobo esta disponible para Android, iOS y Blackberry 10.

En Google Play | Kobo
En AppStore | Kobo
Blackberry 10 | Kobo

Los amantes de los cómics estáis de enhorabuena, aquí tenéis Perfect Viewer una aplicación para leerlos, soporta gran cantidad de formatos. La interfaz en mi opinión esta un poco descuidada pero hace perfectamente su función. Esta aplicación cuenta con multitud de opciones para configurar y adaptar el cómic a la pantalla de nuestro dispositivo. Desgraciadamente sólo está disponible para Android.

En Google Play | Perfect Viewer

Para los que tengáis productos de Apple y no os guste demasiado el lector predeterminado iBooks, os traigo una alternativa a tener en cuenta. Se trata de Stanza, con un diseño muy similar al de iTunes nos ordena todos nuestros libros por orden alfabético, incluso nos muestra las portadas con el mismo efecto que iTunes nos mostraba las carátulas de sus CD. Como es lógico sólo se encuentra para iOS.

En AppStore | Stranza

Moon+ Reader

Para los que nos gusta personalizar nuestro dispositivo a más no poder, esta aplicación es perfecta. Se trata de Moon+ Reader, un completo lector que incluye, además de un potente lector de libros, multitud de temas para que podamos personalizar la interfaz, así como muchas opciones para adaptar el texto a la pantalla de nuestro dispositivo, como por ejemplo el tipo de letra, el espaciado de línea, escalado de la fuente y muchas mas...
También incluye dos características muy interesantes como son el conmutador de día y noche para adaptarlo a la luz ambiente y también opciones de mantener la salud de tus ojos para los períodos prolongados de lectura. Sólo esta disponible para Android.

En Google Play | Moon+ Reader

Aldiko Book Reader es el lector para la gente que quiere algo sencillo, bueno y agradable a la vista. Cuenta con una interfaz muy al estilo iBooks pero exclusivo para Android. También cuenta con la posibilidad de otros lectores pero de forma fácil y sencilla. A modo personal este fue el lector que utilicé durante mucho tiempo, en un móvil no muy potente y funcionaba genial.

En Google Play | Aldiko Book Reader

Para acabar, los usuarios de Windows Phone que quieran alternativas para leer sus libros, tienen la opción de Bookviser una aplicación totalmente integrada en el sistema operativo gracias a su interfaz. Posibilidad de acceder a librerías online como Feedbooks e integración son Skydrive donde podremos subir nuestros libros a la nube sin que ocupen espacio en nuestro dispositivo.

Windows Phone | Bookviser

Cabe destacar que todas estas aplicaciones son totalmente gratuitas, algunas de ellas disponen de una version "PRO" que eliminan publicidad, añaden algunas características extras y más cosas. Pero sinceramente, la publicidad no afecta en nada a la hora de leer y la nuevas características no son muy importantes.

Y aquí termina la primera sección de Zona geek, si tenéis alguna duda no dudéis en dejarla en comentarios y os la resolveré lo mas rápido posible, nos leemos el lunes que viene.