Facebook añade diferentes niveles de administradores y la posibilidad de programar contenidos

Facebook sigue lanzando novedades, ahora le ha tocado el turno a la administración de sus paginas y añade, también, la posibilidad de programar contenidos con antelación.


Habilita cinco niveles diferentes de administradores con autorizaciones que van desde el manejo completo de la pagina hasta la mas básica que es la de acceder a las estadísticas de la pagina.

La segunda novedad es la posibilidad de programar contenidos hasta con seis meses de antelación y con 15 minutos de intervalo. Esta posibilidad esta siendo propagada poco a poco por lo que aun no todos tenemos la posibilidad de verla. Recordar que hasta ahora había que utilizar aplicaciones de terceros para programas contenidos, desde ahora Facebook ofrece esta posibilidad directamente.

Credito: HubSpot

Google ¿acepta? inclusiones pagadas en su buscador

Google siempre ha declarado que pagar por aparecer en su buscador no garantizaba su aparición en los primeros resultados de su buscador, evidentemente no nos referimos a una publicidad de Adwords, si no de inclusiones pagadas. Esto parece estar cambiando ahora.

Marketing Land nos revela ahora que Google parece que si esta modificando esa conducta que tanto critico en su documento Don't be evil presentado antes de su salida a bolsa en 2004. En la venia a decir que lucharía contra un buscador dominado por enlaces pagados, que su buscador seria siempre libre de estas ataduras, la inclusión pagada aparecía como uno de los grandes pecados. Hasta ahora la forma de aparecer en primeras posiciones eran pagando un anuncio de Adsense, claramente diferenciado, o que Google decidiera que el contenido es lo suficientemente relevante. Google afirma tajantemente que no es posible aparecer en estos primeros lugares pagando por ella sin embargo reconoce que la inclusión pagada existe históricamente (ver replica de Google al final del articulo de Marketing Land) pero que eso no garantiza nunca la inclusión en los primeros lugares del buscador.

Pero ahora, en algunos casos, si realizamos búsquedas (por ahora solo USA) sobre hoteles, productos financieros o vuelos, además de los clásicos anuncios, justo debajo de ellos aparecen resultados que solo se distinguen por la inclusión de un texto y un icono de Patrocinado.

La explicación que da Google a esto es "Estamos dejando muy claro a los usuarios que hay una diferencia entre estos resultados, por los que Google puede ser compensado por los proveedores, y nuestros resultados de búsqueda orgánica"

¿Se han delatado ellos solos? ¿o es que la legislación les ha obligado a destapar una práctica habitual? No lo sabemos pero últimamente parece hacer todo lo contrario a su famoso Don't be evil

Analiza tus seguidores en Twitter de forma diferente

Interesante aplicación para Twitter la de Fruji.com que te analiza tu cuenta en Twitter mostrándote una síntesis sobre tú seguidores y su topología.

Cuando accedes con tu cuenta en Twitter comienza el análisis de la misma mostrándote un tablero resumen con tus seguidores, el alcance total que podrías alcanzar con ellos, la media de retweets (al principio se mostrara en 0 porque empieza a contar desde que accedes), si te sigue algún usuario certificado por Twitter, tu ratio entre seguidos y seguidores y el numero de tweets emitidos.

Podrás acceder a un análisis más pormenorizado de cada sección como que cuentas son las más relevantes, tu seguidor más popular, etc. Posee una versión freemium y dos versiones Premium, de 5 o 25 dólares anuales según tu elección. Hay un detalle especial, te muestra los posibles "spammer" en el apartado Marketing Accounts.


Solo por hoy podéis obtener la versión premium durante un año usando el código de acceso MAY2012 facilitada por su creador @mittermayr

Vía || Blog du Modérateur

Blogger y los redireccionamientos personalizados

Una de las nuevas opciones para configurar Blogger que sólo podemos ver en la nueva interfaz es la llamada Errores y re-direccionamientos que se encuentra en el apartado Preferencias de búsqueda. Allí, junto con la opción de crear páginas de error personalizadas hay otra que se titula Re-direccionamiento personalizado ¿Qué es esto?

La ayuda de Blogger nos dice algunas cosas pero lo mejor es probar y ver que sale ... sin temor a destruir nada. Si hacemos click en Editar, veremos algo así:

Allí, nos dicen que debemos agregar dos direcciones ¿cuáles? ¿cómo? ¿para qué?

Lo que nos permite esta opción es redirigir una página interna a otra página interna con una particularidad, esa dirección puede no ser una página inexistente ¿Confuso? Veamos un ejemplo sencillo. Si tengo una página estática con datos referidos a mi perfil, ontacto o cualquier otra cosa cuya URL es:

http://miblog.blogspot.com/p/el-titulo-de-la-pagina.html

y quisiera que esa URL fuera más corta, más clara, más "linda" y llamarla, por ejemplo:

http://miblog.blogspot.com/perfil

bastaría colocar esos datos en la opción de Blogger para que cualquier enlace a miblog.blogspot.com/perfil se re-direccionará automáticamente a la página real sin ventanas de advertencia ni problemas ya que se trataría de un re-direccionamiento desde el mismo servidor.

¿Cómo colocaría esos datos?

En De pondría la dirección "falsa" como un path interno, sin el protocolo http ni el dominio ni el subdominio; antecediendo todo con una barra: /perfil

