Hola que tal? Bienvenidos a barruntos.net. Este blog simplemente es una recopilación de problemas o situaciones anómalas que van sucediendo en el día a día mío y de mi entorno. Soluciones para informática a bajo nivel. Puedes seguir nuestro facebook o twitter para obtener todas las novedades.

miércoles, 30 de octubre de 2013

6 texturas de alta resolución para fondo blogger

Este paquete libre contiene 6 imágenes de 2000 x 2400 píxeles. Son archivos de imagen de 300ppi cada una hecha con una mezcla de tela y papel texturas y acabados con una capa sutil de color para producir un fondo suave para sus proyectos y maquetas.














"Error en el Servicio de perfil de usuario al iniciar sesión". " No se puede cargar el perfil de usuario"


Hola,  yo también tenia ese problema pero seguí estas instrucciones que os cuento, y me funcionó. Estos son los pasos, mi sistema operativo es windows 7:

1) Entrar en modo seguro, esta es la única forma en que el windows carga, para entrar en modo seguro solo tienen que oprimir F8 apenas arranca el computador, hay les da varias opciones y escogen la de entrar en modo seguro.

2) Cuando ya haya cargado windows 7 se van a inicio y en el buscador escriben¨regedit¨ , y oprimen enter una vez lo visualicen en el buscador, hay se les abre una ventana, en esa ventana se meten en 

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\ CurrentVersion\ProfileList

en Profilelist aparecen 5 carpetas;

S-1-5-18;
S-1-5-19;
S-1-5-20;
S-1-5-21-muchos números;
S-1-5-21-muchos números.

3) En estos dos últimos donde hay un gran nómbre de números al final debe haber uno que termina con .bak, y otro sin .bak, verifiquen haciendo click sobre el que termina en .bak y tiene que haber un archivo que dice C:\Users\TEMP, ojo si no es ese y es este C:\Users\(nombre de usuario), entonces hay un error, toca cambiarlos.

4) El cambio lo hacen de la siguiente forma, primero colocan al final de los números al que no tiene .bak por .bak2, después el que tiene .bak borran el .bak, y por ultimo al que le pusimos .bak2 lo reemplazamos de nuevo pero esta vez por .bak

5) Listo cerramos y reiniciamos, debe ya entrar normalmente, espero que les sirva.....



martes, 29 de octubre de 2013

Cómo reducir el espacio entre los gadgets de blogger

Estas dos últimas semanas tres personas me han preguntado la misma cosa, y me ha hecho gracia, porque hasta ahora nadie me la había preguntado... Cómo reducir el espacio que queda entre los gadgets (sobre todo al poner el título a algo).

Entonces, no es nada difícil, pero vais a tener que poner antención. Eso sí, antes de nada, tenéis que aprender dónde mirar el nombre de vuestros gadgets (ID se llama). Es muy fácil.

Cuando estamos en Diseño, tenemos que pasar por encima de donde dice Editar del gadget en sí. 

Abajo a la izquierda saldrá una línea informativa y se cargará en dos pasos. Pimero un poco, y luego el resto. Hay que dejar que se cargue por completo o no lo veremos.

Esta es una captura general del página:


Y este es el detalle de la linea inferior:


Fijaos que se llama Image5:

Si es un gadget Imagen, como en este caso, siempre será Image y un número. 

Y ahora, teniendo esto claro, empezamos.

Como reducir el espacio entre los gadgets

Paso 1. Pensar qué gadgets queremos juntar.

Es decir, esto que vamos a ver se hace uno a uno, juntando un gadget al gadget de justo debajo. Va a ser un código detrás de otro.

Digamos que el código que ponemos arriba del todo es Image 5, bueno, pues nos juntará ese al siguiente. Y así.

Entonces esta es mi columna de gadgets (para el tutorial, no es la de mi blog)


Pero no quiero juntar todo a todo o quedará un batiburrillo.

Quiero:

a) Juntar Buscar a su cuadrito de búsqueda.
b) Dejar espacio entre el cuadrito y Suscríbete.
c) Juntar Suscríbete a su cuadrito para poner el email.

Paso 2. Vamos a añadir CSS

Y el código que necesitamos será:

#Image5{ 
margin-bottom: -20px !important; 
}

