jueves, 1 de marzo de 2012

Páginas dinámicas o blogs sin blogs

A veces me pregunto si la gente de Blogger tiene alguna idea de lo que es un blog.

Hace rato que estoy seguro que sus conceptos de blog difieren radicalmente de los míos pero ya ni siquiera parece que habláramos el mismo idioma.

Obviamente, todos habrán visto o leído el tema de estas llamadas paginas dinámicas; aparecieron primero en modo Google, es decir "beta permanente" para luego ser parte integral del servicio.


Las promovieron a lo grande, con banda, desfile y decenas de artículos ... y siguen insistiendo:


Hoy estamos pre-visualizando cinco nuevas plantillas dinámicas de Blogger que pronto serán personalizables y podrán ser usadas en su blog. Estos nuevas plantillas utilizan lo último en tecnología web, incluyendo AJAX, HTML 5 y CSS3, para ofrecer una serie de beneficios tanto a usted como a sus lectores:

  • Desplazamiento infinito: leer más entradas sin tener que recargar o abrir una segunda página
  • Nuevos diseños: vistas diferentes adaptadas a los diferentes tipos de blogs
  • Velocidad: las imágenes se cargan a medida que son vistas
  • Interactividad: nuevas formas para experimentar y enriquecer el contenido del blog

Las trompetas y el auto-bombo suenan atractivos ¿pero, será verdad? Por supuesto, nadie puede responder a esa pregunta así que uno simplemente puede deducir y pensar: Si el Diseñador de Plantillas es un ejemplo de lo que Blogger propone para el futuro, "algo huele mal en Dinamarca".