Y en A pondría la dirección "real" con el mismo criterio: /p/el-titulo-de-la-pagina.html

Luego, guardaría y listo. Al acceder al enlace indicado en De, se abriría la pagina indicada en A.

¿Cuántas re-direcciones pueden hacerse? No hay información al respecto pero, evidentemente, puede haber varias así que si queremos agregar otra, basta repetir los mismos pasos.

¿Qué diferencia hay entre marcar y desmarcar el cuadro Permanente? No tengo idea.

¿Para qué podría servir esto aparte de crear URLs más amigables?

Podría usarse para redirigir entradas viejas o desactualizadas a una nueva entrada; para redirigir entradas eliminadas ... quien sabe; la opción existe, funciona bien y cada uno sabrá sacarle provecho o descartarla.

Concretamente, en este blog, no existe esta URL:

http://vagabundia.blogspot.com/ejemplo

pero si se hace click allí, se abrirá la página a la que se re-direcciona.

Facebook explica como promocionar las publicaciones de tu página

Facebook ha publicado su nueva opción de publicaciones promocionadas, explicando como realizarlas y como se deben de pagar.

Cómo empezar
¿Para qué sirve el botón "Promocionar" situado junto a las publicaciones de mi página?
Si eres administrador de una página, puedes promocionar publicaciones recientes directamente desde la biografía de tu página; basta con que te desplaces h...
¿Cómo se promociona una publicación de la página?
Ve a cualquier publicación que hayas creado en los últimos 3 días en la biografía de tu página.En la parte inferior de la publicación, justo debajo del lug...
¿Dónde se muestran mis publicaciones promocionadas de Facebook? ¿Qué aspecto tienen?
Todas las publicaciones promocionadas se mostrarán en la sección de noticias de las personas a las que les gusta tu página. Si las personas a las que les g...
¿Por qué no puedo promocionar todas las publicaciones de mi página?
La sección de noticias es un lugar ideado para que la gente vea el contenido más reciente y popular de las personas y las páginas a las que se conecta. Pa...
¿Quién puede ver mis publicaciones promocionadas?
Tus publicaciones promocionadas las verá un porcentaje mayor de la gente que vería normalmente tu página e indicaría que le gusta. También las verá un may...
¿Puedo dirigirme a personas que vivan en una ubicación específica?
Sí. Las publicaciones promocionadas utilizan la misma segmentación que la publicación original de la página. Cuando creas una publicación, puedes enfocarl...
¿Cómo se me factura?
Se te factura a diario a través de la fuente de financiación principal que hayas designado en tu Administrador de anuncios, y únicamente por la cantidad q...
Gestión de tu promoción
¿Qué tengo que hacer para poner una promoción en pausa?
Ve a la biografía de tu página y encuentra la publicación que estás promocionando.En la parte inferior de la publicación, justo debajo del lugar donde los...
¿Cómo cambio mi presupuesto?
Ve a la biografía de tu página y encuentra la publicación que estás promocionando.En la parte inferior de la publicación, justo debajo del lugar donde los...
¿Dónde puedo ver el rendimiento de una publicación promocionada?
Momentos después de promocionar una publicación, podrás ver su rendimiento en la parte inferior de la publicación, en los enlaces situados a la izquierda...



Via | Mashable

Saca rendimiento a tus imágenes en Pinterest

Siguiendo con la serie de como sacar al máximo rendimiento posible a Pinterest, os mostramos hoy como aprovechar las imágenes subidas para posicionamiento. Pinterest for Business realizó esta infografía donde muestra una serie de interesantes consejos para esa optimización.

Los principales consejos son:

.- Asegúrate de subir alguna vez tus propias imágenes.

.- Incluye tus palabras claves en el nombre de la imagen (nombre del archivo).

.- Pinea imágenes de fuentes diferentes.

.- Después de subir tus imágenes directamente debes editarlas y añadirles un enlace a tu sitio.

.- No uses descripciones demasiado largas, Pinterest permite hasta 500 caracteres, no los agotes siempre.

.- Interactúa, repinea otras imágenes, comenta, etc.

.- No olvides que Pinterest es una plataforma social y no una plataforma de publicidad.

.- Crea varios tableros y asegúrate que sus nombres correspondan a tus palabras claves.

.- Añade los botones de Pinterest a tu sitio web (follow, pin).

.- Se tu mismo, refleja tu personalidad.

En la infografía podrás encontrar más interesantes consejos...

Twitter ahora será más rápido

Ayer los usuarios de Twitter sufríamos algunos problemas al usar la plataforma, esos problemas eran debidos a una serie de cambios que se están produciendo en los servidores de Twitter para mejorar la carga del sitio.

Según informan desde su blog de ingeniería, cuando lanzaron la versión del nuevo Twitter trasladaron la mayor parte del procesamiento desde los servidores de Twitter a los navegadores de los usuarios, eso mejoro el problema de sus servidores, ya hasta echamos de menos la ballena, pero no mejoro la carga del servicio, al depender en gran medida de los equipos de cada usuario.

Además el uso de hashbang hace que el navegador tenga que cargar una página HTML, descargar y ejecutar algo de JavaScript, reconocer la ruta hashbang (que sólo es visible en el navegador), y es solo entonces cuando muestra el contenido de la URL.