Pensad que donde dice Image5 tendrá que ir cada vez el código del gadget de arriba, es decir, el que queremos juntar al siguiente.

Y que el -20 lo podemos cambiar por lo que quieras. Son los píxeles que de espacio que dejamos.

Como es un número negativo, un -5 dejará bastante espacio y un -50 lo juntará muchísimo.

De todos modos -20 es una medida que más o menos os quedará bien.

Entonces, con ese código he juntado mi primer gadget (Image5 – Imagen Buscar) al siguiente (su cuadrito de búsqueda)

Doy un par de intros, y pongo:

#Image3{ 
margin-bottom: -20px !important; 
}

¿Por qué? Porque Image3 es el gadget Imagen con la imagen de Sucríbete, y ya hemos visto antes en el paso  c)  que no quería espacio entre el cuadrito de búsqueda y el siguiente…

Y así uno a uno. 

Además esto, por supuesto, lo podéis hacer con todos los gadgets que queráis, y no sólo de la columna. 

Por supuesto también podría haberlo usado para ajustar el espacio entre la cabecera y las diapositivas, pero me parecía que así quedaba bien.

En este caso, los dos (tanto la presentación como la barrita), ya sabéis que son gadgets HTML, así que su ID será HTML y un número...

Siempre el ID será aquello de lo que sea el gadget y luego su número correspondiente :)

jueves, 24 de octubre de 2013

iTunes Store : Cómo ver tu historial de compras y números de pedido

Puedes ver una lista de las apps que has comprado desde el Mac App Store haciendo clic en la pestaña Compras ubicada en la parte superior del Mac App Store. También puedes ver tu historial de compras y los detalles de los pedidos web que hayas hecho en iTunes Store y Mac App Store desde iTunes.

Nota: Los detalles de los pedidos web del Mac App Store pueden verse en el historial de compras de iTunes. No pueden verse desde la aplicación Mac App Store.

En un ordenador con iTunes instalado, haz clic en Historial de compras para que iTunes te muestre tu historial de compras. Se te pedirá que introduzcas tu ID de Apple y tu contraseña.

También podrás ver una lista de los contenidos que has comprado en la tienda iTunes Store y en el Mac App Store siguiendo estos pasos:

Abre iTunes.
Pulsa en iTunes Store, en la parte izquierda de la ventana de iTunes.
Si no has iniciado sesión en la tienda, haz clic en Conectarse e introduce tu ID de Apple y tu contraseña.

Cuando se abra iTunes Store, haz clic en el botón con tu nombre de cuenta, introduce tu contraseña y después haz clic en TU CUENTA.

En la ventana Información de cuenta, debajo de Historial de compras, haz clic en Ver todo.

Consejo: El historial de compras muestra las compras que hayas hecho utilizando este ID de Apple. En primer lugar se muestran las compras más recientes. Para ver los detalles de compras anteriores, haz clic en la flecha situada a la izquierda de la fecha de pedido. El número de pedido web aparece en el historial de compras, debajo de la fecha de cada transacción, tal como se muestra aquí.



La hora que aparece sobre el número de pedido utiliza el formato de 12 horas y debería incluir el indicador AM o PM. El indicador podría no aparecer en la factura de correo electrónico.

martes, 22 de octubre de 2013

Slideshow de imágenes como fondo del blog


Lo que haremos en esta en estrada es que el fondo del blog tenga imágenes que vayan cambiando, todas con un efecto de desvanecimiento entre cada transición.

Puedes ver un ejemplo en este blog de pruebas.