A lo largo de estos meses, han ido cambiando el sistema, agregándole cosas (update#1, update#2) y la última es la posibilidad de incluir gadgets o de mantener los que existen en el blog cuando se cambia a este tipo de plantilla.


Curiosamente, esta última parece que ha ido cambiando desde el anuncio hasta el momento en que escribo estas líneas ya que al principio esa barra oscura a la derecha donde se expanden, se mostraba encima de la barra de scroll y ya no.

Y acá comienza lo subjetivo (o continua) pero no puedo evitarlo así que empiezo por el final: la parte más interesante de todo esto es la posibilidad de deshabilitarlo; gracias; por lo menos esta vez, me han dado la opción de decir NO.

NO por muchas razones, por todas las razones por las que uno ha creado un blog y que estas cosas desvirtúan, transformando eso que era un espacio personal, en una página ascética que podrá ser llamativa para algunos pero que nada aportan a los sitios más allá de la parafernalia de las cositas que suben bajan o se mueven y que podemos hacer nosotros mismos aún sin los recursos del gigante. Ni que decir que también las podríamos hacer mucho más fácilmente si en lugar de intentar estandarizar, se dedicaran a agregar las herramientas y facilitarnos su uso.
  • ¿Podríamos usar Ajax? Sí, si ellos quisieran pero no quieren.
  • ¿Podríamos tener desplazamiento infinito? Sí, si ellos permitieran un acceso más fluido a nuestros propios datos; pero por ahora, ni siquiera nos ofrecen un sistema de paginación elemental.
  • ¿Podríamos tener mejor velocidad? Sí, si ellos centralizaran librerías, dejaran de agregar cosas que no utilizamos y no llenaran las páginas de scripts que siempre tienen algún error.
  • ¿Podríamos tener mejor interactividad? Sí, si ellos nos permitieran gerenciar los comentarios, compartir las entradas con razonabilidad, generar resúmenes, etc, etc, etc.
NO porque un blog deja de ser blog para transformarse en un tablón de anuncios.

Es evidente que la idea es esa o ¿les sobraron "cositas" del fracasado Google Wave y no sabían qué hacer con todo eso y que no se notara el desperdicio de recursos?

¿Será que la ambición de querer entrar a toda costa en el mercado de redes sociales que es uno de los pocos bastiones donde Google no puede hacer pie los ha llevado a pensar que enchufarnos Google+ hasta en la sopa es insuficiente y que Blogger podría ser la punta de lanza de ese desembarco?

Me lo pregunto porque eso que veo no difiere demasiado del concepto de las redes sociales; posee esa uniformidad inevitable, las opciones pre-digeridas y les salió barato porque el contenido lo aportamos nosotros ¿Será paranoia? Quién sabe; "piensa mal y acertarás" es un consejo bastante derrotista así que mejor imaginar qué sólo se trata de una gafe, una más y ya van varias de esta gente que utiliza sus incontables recursos para ... ¿para qué?

Lo repito. Para mi, lo mejor de estos COSOS es que se puede deshabilitar y que, por ahora, no son obligtorios.

Ya los miré; ya los probé. Algunas andan y otras no andan para nada; vi como hace desastres en ciertas entradas de este sitio; vi blogs sin blogs, vi blogs sin gente detrás de ellos, no vi diferencias, no vi calidad humana, vi una máquina mostrando cuadraditos, páginas claritas, enlaces celestitos siempre subrayados y sentí que me querían meter en la picadora de carne para venderme como hamburguesa de McDonald.

Y claro, alguien podrá decir "a mi me gusta", y estará perfecto; yo hablo de eso, de esas diferencias. De mantenerlas, de permitirlas ¿se mantendrán o en algún momento no me dejarán decir NO?

Y claro, alguien podrá protestar y decir "si no te gusta, no lo veas", y tendrá razón, off course, pero, además de no verlo, también puedo decirlo porque, pese a Blogger, esto, sigue siendo un blog.

Efecto burbujas en el cursor

Hace un tiempo vimos un tutorial de cómo agregar un efecto de estrellas en el cursor. Hoy les traigo otro efecto similar para el cursor del blog, agregando burbujas que suben por la pantalla.

( Ver DEMO)


Bien, para agregar este efecto seguimos los siguientes pasos :

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 </head> y justo antes de éste, pegaremos el siguiente script:


3.§ Para cambiar el color de las burbujas, sustituímos los cinco #FF9900 del código por otro color

4.§ Damos click a guardar y listo!

Ver demo

PinClout mide tu influencia en Pinterest

No han tardado mucho, dada la relevancia que se le esta dando a Pinterest, en sacar un medidor de influencia en esa plataforma, al mas puro estilo Klout. Vía KillerStartups nos enteramos de la existencia de PinClout, que mide tu influencia en Pinterest.

Redes sociales especializadas, esta vez en el poker.

Desde hace un tiempo el póker ha ido afianzándose en la cultura española, ahora la mayoría de las personas saben jugar al póker o conocen alguien que sabe. Incluso existen personas que se dedican a ir a casinos para poder participar a los múltiples de torneos que existen.

Por ese motivo y también porque las redes sociales se han introducido en nuestras vidas, han creado una red social especializada al mundo del póker, pokermundo.es.

Esta red social está dedicada para personas amantes del póker en España o de habla hispana.

Una de las características que te permite esta red social es la interactuación entre los usuarios y múltiples casinos y clubes de toda España. Con esto el usuario siempre puede estar informado de todo el calendario de torneos a nivel nacional e incluso a nivel internacional.
También incluye salas para poder jugar al póker online además de ofrecer numerosas promociones.

Quién sabe si lo siguiente será crear una red social de casinos que te permita jugar a las tragamonedas online. Las redes sociales especializadas siguen avanzando por el mundo virtual, especializándose en cualquiera de los gustos de los usuarios.

Procedimiento de la Ley Sinde, hoy entra en vigor

Hoy entra en vigor la Ley Sinde, según el Real Decreto aprobado a finales de Diciembre del año pasado señalaba la fecha del 1 de Marzo para su entrada en vigor, este real Decreto pone en marcha la sección segunda de la Comisión de Propiedad Intelectual, que estará formada por un grupo de funcionarios de los ministerios de Educación, Cultura y Deporte, Industria, Energía y Turismo, Economía y Competitividad, y Presidencia. Estos nombres aun los desconocemos y por ahora se mantienen en secreto.

El procedimiento que se seguirá a partir de ahora, será, ante la denuncia de una posible violación de derechos de autor, la comisión estudiara si existe una violación de dichos derechos y si hay ánimo de lucro. Una vez aceptada esa solicitud, se pide al juez una autorización para identificar al responsable, con quien se contactará para informarle y solicitarle que en un plazo de 48 horas retire esos contenidos o presente alegaciones. Si se presentan alegaciones, se estudian las mismas y si no se estiman o no se retiran se solicita de nuevo la intervención judicial, que es la que decide en ultima instancia si se retira o se interrumpe el servicio que ofrece esos supuestos contenidos que violan derechos de autor. Este proceso de solicitar hasta dos veces la intervención judicial durara alrededor de unos 20 días.

Si el juez decide que estos contenidos deben ser eliminados y si no se ejecuta su orden de manera voluntaria, se procederá a solicitar a la compañía que ofrece los servicios de alojamiento, la eliminación de las páginas que ofrecen dichos contenidos.

Esto es lo que hemos podido averiguar sobre como será el procedimiento que se seguirá a partir de ahora para eliminar contenidos que violen derechos de autor, durante estas próximas semanas, seguramente asistiremos a una avalancha de denuncias que veremos como acaban, aunque muchas paginas que ofrecían enlaces a contenidos que supuestamente violaban derechos de autor han empezado a retirarlos desde el cierre de Megaupload....

*Actualización: Ya hay una primera denuncia para poner a prueba la Ley Sinde...

smétrica ya ofrece nuevos gráficos sobre páginas de empresas en Facebook

Tal como os comentábamos hace unos días los amigos de smétrica, la herramienta de analítica de paginas de empresas de Facebook ya ha puesto a disposición de todos nosotros sus nuevos gráficos sobre "Hablando de esto" Y "Compartir".

Además, ahora también nos ofrecen gráficos sobre publicaciones de marcas y usuarios y las interacciones generadas por cada una de ellos.



Sabemos que además están preparando mas desarrollos, como un observatorio de nicho y un servicio premium que ofrecerá aun mas ventajas para el análisis de paginas de marcas en Facebook....



3 Nuevas opciones de botones de redes sociales para que sigan tu blog (widgets)


iconos sociales



Así como ocurre en las telenovelas, este post es la continuación del anterior, donde compartía contigo cuatro opciones de iconos sociales, listos para que los pongas en tu blog. En esta ocasión he preparado otras tres opciones, para que tengas más posibilidades de que alguna se adapte al diseño de tu blog, y al igual que la vez anterior, también usan solo una imagen.



Y por si fuera poco, para que sea todavía más fácil, en este caso, vas a poner todo el código (CSS+HTML), en un gadget, eligiendo la opción HTML/Javascript, solo vas a llevarte el código completo de los botones que más te gusten, y vas a editar lo que resalté con rojo, al final del código.



Cómo poner los botones, paso a paso



Paso 1. Ve a Diseño, o elementos de la página de la vieja interfaz, y pon el código completo de los botones que te gustaron, en un gadget HTML/Javascript.



Paso 2. Luego, edita la última parte del código, que es la del HTML y resalté de azul,  escribiendo la dirección web de la red social, donde está la almohadilla (#). Es fácil saber a que red corresponde cada almohadilla, ya que antes verás la clase (class), que lleva el nombre de la red.



Por ejemplo, esta es la linea de código en el HTML, del botón de Twitter:



<li><a class="twitter" href="#"><span>Twitter</span></a></li>



Ahí donde esta la almohadilla o signo de número  (#), pones la dirección web de tu cuenta de Twitter. El gatito se debe de quitar, solo debe de llevar la dirección web, cuidado con no borrar las comillas antes y después.También puedes editar el texto del tooltip y que en este caso, dice: Twitter.



Paso 3. Ya que editaste el código para todos los botones, guarda los cambios y listo ;)









(ver opciones 5,6, y 7)

Opción 5




botones sociales











 Código (CSS + HTML) 




<style type="text/css">

ul#m-soc5{  margin:19px 0 0 10px; padding:0; width:220px; height:60px}

ul#m-soc5 li{list-style:none; margin:4px; padding:0; float:left; border:none}

ul#m-soc5 li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZwwvycdEEXKudRbqzXKo5p6eXOoCXgUDPus6kzWlPNFpSOtLpqTBHeGlOdTrBdzuaECfNP0bpZTzcQw1NwWXhyN7dnFHb6slEMo3R3unfyMoXhBj8Bj3TPLVtjZMrFG1-q0CUtOx8atBZ/s400/sprite5-compartidisimo.png) no-repeat 0 0; margin:0; padding:0; display:block; position:relative; width:33px; height:33px; overflow:visible}

ul#m-soc5 li a.twitter{background-position:0 0}

ul#m-soc5 li a.facebook{background-position:-33px 0}

ul#m-soc5 li a.google{background-position:-66px 0}

ul#m-soc5 li a.youtube{background-position:-99px 0}

ul#m-soc5 li a.rss{background-position:-132px 0}

ul#m-soc5 li a span{background:#555; position:absolute; top:-5px; left:-10px;width:auto;opacity:0; padding:3px; text-align:left; color:#fff; filter:alpha(opacity=0); white-space:nowrap;text-decoration:none;border-radius:3px; font-size:12px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out}

ul#m-soc5 li a:hover{text-decoration:none}ul#m-soc5 li a:hover span{opacity:.7; filter:alpha(opacity=70); top:-28px}

</style>





<ul id="m-soc5">

<li><a class="twitter" href="#"><span>Twitter</span></a></li><li><a class="facebook" href="#"><span>Facebook</span></a></li><li><a class="google" href="#"><span>Google+</span></a></li><li><a class="youtube" href="#"><span>Youtube</span></a></li><li><a class="rss" href="#"><span>Suscríbete</span></a></li>

</ul>





Opción 6 




iconos













 Código (CSS + HTML) 


<style type="text/css">

ul#m-soc6{  margin:19px 0 0 10px; padding:0; width:190px; height:55px}

ul#m-soc6 li{list-style:none; margin:4px; padding:0; float:left; border:none}

ul#m-soc6 li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYaVfgETCZkeiNj4yFL6qva9CABT67Ib3170w7pnQOj_F1AuQFl8lECLWMhXG4wkgr8qpvHZEfOHmy0jdQfSpx9MQjpq_JwUUQ17L8RdVtKDOhj0TGjTET5vCaagmidNOEl5sU5lkO0Xu8/s400/sprite6-compartidisimo.png) no-repeat 0 0; margin:0; padding:0; display:block; position:relative; width:32px; height:32px; overflow:visible}

ul#m-soc6 li a.twitter{background-position:0 0}

ul#m-soc6 li a.facebook{background-position:-32px 0}

ul#m-soc6 li a.google{background-position:-64px 0}

ul#m-soc6 li a.rss{background-position:-96px 0}

ul#m-soc6 li a.twitter:hover{background-position: 0 -32px;}

ul#m-soc6 li a.facebook:hover{background-position: -32px -32px;}

ul#m-soc6 li a.google:hover{background-position:-64px -32px;}

ul#m-soc6 li a.rss:hover{background-position:-96px -32px;}

ul#m-soc6 li a span{background:#555; position:absolute; top:-5px; left:-10px; width:auto;opacity:0; padding:3px; text-align:left; color:#fff; filter:alpha(opacity=0); white-space:nowrap;text-decoration:none; border-radius:3px; font-size:12px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out}

ul#m-soc6 li a:hover{text-decoration:none}ul#m-soc6 li a:hover span{opacity:.7; filter:alpha(opacity=70); top:-27px}

</style>






<ul id="m-soc6"><li><a class="twitter" href="#"><span>Twitter</span></a></li><li><a class="facebook" href="#"><span>Facebook</span></a></li><li><a class="google" href="#"><span>Google+</span></a></li><li><a class="rss" href="#"><span>Suscríbete</span></a></li></ul>





Opción 7




Iconos















 Código (CSS + HTML) 


<style type="text/css">

ul#m-soc7{margin:18px 0 0 10px; padding:0; width:280px; height:66px}

ul#m-soc7 li{list-style:none; margin:4px; padding:0; float:left; border:none}

ul#m-soc7 li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdnv9dtzoamzuOd47XmQGS0rLjarogxDNCbyah_NwjesUQlwia4USbOWAcjXR6TF11Fnojs7-MgLOVj49mXmHf1N5pTfpQWF10TVZfGm901E2UR6v7LDE67PDWYM6cGGMjxPXIRWk3gOik/s400/sprite7-compartidisimo.png) no-repeat 0 0; margin:0; padding:0; display:block; position:relative; width:48px; height:48px; overflow:visible}

ul#m-soc7 li a.twitter{background-position:0 0}

ul#m-soc7 li a.facebook{background-position:-48px 0}

ul#m-soc7 li a.google{background-position:-96px 0}

ul#m-soc7 li a.youtube{background-position:-144px 0}

ul#m-soc7 li a.rss{background-position:-192px 0}

ul#m-soc7 li a.twitter:hover{background-position:0 -48px}

ul#m-soc7 li a.facebook:hover{background-position:-48px -48px}

ul#m-soc7 li a.google:hover{background-position:-96px -48px}

ul#m-soc7 li a.youtube:hover{background-position:-144px -48px}

ul#m-soc7 li a.rss:hover{background-position:-192px -48px}

ul#m-soc7 li a span{background:#555; position:absolute; top:-10px; width:auto; left:0;opacity:0; padding:3px; text-align:left;text-decoration:none; color:#fff; filter:alpha(opacity=0); white-space:nowrap; border-radius:3px; font-size:12px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out}ul#m-soc7 li a:hover{text-decoration:none}

ul#m-soc7 li a:hover span{opacity:.8; filter:alpha(opacity=80); top:-24px}

</style>

<ul id="m-soc7"><li><a class="twitter" href="#"><span>Twitter</span></a></li><li><a class="facebook" href="#"><span>Facebook</span></a></li><li><a class="google" href="#"><span>Google+</span></a></li><li><a class="youtube" href="#"><span style="border:0;">YouTube</span></a></li><li><a class="rss" href="#"><span style="border:0;">Suscripción</span></a></li></ul>



Nota: Puse la URL de la imagen, de cualquier modo, te recomiendo que la alojes por tu propia cuenta en Blogger, para luego sustituirla, así evitas cualquier problema.



Actualización, 20/marzo/2012: Agregué una linea de código en el CSS, para que no se subraye el texto del tooltip; ésto ocurre solo en las plantillas que tienen una regla que hace que se subrayen todos los textos de los enlaces en la plantilla, al poner el puntero del ratón sobre un enlace.



Créditos por los botones:

awicons

Ca-creation