Ahora están cambiando la arquitectura para no depender de los navegadores, eliminando el enrutamiento en nuestros equipos consiguen que primero se muestre el contenido y luego se cargue solo el javascript necesario, además implementado por módulos. Todo esto hace que se reduzcan los tiempos de carga hasta un 80%.

Esta nueva versión, mas rápida será trasladada a todos los usuarios en los próximos días y pronto veremos desaparecer de las url de Twitter el famosos #!...

La nueva interfaz de Blogger: Errores y demoras

Para quienes no usamos la nueva interfaz de Blogger porque no nos gusta, nos resulta muy incómoda o simplemente no queremos cambiar, este mes de mayo era clave y, si bien aún no ha terminado y la espada de Damocles sigue pendiendo sobre nuestras cabezas, tal vez podamos tener un tiempo de respiro extra ya que, curiosamente, el mensaje de Blogger indicando que el cambio sería forzoso a fines de este mes, ahora ha cambiado por otro indicando que eso ocurrirá "en los próximos meses" o sea ... vaya uno a saber cuando. Mañana, en julio, nunca ... con Blogger, no se sabe; lo temporal puede ser permanente y lo permanente puede ser efímero.

Aparentemente, lo que hay son muchos problemas no resueltos en esa interfaz que han obligado a Blogger a demorar el cambio programado. En este momento, en mi caso, la opción Descripción de búsqueda parece haber desaparecido y sin embargo ... allí está, en el código fuente pero oculta ¿por qué?

Hay otras opciones ocultas que jamás habia visto: Etiquetas de robots personalizados que no sé que puede significar:

Y Enlace permanente que parecería servir para cambiar la URL de la entrada algo que sería muy útil ya que muchas veces aparecen cortadas o son "feas":

Veremos, veremos, veremos o ... no veremos nada. Blogger es una caja de sorpresas.

La ley de cookies cuidado con ella

Hace un año se aprobó la nueva ley europea que protege la privacidad de los usuarios al navegar por Internet, conocida popularmente como la Ley de cookies y la realidad es que si nos la tomamos al pie de la letra, todos los que tenemos sitios web en Europa la estaremos incumpliendo y nos podrán denunciar por ello.

A esta ley se habían acogido parcialmente únicamente Gran Bretaña, Francia, Eslovenia, Luxemburgo, Letonia y Lituania, en España desde el día 2 de Abril de 2012 entró en vigor la modificación introducida en el artículo 22.2 de la Ley de Servicios de la Sociedad de la Información y del Comercio Electrónico (LSSI-CE) para adecuarse a la Directiva Comunitaria 2009/136/CE.

La ley regula el uso de cookies en los sitios, hasta ahora debíamos de informar de su uso en nuestra Política de Privacidad, pero ahora además es necesario obtener el consentimiento explicito de los usuarios del sitio mediante la comunicación del uso de cookies, la explicación sobre para que se usan, pidiendo su aceptación haciendo clic en un icono o una casilla de verificación. Es decir a nuestras visitas deberá aparecerle de forma clara un aviso donde le explicamos que usamos cookies y deberemos preguntarle si acepta o rechaza su uso, un ejemplo lo tenéis en el sitio de British Telecom.

Las únicas excepciones son sitios donde el seguimiento es estrictamente necesario para el suministro de un servicio o comunicación solicitada por el usuario como compras, algunas aplicaciones en línea y otras como almacenamiento en caché para mejorar la velocidad de la página.

En España aun no esta clara como debe de aplicarse, parece que los navegadores web tendrán que estar configurados por defecto con las cookies desactivadas y el propio usuario decidirá si la habilita o no, por nuestra parte sería suficiente mantener lo que hasta ahora todos deberíamos tener, es decir:

.- Avisar que la página web utiliza cookies.
.- Qué información se almacena en dichas cookies.
.- Con qué finalidad esa información será almacenada y posteriormente procesada.

Pensamos que no se va a perseguir el cumplimiento de esta ley pero si deberíamos tener claro que podríamos ser denunciados, en Inglaterra lleva tres días en vigor y ya se han producido 64 denuncias, por lo que nadie esta libre de encontrarse con una denuncia y una multa por no aplicar esta ley.

No caigáis en el error de pensar "yo de eso no tengo" ¿medís vuestras visitas? ¿tenéis botones sociales para twittear, hacer +1 o "me gusta"? ¿tenéis Adsense?, pues vuestro sitio usa cookies, de terceros pero son cookies al fin y al cabo y sois responsables de ellas junto con la empresa que las usa. Si, también se nos hace responsable de las cookies de terceros.

Esperemos que con la que esta cayendo, a ningún gracioso le de por recaudar mas por este lado...

El Blog de Blogger in Draft será retirado

El blog de Blogger in Draft será retirado, según anuncia el equipo de Blogger, por lo que toda la información sobre actualizaciones y características nuevas en Blogger in Draft, serán publicadas en la  página de Blogger en Google+.



Posiblemente ésto no sorprenda a muchos que han sido testigos de los cambios que ha venido haciendo en Google, con el propósito de focalizarse en su proyecto G+ e impulsarlo.



Si eres usuario nuevo de Blogger, y no sabes que es Blogger in Draft, ésta, es una versión especial de Blogger que nos permite a los usuarios del servicio probar gadgets nuevos y otras características, antes de que sean lanzadas oficialmente en Blogger.