Para poner este slideshow de imágenes en el fondo del blog entra en la Edición HTML de la plantilla y antes de </head> agrega el siguiente código:


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script>
//<![CDATA[
/*
* jQuery Backstretch
* Version 1.2.8
* http://srobbin.com/jquery-plugins/jquery-backstretch/
* Add a dynamically-resized background image to the page
* Copyright (c) 2012 Scott Robbin (srobbin.com)
* Licensed under the MIT license
* https://raw.github.com/srobbin/jquery-backstretch/master/LICENSE.txt
*/
;(function(a){a.backstretch=function(p,b,l){function s(){if(p){var b;0==c.length?c=a("<div />").attr("id","backstretch").css({left:0,top:0,position:m?"fixed":"absolute",overflow:"hidden",zIndex:-999999,margin:0,padding:0,height:"100%",width:"100%"}):c.find("img").addClass("deleteable");b=a("<img />").css({position:"absolute",display:"none",margin:0,padding:0,border:"none",zIndex:-999999,maxWidth:"none"}).bind("load",function(d){var b=a(this),e;b.css({width:"auto",height:"auto"});e=this.width||a(d.target).width();d=this.height||a(d.target).height();n=e/d;q();b.fadeIn(g.speed,function(){c.find(".deleteable").remove();"function"==typeof l&&l()})}).appendTo(c);0==a("body #backstretch").length&&(0===a(window).scrollTop()&&window.scrollTo(0,0),a("body").append(c));c.data("settings",g);b.attr("src",p);a(window).unbind("resize.backstretch").bind("resize.backstretch",function(){"onorientationchange"in window&&window.pageYOffset===0&&window.scrollTo(0,1);q()})}}function q(){try{j={left:0,top:0},rootWidth=h=o.width(),rootHeight=r?window.innerHeight:o.height(),f=h/n,f>=rootHeight?(k=(f-rootHeight)/2,g.centeredY&&(j.top="-"+k+"px")):(f=rootHeight,h=f*n,k=(h-rootWidth)/2,g.centeredX&&(j.left="-"+k+"px")),c.css({width:rootWidth,height:rootHeight}).find("img:not(.deleteable)").css({width:h,height:f}).css(j)}catch(a){}}var t={centeredX:!0,centeredY:!0,speed:0},c=a("#backstretch"),g=c.data("settings")||t;c.data("settings");var o,m,r,n,h,f,k,j;b&&"object"==typeof b&&a.extend(g,b);b&&"function"==typeof b&&(l=b);a(document).ready(function(){var b=window,d=navigator.userAgent,c=navigator.platform,e=d.match(/AppleWebKit\/([0-9]+)/),e=!!e&&e[1],f=d.match(/Fennec\/([0-9]+)/),f=!!f&&f[1],g=d.match(/Opera Mobi\/([0-9]+)/),h=!!g&&g[1],i=d.match(/MSIE ([0-9]+)/),i=!!i&&i[1];o=(m=!((-1<c.indexOf("iPhone")||-1<c.indexOf("iPad")||-1<c.indexOf("iPod"))&&e&&534>e||b.operamini&&"[object OperaMini]"==={}.toString.call(b.operamini)||g&&7458>h||-1<d.indexOf("Android")&&e&&533>e||f&&6>f||"palmGetResource"in window&&e&&534>e||-1<d.indexOf("MeeGo")&&-1<d.indexOf("NokiaBrowser/8.5.0")||i&&6>=i))?a(window):a(document);r=m&&window.innerHeight;s()});return this}})(jQuery);
//]]>
</script>



<script>
//<![CDATA[
var images = [
 "URL de la imagen",
 "URL de la imagen",
 "URL de la imagen",
 "URL de la imagen",
 "URL de la imagen",
  ];

  $(images).each(function(){
 $('<img/>')[0].src = this;
  });
  var index = 0;
$.backstretch(images[index], {speed: 1000});
  var slideshow = setInterval(function() {
  index = (index >= images.length - 1) ? 0 : index + 1;
    $.backstretch(images[index]);
  }, 5000);
//]]>
</script>