Si te preocupa que Blogger in Draft también sea retirado, no te preocupes, podrás seguir probando como siempre todas las características nuevas desde ahí, tan pronto como sean agregadas, sólo que la información sobre todas esas novedades las encontrarás en otro lado.



Es mejor tener toda la información sobre las novedades de Blogger en un mismo sitio ¿verdad?, aunque también podrás encontrar información sobre actualizaciones de Blogger desde su blog.



Visto en Blogger Buster.

Inversiones actuales en publicidad online y previsiones futuras

La IPO de Facebook ha levantado la polémica sobre los anuncios en la plataforma y en general, en toda la red. Go-Gulf ha realizado un estudio comparativo sobre las inversiones actuales en publicidad online y las previsiones futuras a nivel mundial, donde nos muestra su posible evolución.

Este año el crecimiento de la inversión en publicidad en línea esta en 17.5% pero las previsiones para los años venideros indican que esa tasa de crecimiento disminuirá. Sin embargo si observamos el mercado estadounidense, ejemplo significativo de lo que sucede en otras regiones a posteriori, vemos que en solo tres años, el gasto en publicidad online casi igualara al realizado en las televisiones, cuando actualmente la inversión en televisión casi duplica a la online.

Interesante apreciar como Google domina este mercado con el 44.1% del mismo frente al solo 3.1% que abarca Facebook, pero las previsores para Facebook no parecen ser malas, el 89% de las agencias planean invertir en ella en sus campañas en redes sociales.

Extraña ver a España en la lista de países donde más invierten en publicidad online. Podéis observar más datos en la infografía realizada.

Palabras animadas con CSS

Este es un efecto creado exclusivamente con CSS donde ciertas palabras se animan, "cayendo" ordenadamente y son reemplazadas por otras usando transiciones y animaciones. En el sitio d los desarrolladores hay varios ejemplos con variaciones pero, todos comparten la misma idea general. En principio, empezamos con el HTML, una serie de etiquetas SPAN dentro de un DIV:

<div class="rw-sentence">
  <span>Un ejemplo</span>
  <span>donde las palabras</span>
  <span>se van cayendo:</span>
  <div class="rw-words rw-words-1">
    <span>uno</span>
    <span>dos</span>
    <!-- etc etc etc -->
    <span>tres</span>
  </div>
</div>

Eso es simple aunque si se coloca dentro de un psot de Blogegr, hay que tener cuidado con los saltos de línea.

Un ejemplodonde las palabrasse van cayendo:

unodostrescuatrocincoseis

Y claro, el CSS:

<style>
  .rw-sentence { /* el DIV donde se verá el efecto */
    margin: 0 auto;
    text-align: left;
    width: 400px;
  }
  .rw-sentence span { /* cada uno de los párrafs */
    color: #AAA;
    font-size: 30px;
  }
  .rw-words { /* las palabras que caen */
    display: inline;
    text-indent: 10px;
  }
  .rw-words-1 span { /* la primera palabra */
    color: White;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    /* la animación */
    -moz-transform-origin: 10% 75%;
    -webkit-transform-origin: 10% 75%;
    -o-transform-origin: 10% 75%;
    -ms-transform-origin: 10% 75%;
    transform-origin: 10% 75%;
    -moz-animation: rotateWord 18s linear infinite 0s;
    -webkit-animation: rotateWord 18s linear infinite 0s;
    -o-animation: rotateWord 18s linear infinite 0s;
    -ms-animation: rotateWord 18s linear infinite 0s;
    animation: rotateWord 18s linear infinite 0s;
  }
  /* la animación de las siguientes */
  .rw-words span:nth-child(2) { /* la segunda */
    color: Red;
    -moz-animation-delay: 3s; 
    -webkit-animation-delay: 3s; 
    -o-animation-delay: 3s; 
    -ms-animation-delay: 3s; 
    animation-delay: 3s; 
  }
  .rw-words span:nth-child(3) { /* la tercera */
    color: Aqua;
    -webkit-animation-delay: 6s; 
    -moz-animation-delay: 6s; 
    -o-animation-delay: 6s; 
    -ms-animation-delay: 6s; 
    animation-delay: 6s;
  }
  .rw-words span:nth-child(4) { /* la cuarta */
    color: Bisque;
    -moz-animation-delay: 9s; 
    -webkit-animation-delay: 9s; 
    -o-animation-delay: 9s; 
    -ms-animation-delay: 9s; 
    animation-delay: 9s;
  }
  .rw-words span:nth-child(5) { /* la la quinta */
    color: CadetBlue;
    -moz-animation-delay: 12s; 
    -webkit-animation-delay: 12s; 
    -o-animation-delay: 12s; 
    -ms-animation-delay: 12s; 
    animation-delay: 12s;
  }
  .rw-words span:nth-child(6) { /* la última */
    color: Yellow;
    -moz-animation-delay: 15s; 
    -webkit-animation-delay: 15s; 
    -o-animation-delay: 15s; 
    -ms-animation-delay: 15s; 
    animation-delay: 15s;
  }
   /* y las reglas de las animaciones para cada navegador */
  @-moz-keyframes rotateWord { /* Firefox */
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; -moz-transform: rotate(0deg); }
    19% { opacity: 1; -moz-transform: rotate(98deg); }
    21% { opacity: 1; -moz-transform: rotate(86deg); }
    23% { opacity: 1; -moz-transform: translateY(85px) rotate(83deg); }
    25% { opacity: 0; -moz-transform: translateY(170px) rotate(80deg); }
    80% { opacity: 0; }
    100% { opacity: 0; }
  }
  @-webkit-keyframes rotateWord { /* Chrome/Safari */
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; -webkit-transform: rotate(0deg); }
    19% { opacity: 1; -webkit-transform: rotate(98deg); }
    21% { opacity: 1; -webkit-transform: rotate(86deg); }
    23% { opacity: 1; -webkit-transform: translateY(85px) rotate(83deg); }
    25% { opacity: 0; -webkit-transform: translateY(170px) rotate(80deg); }
    80% { opacity: 0; }
    100% { opacity: 0; }
  }
  @-o-keyframes rotateWord { /* Opera */
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; -o-transform: rotate(0deg); }
    19% { opacity: 1; -o-transform: rotate(98deg); }
    21% { opacity: 1; -o-transform: rotate(86deg); }
    23% { opacity: 1; -o-transform: translateY(85px) rotate(83deg); }
    25% { opacity: 0; -o-transform: translateY(170px) rotate(80deg); }
    80% { opacity: 0; }
    100% { opacity: 0; }
  }
  @-ms-keyframes rotateWord { /* IE IE9/10 */
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; -ms-transform: rotate(0deg); }
    19% { opacity: 1; -ms-transform: rotate(98deg); }
    21% { opacity: 1; -ms-transform: rotate(86deg); }
    23% { opacity: 1; -ms-transform: translateY(85px) rotate(83deg); }
    25% { opacity: 0; -ms-transform: translateY(170px) rotate(80deg); }
    80% { opacity: 0; }
    100% { opacity: 0; }
  }
  @keyframes rotateWord { /* genérica */
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; transform: rotate(0deg); }
    19% { opacity: 1; transform: rotate(98deg); }
    21% { opacity: 1; transform: rotate(86deg); }
    23% { opacity: 1; transform: translateY(85px) rotate(83deg); }
    25% { opacity: 0; transform: translateY(170px) rotate(80deg); }
    80% { opacity: 0; }
    100% { opacity: 0; }
  }
</style>

REFERENCIAS:codrops

EMFF, reproductor flash de música MP3

EMFF es un reproductor en flash para escuchar música MP3 en el blog, su instalación es como la de la mayoría de los reproductores de su tipo, y su uso también. Sin embargo EMFF admite listas de reproducción y además posee varios skins para que pueda adaptarse a los gustos de cada quien.

Puedes verlos funcionando aquí mismo en esta entrada.


Old no border

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="91" height="25"> <param name="movie" value="URL del archivo SWF"> <param name="wmode" value="transparent" /> <param name="FlashVars" value="src=URL del archivo MP3"> </object>

Lila Info

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="200" height="55"> <param name="movie" value="URL del archivo SWF"> <param name="wmode" value="transparent" /> <param name="FlashVars" value="src=URL del archivo MP3"> </object>

Easy Glaze

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="32" height="32"> <param name="movie" value="URL del archivo SWF"> <param name="wmode" value="transparent" /> <param name="FlashVars" value="src=URL del archivo MP3"> </object>

Position Blue

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="100" height="50"> <param name="movie" value="URL del archivo SWF"> <param name="wmode" value="transparent" /> <param name="FlashVars" value="src=URL del archivo MP3"> </object>

Silk

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="84" height="32"> <param name="movie" value="URL del archivo SWF"> <param name="wmode" value="transparent" /> <param name="FlashVars" value="src=URL del archivo MP3"> </object>

Silk Button

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="16" height="16"> <param name="movie" value="URL del archivo SWF"> <param name="wmode" value="transparent" /> <param name="FlashVars" value="src=URL del archivo MP3"> </object>

Stuttgart

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="140" height="30"> <param name="movie" value="URL del archivo SWF"> <param name="wmode" value="transparent" /> <param name="FlashVars" value="src=URL del archivo MP3"> </object>

Wooden

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="120" height="60"> <param name="movie" value="URL del archivo SWF"> <param name="wmode" value="transparent" /> <param name="FlashVars" value="src=URL del archivo MP3"> </object>

Para usarlo sólo necesitas descargar este archivo, descomprimirlo, y subir uno de los archivos SWF a un hosting. Luego pega el código del reproductor que más te guste en un elemento HTML/Javascript de tu blog, o incluso una entrada, ahí agrega la URL del archivo SWF que subiste previamente (sólo el que hayas elegido), verás que debes agregar la URL dos veces. También agrega donde se indica la URL de tu canción y listo.

Puedes agregar más de una canción, sólo añade las demás URLs de las canciones una seguida de la otra, pero todas separadas por una coma, por ejemplo:

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="91" height="25"> <param name="movie" value="URL del archivo SWF"> <param name="wmode" value="transparent" /> <param name="FlashVars" value="src=URL del archivo MP3 uno,URL del archivo MP3 dos,URL del archivo MP3 tres"> </object>

También podemos usar tres parámetros, autoplay, repetir, y aleatorio:

&amp;autostart=yes &amp;repeat=yes &amp;shuffle=yes