Ahí agrega las URLs de las imágenes que estarán como fondo del blog.
Si quisieras añadir más imágenes sólo agrega después de var images = [ otra línea como esta:

 "URL de la imagen",

Las imágenes irán pasando según el orden que las hayas puesto, si quisieras que éstas fueran al azar entonces cambia la segunda parte del código por este:

<script>
//<![CDATA[
var images=new Array();
images[ 1 ]="URL de la imagen";
images[ 2 ]="URL de la imagen";
images[ 3 ]="URL de la imagen";
images[ 4 ]="URL de la imagen";
images[ 5 ]="URL de la imagen";

  Array.prototype.shuffle = function() {
  var len = this.length;
  var i = len;
  while (i--) {
  var p = parseInt(Math.random()*len);
  var t = this[i];
  this[i] = this[p];
  this[p] = t;
  }
};

  images.shuffle();
  $(images).each(function(){
 $('<img/>')[0].src = this;
  });
  var index = 0;
$.backstretch(images[index], {speed: 1000});
  var slideshow = setInterval(function() {
  index = (index >= images.length - 1) ? 0 : index + 1;
    $.backstretch(images[index]);
  }, 5000);
//]]>
</script>



También puedes añadir más imágenes agregando una línea como esta:

images[ 6 ]="URL de la imagen";

Sin embargo verás que en este caso hay unos números consecutivos en color azul, por lo que si agregas otra será la 6, luego la 7, etc.

En ambos casos puedes modificar el tiempo que dura cada imagen en el 5000 que está al final del script.
La ventaja de este slideshow en el fondo del blog es que las imágenes se redimensionarán automáticamente al tamaño del monitor, así que en cualquier resolución se deberá ver bien.

viernes, 18 de octubre de 2013

Eliminar espacio entre la cabecera y el contenido del blog

Bueno, sin importar si es parte del diseño o no siempre me preguntan cómo quitar ese espacio en la parte superior de la plantilla, entre la cabecera y el contenido del blog, y en realidad es muy sencillo, sólo basta agregar un margen con valor negativo para que suba la estructura del blog.

Para subir el contenido del blog que está debajo de la cabecera:

Sólo hay que entrar en Diseño | Edición de HTML y agregar la linea de color rojo:

1.- Vamos a Edición de HTML:

Página principal ► Diseño ► Plantilla ► Editar HTML

Buscamos la sección

.main-inner .columns {

margin-top:-20px;

ANTES








DESPUÉS




jueves, 17 de octubre de 2013

5 aplicaciones de Twitter para iPhone que te harán la vida más fácil


Para los profesionales del Social Media, los dispositivos móviles han pasado a ser una parte fundamental de su trabajo. Muchas veces, encontrar una buena aplicación que te facilite la vida es imposible. Nosotros hemos probado unos cuantos gestores de Twitter y os los presentamos aquí, aunque como siempre decimos, lo mejor es que los probéis todos y al final os quedeis con la que mejor se adapte a vuestras necesidades.


- Twitter para iPhone: es la aplicación oficial. Bastante fácil de usar, permite incluir varias cuentas de Twitter y seleccionar el servicio para subir imágenes. Destacan la sección Descubre y Conecta. Es gratuita.


- Echofon for Twitter: fue la aplicación estrella en los iPhone antes de que apareciera la aplicación oficial. Tiene dos versiones, gratis con anuncios o de pago. Su interface es muy parecida a la de Twitter. Entre las características curiosas permite marcarle un periodo de silencio en el cual seguirás recibiendo notificaciones pero no se oirán.  Intuitivo pero sólo disponible en inglés y japonés.


- Tweetbot: se define como un cliente con personalidad y muy completo, y lo cierto es que ofrece determinadas características que otros clientes no ofrecen. Cuidado diseño, personalización de 2 pestañas, acciones realizadas por gestos específicos de la mano… El único problema es el precio, claro (2.39 €). Y que no está en español. Otro punto a su favor es que permite varias cuentas y que se sincroniza mediante iCloud, así que si miras Twitter indistintamente en tu iPhone o iPad, por ejemplo, ahora te será más cómodo. Ah, y un punto muy interesante, indica, en la información del usuario, en qué listas está incluido, de mucha utilidad cuando se está realizando trabajo de campo, ya que Twitter desde su última actualización no da esta información de forma directa y obliga a contar a mano las listas, labor imposible en cuanto un usuario está incluido en cientos o miles de listas.


- Tweetdeck: fue uno de los gestores integrales de Twitter más importantes aunque últimamente ha perdido un poco el fuelle. Gestiona múltiples cuentas y permite añadir Facebook, aunque en su versión para iPhone está ciertamente limitado y es poco intuitivo. También informa de las listas es las que está incluido un usuario.


- Hootsuite: dejamos para el final nuestro favorito, el que utilizamos en AB Internet como herramienta de cabecera. Su aplicación de escritorio nos parece la mejor, y su adaptación a Twitter es excelente. Permite la gestión de múltiples cuentas y de muchas redes sociales, como Twitter, Facebook, Linkedin etc. Funciona por pestañas y entre sus ventajas están la gestión de varios miembros de un equipo, amplias e interesantes estadísticas, su propio acortador de URL’s… Permite una amplia personalización aunque echamos de menos la información del número de listas en las que está incluido un usuario concreto.


miércoles, 16 de octubre de 2013

Posición título y descripción cabecera Blogger

Bueno, sin importar si es parte del diseño o no siempre me preguntan cómo quitar ese espacio en la parte superior de la plantilla, y en realidad es muy sencillo, sólo basta agregar un margen con valor negativo para cambiar la estructura del blog.

ANTES












DESPUÉS




Sólo hay que entrar en Diseño | Edición de HTML y:

1.- Vamos a Edición de HTML:

Página principal ► Diseño ► Plantilla ► Editar HTML

Buscamos la sección
/* Header
----------------------------------------------- */
y dentro de la sección y una vez localizado, añadir las lineas en rojo para cambiar espacio superior e izquierdo.

/* Header
----------------------------------------------- */
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  _background-image: none;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: $(description.text.size);
  color: $(description.text.color);
margin-left:-10px;
margin-top:-20px;
}

.header-inner .Header .titlewrapper {
  padding: 22px $(header.padding);
margin-top:-25px;
margin-left:-15px;
}

.header-inner .Header .descriptionwrapper {
  padding: 0 $(header.padding);
}

lunes, 14 de octubre de 2013

Eliminar espacio superior plantilla blogger

Bueno, sin importar si es parte del diseño o no siempre me preguntan cómo quitar ese espacio en la parte superior de la plantilla, y en realidad es muy sencillo, sólo basta agregar un margen con valor negativo para que suba la estructura del blog.

Sólo hay que entrar en Diseño | Edición de HTML y agregar antes de ]]></b:skin> lo siguiente:

.content {
margin-top:-30px !important;
}


ANTES


DESPUÉS


viernes, 11 de octubre de 2013

Simple menú desplegable con CSS (como el de este blog)

Este es un ejemplo sencillo para crear un menú desplegable que puede incluir submenús, que usa las posibilidades que nos brindan las nuevas propiedades del CSS3.

Como casi cualquier otro, el HTML se arma en una lista, utilizando etiquetas UL y LI que, se anidan si es que queremos crear un submenú. Esta sería una lista standard:

<ul class="mi-menu">
  <li><a href="URL_enlace_1"> texto_enlace_1 </a></li>
  <li><a href="URL_enlace_2"> texto_enlace_2 </a></li>
  <li><a href="URL_enlace_3"> texto_enlace_3 </a></li>
</ul>

y si quisiéramos que uno de esos enlaces fuera un submenú:
<ul class="mi-menu">

  <li><a href="URL_enlace_1"> texto_enlace_1 </a></li>
  <li>
    <a href="#"> texto_enlace_2 </a>
    <ul>
      <li><a href="URL_enlace_2.1"> texto_submenú_2.1 </a></li>
      <li><a href="URL_enlace_2.2"> texto_submenú_2.2 </a></li>
      <li><a href="URL_enlace_2.3"> texto_submenú_2.3 </a></li>
    </ul>
  </li>
  <li><a href="URL_enlace_3"> texto_enlace_3 </a></li>
</ul>

Así como está, veríamos algo similar a esto:

texto_enlace_1
texto_enlace_2
texto_submenú_2.1
texto_submenú_2.2
texto_submenú_2.3
texto_enlace_3

Y ahora, el CSS que hará que esa lista se transforme en otra cosa:
inicio
un item
un submenú
otro item
otro
último