Cualquiera de ellos se agrega al final de la última URL de la canción, por ejemplo, si usáramos los tres se vería así:

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="91" height="25"> <param name="movie" value="URL del archivo SWF"> <param name="wmode" value="transparent" /> <param name="FlashVars" value="src=URL del archivo MP3&amp;autostart=yes&amp;repeat=yes&amp;shuffle=yes"> </object>

Como puedes ver es un reproductor de fácil uso, sencillo y visualmente agradable. En la siguiente entrada veremos cómo crear listas de reproducción en formato XML. Si ya sabes crear listas XML entonces siempre has de cambiar esta línea del reproductor:

<param name="FlashVars" value="src=URL del archivo MP3">

Por esta otra:

<param name="FlashVars" value="playlist=URL del archivo XML">

En el caso de las listas de reproducción XML la URL del archivo nunca deberá llevar el protocolo seguro de transferencia de hipertexto, es decir, que en vez de que sea HTTPS será HTTP. Vía | EMFF

Cambiar color de selección de texto en el blog

Varias personas me han estado preguntando que cómo hago para poner un color de selección al texto de mi blog, como pueden ver en esta imagen:


Éso se puede hacer de una forma muy sencilla:

1.§ Vamos a Plantilla - Edición de HTML; si usamos a antigua interfaz de Blogger, vamos a Diseño - Edición de HTML.

2.§ Con ayuda de CTRL+F buscamos ]]></b:skin> y justo antes de éste, pegaremos el siguiente código:

::-moz-selection { background: #ff0066; color: white; /* Firefox */ }
::-moz-selection { background: #ff0066; color: white; /* Opera */ }
::-moz-selection { background: #ff0066; color: white; /* Chrome */ }

Donde #ff0066 es el color de selección, que podemos cambiar por cualquier otro; white es el color del texto al momento de seleccionarlo.
Lamentablemente, el color de selección no funciona en IE.

Monitoriza redes sociales con NutshellMail

NutshellMail es un servicio de monitorización y gestión de las principales redes sociales como Facebook, Twitter, LinkedIn, etc que te permitirá recibir en tu cuenta de correo todas las actividades que se desarrollan en torno al nombre de una marca o usuario.

En su configuración podrás seleccionar toda la información que quieres recibir, incluso la cantidad de correos que te envien o la hora en los que quieres recibirlos. Herramientas bastante interesante...

Muestra dos hashtags al mismo tiempo

Algunas veces tenemos la necesidad de seguir varios hashtags al vez, eyeooo.com te permite seguir a un par de ellos de forma muy cómoda, ademas te da otras posibilidades como monitorizar tres sitios web a la vez.

La maldición del cursor

Cómo eliminar, cambiar o agregar una etiqueta en varias entradas a la vez, en la nueva interfaz de Blogger

Hace tiempo hablábamos de las etiquetas de Blogger. Es un post algo antiguo, todavía no teníamos la nueva interfaz por lo tanto, algunas cosas ya no son iguales, por ejemplo, la forma en que podemos editar una etiqueta en varias entradas simultáneamente, cosa que hoy veremos cómo hacer.

Cómo eliminar una etiqueta en varias entradas a la vez

Ejemplo. Como ejemplo, vamos a pensar que quieres eliminar la etiqueta Herramientas, en todas las entradas que la contengan. Para lograrlo, seguirás estos pasos:

1. Desde el panel de Blogger, ve a Entradas | Todas. También puede ir a Entradas  | Publicadas, si por ejemplo quieres que solo se muestren las entradas publicadas y no los borradores. 


2. Luego haz click en el nombre de la etiqueta que quieres eliminar y que aparece a un lado del título de la entrada que la contenga. En nuestro ejemplo es Herramientas. Al hacerlo, se mostrarán todas las entradas que contienen dicha etiqueta. En otras palabras, estarás filtrando las entradas usando la etiqueta.
   
   
   
   
   
   
   
   
   
   


3. Una vez que aparezcan todas las entradas que tienen la etiqueta en cuestión, selecciona todas esas entradas, activando la casilla que está a un lado del menú desplegable de las etiquetas.
   
   
   
   
   
   
   
   
   
   


4. Luego, accede al menú desplegable de las etiquetas, que se reconoce por el icono de etiqueta, y busca la etiqueta que vas a eliminar (en el ejemplo es Herramientas) y haz click sobre ésta. Al hacerlo, se habrá eliminado dicha etiqueta de todas las entradas seleccionadas.
   
   
   
   
   
   
   
   
   
   
   
   

Nota: Blogger no te permite editar más de 50 entradas de forma simultánea. Si la cantidad de entradas a las que vas a eliminar la etiqueta es mayor, entonces tendrás que desactivar la casilla de alguna de las entradas para que no rebase esa cantidad, luego habrá que repetir el proceso para el resto de las entradas que todavía tuviesen la etiqueta que quieres eliminar.

Cómo editar una etiqueta (cambiarle el nombre)

Para cambiar el nombre de una etiqueta, primero deberás agregar el nombre nuevo de la etiqueta a las entradas que contienen la etiqueta que quieres cambiar, luego deberás eliminar la etiqueta que quieres cambiar.

Para ilustrar ésto con imágenes, usaré un ejemplo. Vamos a pensar que quiero cambiar la etiqueta "guisos" por "Platillos". Entonces, sigue estos pasos:

1. Desde el panel de Blogger, vas a  Entradas | Todas. O bien, Entradas  |  Publicadas, si quisieras excluir los borradores.


2. Haz click en la etiqueta "guisos" de cualquira de las entradas que la contenga.
   
   
   
   
   
   
   
   
   
   
   
   


3. Una vez que hayas hecho click en la etiqueta, se filtrarán todas las entradas con dicha etiqueta. Selecciona todas las entradas con la etiqueta, activando la casilla que aparece a un lado del menú desplegable con las etiquetas.
   
   
   
   
   
   
   
   
   
   
   
   


4. Luego, haz click en el menú desplegable de etiquetas, y selecciona la opción de "Etiqueta Nueva" y pon el nombre de la etiqueta nueva, en el campo de la ventana que se abrió. Luego haz click en Aceptar. Siguiendo nuestro ejemplo la etiqueta sería Platillos.
   
   
   
   
   
   
   
   
   
   


5. Hecho el paso anterior, las entradas seguirán seleccionadas y ya habrás agregado el nombre nuevo de la etiqueta que quieres cambiar. Ahora solo falta eliminar el nombre que ya no queremos, y que en nuestro ejemplo es "guisos". Entonces, desplegamos de nuevo el menú con el icono de etiqueta, y hacemos click en el nombre de la etiqueta que estamos cambiando, que en nuestro ejemplo sería "guisos". Hecho eso, habremos eliminado esa etiqueta.
   
   
   
   
   
   
   
   

¡Listo!, hemos cambiado la etiqueta "guisos" por "Platillos".

En resumen, primero seleccionas las entradas con la etiqueta que quieres cambiar, luego les pones el nombre de la nueva etiqueta, finalmente, eliminas la etiqueta que estás editando.

Nota: Blogger no te permite editar mas de 50 entradas de forma simultánea. Si la cantidad que vas a editar es mayor, entonces tendrás que desactivar la casilla de alguna de las entradas para que no rebase esa cantidad, luego, habrá que repetir el proceso las veces que sea necesario.

Cómo agregar una etiqueta nueva a determinadas entradas

1. Estando en Entradas | Todas de las opciones del panel, seleccionas las entradas a las que quieres agregar un nueva etiqueta. Pensando en que lo harás en las entradas que ya tienen cierta etiqueta, haces click en el nombre de la etiqueta que aparece al lado de una entrada que la contenga. 


2. Despliegas el menú con el icono de etiqueta, y seleccionas la opción de "Etiqueta nueva".


3. Pones el nombre de la nueva etiqueta en el campo de la ventanita que se abrió, y haces click en Aceptar para que se aplique el cambio.

Hecho esto habrás agregado una nueva etiqueta a las entradas que seleccionaste.



Referencias: Cómo editar las etiquetas en las entradas (artículo de soporte de Blogger no actualizado)

Entrada actualizada el 25 de Enero del 2013.

Completa comparativa entre las principales redes sociales

Conocer el panorama actual de las principales redes sociales siempre es importante, Go-Gulf ha realizado una recopilación del estado de las mismas y las ha plasmado en esta infografía.

En ella podemos apreciar tanto su numero totales de usuarios, como sus números de visitantes mensuales, su ratio por sexo, el tiempo medio que pasmaos en ellas, los perfiles por edades y el valor económico que se nos da a cad uno de nosotros.

Estado de las redes sociales en España

El mes pasado The Cocktail Analysis publicaba su 4º Oleada Observatorio de Redes Sociales, ahora han resumido estos datos en una infografía que os mostramos a continuación,

click en la imagen para ver en grande

Que es Internet explicado en cinco minutos

Nunca esta de mas ver una explicación sencilla y asequible de como funciona Internet, este video simplifica y nos hace entender a grandes rasgos en que consiste. El vídeo esta en inglés pero puede subtitularse a español.

¿Estamos ante una nueva burbuja tecnológica? Parece que no

Seguimos con el monotema de la semana, Facebook, su salida a bolsa y sobretodo, la valoración alcanzada ha hecho que de nuevo se vuelva a hablar de burbuja tecnológica, como ocurrió con las .com en su momento.

Como las cosas hay que ponerlas en perspectivas, el MIT a través de Technology Review ha realizado este grafico comparativo desde 1992 hasta ahora teniendo en cuenta el valor que se le ha dado a las principales compañías, ya sea por su salida a bolsa como por ampliaciones de capital privadas, mostrándonos cual seria el precio final de cada usuario según el volumen de ellos que tienen o tenían cada una de ellas.

Este excelente ejercicio puede hacernos comprender que no estemos ante otra burbuja, si vemos el valor que tenia un usuarios de Lycos, superando los 400$ o de Excite, por encima de 300$ con los valores de un usuario de Google, 200$ o el valor dado a uno de Facebook, 116$, incluso el valor de un usuario de Twitter, 60$, veremos claramente que no es la misma situación y los precios están bastante mas ajustados.

Diferencias entre las plataformas de anuncios de Facebook y Google

La problemática que se ha levantado sobre la utilización de anuncios en Facebook no tendría sentido si no la compararan con Google, algunos incluso se atreven a afirmar que nunca alcanzara el nivel de Google en este apartado, otros pensamos que el problema es bastante mas amplio y acabara afectando a todos.

Anteponiendo el hecho de que consideramos que estas comparativas no son adecuadas, comparar los ingresos generados por publicidad en Facebook, que podríamos decir que abrió sus puertas ayer en este aspecto, es lo mismo que empeñarnos en comparar el numero de usuarios de Google Plus frente a Facebook, no deberíamos hacerlo. Pero como la información es relevante, no tanto en el aspecto de ingresos si no por conocer las diferencias existentes entre ambas, publicamos esta infografía de WordStream donde podemos apreciar desde el impacto que tienen, pasando por sus formatos y un dato preocupante para Facebook, sus ingresos están disminuyendo cuando deberían estar en plena expansión.

ResizeBrowser: Una herramienta online

No es algo del otro mundo pero resizebrowser es una herramienta útil a la hora de verificar cómo se ve un sitio web en distintas resoluciones de pantalla ya que los avances que se ven en el tema monitores hacen que este sea un tema complicado. Antes era más fácil, 800x600 o 1024x640 y ahí se acababan las variantes pero hoy en día, las alternativas son múltiples y conviene verificar si lo que vemos es lo que otros verán.

Esto no significa que uno deba crear sitios para el 100% ya que sería casi imposible pero, siempre es bueno saber qué pasaría si ... y de ese modo decidir dónde estarán nuestros límites.

La herramienta funciona online y posee dos pestañas. La izquierda nos permite seleccionar las distintas resoluciones admitidas o agregar alguna personal y la superior usar un zoom y definir la proporción: 4:3, 16:10, 16:9 o móviles.

Luego, basta hacer click en cualquiera de los enlaces que se muestran de nodo gráfico, para que se abra el navegador en una nueva ventana, ya re-dimensionada y desde allí podemos navegar libremente o colocar la dirección URL del sitio que queremos verificar.

¿Acabarán cobrándonos por los servicios gratuitos actuales?

La polémica que ha levantado la salida a bolsa de Facebook unido al hecho de los distintos estudios que muestran la poca efectividad de los anuncios en la plataforma, avivados por el anuncio de General Motors de dejar de anunciarse en esa plataforma, le hace a uno pensar ¿tendremos que pagar por usar los servicios web?

Hasta hora disfrutamos de muchos servicios gratuitos y realmente a este aspecto no le damos la importancia que tiene, pensamos que esto va a durar toda la vida pero obviamos que estos servicios están proporcionados por empresas cuya función es generar beneficios económicos. Nos olvidamos que ellos nos ven como potenciales espectadores de anuncios y posibles compradores de productos, pero la realidad indica que la efectividad de la publicidad en red no acaba de funcionar y puede convertirse en una gran falacia que acabara perjudicándonos a todos.




Es evidente que los usuarios padecemos lo que se llama "ceguera a los banners" (hemos puesto un anuncio intrusivo justo encima de este párrafo como prueba ¿de que iba?) y que las distintas formas de presentarnos los anuncios en la web incluso nos molestan y si son intrusivas apaga y vámonos.

Esta claro que los publicistas deben buscar maneras diferentes de mostrar estas publicidades, los contenidos patrocinados son cada vez más habituales pero ¿son efectivos?

Las marcas buscan retorno a cambio de sus inversiones publicitarias en red, las plataforma buscan beneficios y hasta ahora la publicidad parecía su panacea, pero las marcas han aprendido a medir de manera mas correcta y concreta sus retornos y empiezan a recelar de su efectividad. Si a esto le unimos que cada vez mas acudimos a la red usando dispositivos móviles con pantallas pequeñas donde aun es más complicado no ser intrusivo con un anuncio, el panorama no se presenta muy halagüeño para nadie. Nos encontramos en un universo donde hay o habrá miles de millones de personas a los que puedes acceder, el sueño de cualquier marca, pero esto usuarios se encuentran saturados de contenidos, es la parte mala que ha traído esto de compartir, y son sujetos pasivos ante la publicidad mostrada.

Si el panorama es este, que harán las plataformas hasta ahora gratuitas ¿cobrar a las marcas por su uso? parece que si, ¿será esto suficiente? parece que no. ¿Qué quedará? cobrarnos a nosotros por los servicios....

Estudio sobre el uso de cupones de descuento para fidelizar clientes

Hace algún tiempo os pedimos vuestra colaboración en forma de encuesta para conocer vuestra opinión sobre el uso de cupones de descuentos, si esa formula seria valida para fidelizar clientes.

Alrededor de 200 de vosotros tuvisteis la amabilidad de responder al cuestionario y os mostramos los resultados, a nosotros nos han sorprendido vuestras respuestas, el uso de cupones de descuento parece una formula mas eficaz de lo que pensábamos.

Medidas para personalizar el aspecto de tus redes sociales

Además de emitir contenidos es importante que los diseños que mostramos en las distintas redes sociales sean adecuados y que sean visualmente atractivos. Muchas veces al desconocer las medidas que debemos utilizar al subir una imagen de perfil o una foto de portada, estos diseños no quedan bien y se convierte en un dolor de cabeza saber que medidas debería tener la foto o imagen que queremos utilizar.

Ya os mostramos todas las medidas que se usan en el nuevo timeline de Facebook, ahora, esta infografía de Bop Design, nos muestra otras medidas de diferentes redes sociales como Twitter, Google Plus, Facebook, LinkedIn, etc.