<style type="text/css">
  /* el menú en si mismo */
  .mi-menu  {
    border-radius: 5px;
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0;
    /* la altura y su ancho dependerán de los textos */
    height: 40px; 
    width: 510px;
    /* el color de fondo */
    background: #555;
    background: -moz-linear-gradient(#555,#222);
    background: -webkit-linear-gradient(#555,#222);
    background: -o-linear-gradient(#555,#222);
    background: -ms-linear-gradient(#555,#222);
    background: linear-gradient(#555,#222);
  }

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  .mi-menu  br { display:none; }

  /* cada item del menu */
  .mi-menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .mi-menu li a {
    border-left: 1px solid #000;
    border-right: 1px solid #666;
    color: #EEE;
    display: block;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 14px;
    margin: 6px 0;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .mi-menu li:hover > a { color: Crimson; }

  /* los submenús */
  .mi-menu ul {
    border-radius: 0 0 5px 5px;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 40px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #222;
    background: -moz-linear-gradient(#222,#555);
    background: -webkit-linear-gradient(#22,#555);
    background: -o-linear-gradient(#222,#555);
    background: -ms-linear-gradient(#222,#555);
    background: linear-gradient(#222,#555);
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .mi-menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    border: none;
    border-bottom: 1px solid #111;
    margin: 0;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 20px;
    width: 100px;
  }
  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }

</style>

miércoles, 9 de octubre de 2013

Quitar permisos a una aplicación de terceros con la cuenta de Google

Quizás alguna vez te ha pasado como a mi que tras acceder a una aplicación o extensión para usar sobre los servicios de Google, o a una web que simplemente usa las cuentas de Google para acceder con el oAuth, igual que como cuando te loggeas con Facebook o Twitter, y pasado un tiempo, has querido dejar de usarlo, o retirarle los permisos a la app a tu cuenta de Google  y que no tuviera más acceso a ella de forma automática.


Esto que es más habitual de lo que parece y aunque a simple vista parece fácil, cuesta un poco de encontrar cuando nos ponemos a ello, porque no es algo que esté muy visible y que si no sabes por donde encontrarlo probablemente estarás fastidiado un buen rato.

A mi me ocurrió recientemente con la app de filtrado de correo SaneBox, que prometía ayudarme a clasificar mi bandeja de entrada del correo de modo inteligente separando el grano de la paja, pero que al menos en mi caso, pasados unos días era más el trabajo que me daba duplicando todas las consultas, que otra cosa. Así que quería quitarlo y dejarlo todo como estaba, y al principio me costó un poco más de lo que me esperaba, por lo que voy a tratar de explicarlo por aquí, por si a alguien más le ha hecho o le hace falta.



Para empezar accedemos a cualquier producto de Google con nuestra cuenta: usuario y contraseña, o si ya tenemos abierto: Gmail, YouTube o similar, iremos directo a:


Dentro, en el menú de la izquierda elegiremos: Seguridad

Y dentro en el apartado: Aplicaciones y sitios conectados haremos clic en Administrar acceso y te llevará a aquí:


En este listado podremos ver todas las aplicaciones a las que hemos concedido acceso y podremos revocar acceso de la que deseemos.

A partir de este momento no podremos acceder directamente al servicio que hemos revocado acceso a no ser que volvamos a loggearnos con él, y si tenía permisos de usar nuestros datos de modo automático también perderá dicha capacidad hasta que no volvamos a concedérselos.

Espero que os haya sido de utilidad este pequeño tip.

viernes, 4 de octubre de 2013

Poner reproductor de música en Blogger con Grooveshark

Muchas personas les gusta customizar su blog añadiendo canciones que puedan gustar a sus lectores. Hoy hablaremos de una sencilla manera de hacer esto con Grooveshark. Ya hablamos anteriormente de esta famosa página para escuchar música gratis, sucedáneo de Spotify, y que ofrece curiosas opciones...

Una de ellas es añadir un widget para escuchar la canción (o canciones) que deseemos. Al final del tutorial tendrás algo parecido a esto: 


Para ello nos dirigimos a Grooveshark. Una vez en la página buscamos la canción que deseemos y nos fijamos en la siguiente opción:


Hacemos click en "compartir canción" y luego en "más":


Y finalmente en "incrustar":


En esta pantalla podrás modificar el plugin a tu gusto y visualizarlo con "vista previa":


Una vez que lo tenemos a nuestro gusto copiamos el código y nos dirigimos a Blogger. Creamos un widget de "HTML/java":


Y pega el código en él. Guardamos los cambios y tendremos nuestro plugin puesto en nuestro Blog!

PD: Puedes elegir varias canciones a la vez y es el mismo proceso descrito anteriormente.

Buena suerte y espero que os sirva para vuestro blog! 

jueves, 3 de octubre de 2013

Grooveshark es un servicio para reproducir música en línea....

Grooveshark es un servicio para reproducir música en línea. El usuario puede buscar canciones por nombre o por artista y escucharlas gratuitamente. También puede subir sus archivos de música, que de esta manera hacen crecer el archivo del sitio web (servicio P2P). 


Las particularidades de la página son la posibilidad de buscar canciones similares a la que uno ha seleccionado y así configurar listas con títulos preferidos (estas listas se pueden compartir con otros usuarios o usar redes sociales genéricas, como Facebook), y el hecho de poder compaginar estas listas con una radio que selecciona al azar canciones según las preferencias personales. Grooveshark permite seguir las adiciones y listas de otros usuarios y usar el teléfono móvil como reproductor.




El sitio web nació en 2007 como versión beta, de pago. Creado por Escape Media Group Inc.. En 2008 se abrió a los usuarios de forma gratuita, adoptando algunos sistemas de recomendación del sitio web Last.fm. En 2009 simplificó la usabilidad y comenzó su crecimiento de usuarios. Todo el servicio se apoya en tecnología Flash. 

Grooveshark es un servicio de música en línea gracias al cual es posible buscar, reproducir y compartir canciones de miles de artistas vía streaming, sin descargar programas ni archivos. Grooveshark es gratuito y accesible desde todos los países del mundo.

El centro de Grooveshark es el buscador, que permite encontrar artistas, discos y canciones. La tabla de resultados, similar a la de iTunes, se puede ordenar y añadir rápidamente a la lista de reproducción de Grooveshark, un carrete de portadas por el cual navegar hacia delante y hacia atrás.

Los controles de volumen y repetición de Grooveshark son los típicos de cualquier reproductor de música, pero hay otros que recuerdan a radios interactivas (como Last.FM o Pandora); nos referimos a los emoticonos, que sirven para marcar tus preferencias, y el botón Radio.

Ni Spotify ni Last.fm: hay canciones que sólo encontrarás en Grooveshark. Con millones de usuarios y un catálogo en expansión constante, pocos le hacen sombra. Y si creas un perfil gratuito, podrás guardar listas y compartirlas con tus amigos.

miércoles, 2 de octubre de 2013

Configurar iCloud Mail en cualquier cliente de correo electrónico compatible con IMAP y SSL.

iCloud Mail utiliza los estándares IMAP y SMTP, compatibles con la mayoría de aplicaciones de correo electrónico modernas. Puedes usar la información sobre servidores que encontrarás a continuación para configurar tu aplicación de correo electrónico de modo que pueda enviar y recibir correo de iCloud Mail.



Deberás configurar tu aplicación de correo electrónico manualmente para iCloud Mail si tu ordenador es antiguo y no tiene el panel iCloud de Preferencias del Sistema o el Panel de Control de iCloud.

Si utilizas Mail en un Mac con OS X Lion (v10.7.4 o posterior), o Microsoft Outlook 2007 o 2010 en un PC con Windows, sigue estas instrucciones para configurar iCloud automáticamente.
Si utilizas Mail en un Mac con Mac OS X Snow Leopard (v10.6), o en un dispositivo con iOS 4, consulta las instrucciones específicas para configurar iCloud de este artículo.


Información del servidor

Información sobre el servidor de correo entrante (IMAP):

Nombre del servidor: p09-imap.mail.me.com 
Requiere SSL:
Puerto: 993
Nombre de usuario: ejemplo@icloud.com (utiliza la dirección @me.com de tu cuenta de iCloud)
Contraseña: tu contraseña de iCloud



Información sobre el servidor de correo saliente (SMTP):

Nombre del servidor: p09-smtp.mail.me.com
Requiere SSL:
Puerto: 587
Requiere autenticación SMTP: Sí
Nombre de usuario: ejemplo@icloud.com (utiliza la dirección @me.com de tu cuenta de iCloud)
Contraseña: tu contraseña de iCloud
Nota: Prueba con TLS si se producen errores al utilizar SSL.Se requiere SSL para las conexiones IMAP y SMTP con iCloud. iCloud no es compatible con POP.


  
Para saber más acerca de cómo usar esta información con tu aplicación de correo electrónico, consulta la documentación de la misma.
Related Posts Plugin for WordPress, Blogger...