0

Google Web Elements

Google Web Elements es una nueva opción que se publicita como una forma fácil de agregar servicios de Google en páginas webs.

En este momento están disponibles ocho de ellas:

En todos los casos, accedemos a las páginas correspondientes y definimos una serie de opciones que varían con cada modelo. El resultado, es un código HTML que copiamos y pegamos donde queremos que se muestre.

Ejemplo de Google YouTube News

Ejemplo de Google News

Ejemplo de Google Conversation

Me llamó la atención la velocidad de los gadgets y si bien por ahora todo está en inglés, imagino que con el tiempo se incorporarán nuevos idiomas.

0

TextOpus o como escribir sin culpas

Esto de hecar erndaats y leguo cetalrrvoins no creo que aduye al piotsncmioianeo de un blog.Shuffle Letters

077 117 099 104 111 032 109 101 110 111 115 044 032 099 111 110 118 101 114 116 105 114 108 097 115 032 101 110 032 099 195 179 100 105 103 111 115 032 065 083 067 073 073 032 046 046 046Convert to ASCCI Numbers

01101111 00100000 01100101 01110011 01100011 01110010 01101001 01100010 01101001 01110010 01101100 01100001 01110011 00100000 01100101 01101110 00100000 01100010 01101001 01101110 01100001 01110010 01101001 01101111 00100000 00101110 00101110 00101110Convert to Binary

UGFzc3dvcmQgZmllbGQgY2FuIG5vdCBiZSBlbXB0eSE=Ecryption BlowFish

-. .- -.. .. . / -. --- ... / -.-. .-. .. - .. -.-. .- .-. / .--. --- .-. / .-.. --- / --.- ..- . / .... .- -.-. . -- --- ... / -..COnvert to Morse

0

3 juego de ingenio 3

Click para jugar.

0

Expandir y contraer gadget con Scriptaculous

Gadgets expandibles
Después de haber visto con anterioridad como expandir y contraer cualquier gadget usando algo de javascript, vamos a ver ahora como hacer eso mismo usando Scriptaculous y Prototype lo que añadirá al gadget un efecto "deslizante" muy elegante.


[1] En primer lugar tenemos que incluir el código necesario para el uso de cualquier efecto con Scriptaculous (como ya vimos en la entrada al respecto, este código solo es necesario incluirlo una vez en la plantilla) así que, si ya lo tenemos incluido nos saltamos este paso:

<script type='text/javascript' src='http://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>

[2] Todos los gadget mantienen prácticamente la misma estructura en su código, con lo que no nos será muy difícil incluir el código necesario para conseguir el efecto.
En "Edición HTML" de nuestro panel, marcamos la casilla de "expandir las plantillas de artilugios" y localizamos el gadget que nos interesa por la línea de código que marca su comienzo y en la que podemos ver su título:

<b:widget id='HTML4' locked='false' title='Posts populares' type='HTML'>

[3] Una vez localizado el gadget, añadimos estas líneas de código que veis en negrita tomando como referencia el resto de código del gadget:
<b:widget id='HTML4' locked='false' title='Posts populares' type='HTML'>
<b:includable id='main'>
<a href='#' onclick='Effect.toggle(&quot;POPULARES&quot;,&quot;slide&quot;); return false'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/> &#9660;</h2></b:if>
</a><div align='center' id='POPULARES' style='display: none;'>
<div class='widget-content'>
<data:content/>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Notas:
Yo he usado el símbolo &#9660;, es decir el triangulo ▼ que veis a la derecha de los títulos en los gadget con el efecto añadido.
Podéis sustituir ese código por [+/-] por ejemplo, e incluso por un icono: <img src="url_del_icono"/>

He destacado en color naranja la palabra POPULARES esa palabra es un "identificador único" es decir, solo puede usarse en un gadget concreto, así que será distinto en cada gadget que incluya el código y ha de ser idéntico en los dos lugares del código donde va colocado.


Ejemplo con el código añadido al gadget de etiquetas:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<a href='#' onclick='Effect.toggle(&quot;Etiquetas&quot;,&quot;slide&quot;); return false'><b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/>&#9660;</h2></b:if>
</a>
<div align='left' id='Etiquetas' style='display: none;'>

<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=30&quot;'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div> </div>
</b:includable>
</b:widget>

0

Lytebox otra forma...

Hace días en la entrada "Añadiendo vídeos con Lytebox" surgieron algunas preguntas que trataban sobre la forma de añadir los archivos en la plantilla. Todo está explicado aquí y pensaba actualizar la entrada pero, para no crear confusión he pensado que mejor sería explicarlo en lugar aparte.
Vamos a añadir los archivos directamente a la plantilla y en un gadget, de esta forma prescindimos de alojamiento externo y de los problemas que suelen ocasionar.

Copiamos el contenido de este archivo y lo pegamos en el interior de un gadget HTML/Javascript guardamos los cambios y arrastramos el gadget sobre las entradas. Lo que hicimos fue añadir el script en formato txt.
Si preferimos añadirlo directamente a la plantilla podemos añadirlo justo antes de </head> con la diferencia que añadimos lo marcado en negrita a continuación:

<script type='text/javascript'>
// <![CDATA[
Contenido de archivo
...................
...................

//]]>
</script>


En plantilla Edición de HTML nos situamos justo antes de </head> y pegamos el contenido de este otro archivo que son los estilos de la ventana modal.

En los estilos debemos añadir las imágenes para las funciones de la ventana modal que podéis conseguir botón derecho sobre la imagen, guardar como...













Las añadimos en los estilos teniendo en cuenta que cada imagen tienen un nombre y al mismo tiempo un color.
Por ejemplo.. donde dice:
#lbClose.grey { background: url(images/close_grey.png) no-repeat; }

Copiamos la url de la imagen y la añadimos donde dice images/close_grey.png

Sería algo así:
#lbClose.grey { background: url(url-imagen-close_grey.png ) no-repeat; }

Como entiendo que puede parecer confuso incluir las imágenes quise aligerar un poco el trabajo, añadí las imágenes en color gris (grey) y eliminé código que no era necesario. El resultado lo podéis copiar de este archivo de texto y añadirlo justo antes de </head>

El resto sigue siendo lo mismo, para añadir un enlace utilizamos la etiqueta rel="lytebox"
<a href="Url-de-la-imagen" rel="lytebox" title="Título">texto o imagen</a>

¿Cómo añadimos una imagen en lugar de texto?
Sustituyendo texto o imagen por <img src="url-imagen">

Por lógica si lo que vamos a mostrar es una miniatura la imagen tendría que ser de menor tamaño que la original que mostramos en la ventana modal, para obtener la miniatura y no vernos obligados a reducir la imagen lo que podemos hacer es "obligarla" a mostrarse en un tamaño determinado.

<img style="width:150px;height:200px;"src="url-imagen"/>
Con width le damos anchura y con height altura.

En grupos de imágenes añadiendo la etiqueta rel="lytebox[gema]"
Sustituyendo gema por el nombre adjudicado al grupo de imágenes ejemplo: paisajes, flores...
<a href="Url-de-la-imagen" rel="lytebox[gema]" title="Título">texto o imagen 1</a><a href="Url-de-la-imagen" rel="lytebox[gema]" title="Título">texto o imagen 2</a><a href="Url-de-la-imagen" rel="lytebox[gema]" title="Título">texto o imagen 3</a>

Crear un Slideshow añadiendo la etiqueta rel="lyteshow[gema]"
(Sustituir gema por el nombre adjudicado al grupo de imágenes) ejemplo: viajes, vacaciones...
<a href="Url-de-la-imagen" rel="lyteshow[gema]" title="Título">texto o imagen 1</a><a href="Url-de-la-imagen" rel="lyteshow[gema]" title="Título">texto o imagen 2</a><a href="Url-de-la-imagen" rel="lyteshow[gema]" title="Título">texto o imagen 3</a>

Añadir un iframe con la etiqueta rel="lyteframe"
<a href="iframe-único" rel="lyteframe" title="Título">texto o imagen</a>

Al usar lyteframe podemos añadir barra de scroll y escoger tamaño, lo haremos con la etiqueta rev
<a href="Url-de-la-pagina" rel="lyteframe" title="Título"rev="width: 400px; height: 300px; scrolling: no;">texto o imagen</a>

Y por último añadimos un vídeo

"Con Explorer los vídeos no se cargan en las páginas individuales"

<a href="http://www.youtube.com/v/wRKPcx9Cpe8" rel="lyteframe" title="Título"rev="width: 400px; height: 300px; scrolling: no;">texto o imagen</a>

En negrita lo sustituimos por la url de nuestro vídeo.

La demo de estos ejemplos la podéis ver en el siguiente blog de pruebas.

0

Control parental

Hola nena, acá estoy ¿viste? te encontré y eso que me decías, "no, vieja no, esto de las internetes no es para vos" Juajuajua. Pero llegué. No te voy a decir que fue fácil pero llegué. Estoy usando tu computadora. No te enojes. Pero lo hice con cuidado. Lo llamé a tu tio Pepe y él me explicó, ahora le debo un almuerzo. Este domingo viene a comer ravioles, UFA! Jajajaja. Menos mal que nadie lee esto que sino ... risaanim

UYYYYYY puse una carita !!!!!!!!! QUE BIEN PUCHA PERO ME SALE TODO EN MAYUSSSSSSSSSSSSCULAS PERDON yA Me di CUENTA ahora si, jajajajaa, había apretado una tecla ahi bueno, ya sabés.

Como te decía, llegué, encontré el Facebook y me metí. Puse mi nombre, apellido, teléfono, dirección, me pidieron muchas cosas, qué barbaridad, se ve que es gente seria y no aceptan a cualquiera, ¡hasta el grupo sanguíneo me preguntaron! jajajaja Lo que no pude poner es un coso de esos con la cara ¿No tenés ninguna foto mia en tu computadora? Bah ahora no me voy a poner a buscarla. Lo dejo en blanco y listo porque total, ya tienen mis otros datos así que si quieren la sacan del DNI y chau pinela.

¡Cuánta gente hay acá dentro! ¿Los conocés a todos? Yo siempre dije que eras una chica muy sociable pero ¡qué nombre raros! Pobre, mirá que llamarse Caritos Bocasucia ¡Pobre muchacho! Lo que debe sufrir en el colegio porque los chicos son crueles, a mi me llamaban La Pirucha, ¡imaginate! Y nunca supe por qué tristeanim

Ehhh soy cool, puse otra carita ¡Qué divertido! ¡Con razón te pasas horas encerrada con esto!

verguenza neutro confuso enojo

Ya está, ya está, no me grites jajajaja te imagino diciendo "mamá, no hagas papelones" pero, ¿qué le vas a hacer? soy así, juguetona. Listo. Sólo estaba probando.

¿Te puedo preguntar algo? ¿Qué es eso del toque? ¿Es algo medio sexual? No entendí nada y por las dudas lo saqué. No me gustan esas cosas, no es que sea mojigata pero soy una mujer casada ¿viste? y si tu padre se entera me muele a palos jajajajaja no, pobrecito, si es un santo el pobre, lo digo en broma. Parece que acá, te ponés a escribir y te sale todo, es como un psicologo barato jajajajaja.

¿Y si te mando un regalo? A ver ... besos .... no, ya se que no te gustan. Mira que sós antipática a veces, así nunca vas a tener novio, nena. En fin, mejor una remera, eso, te regalo una remera ... esperá que hago click ...

Pero ...

¡Esto no anda!

No me preguntó tu talla (¿ya la saben?) tampoco me dejó elegir un color ¿cómo funciona la cosa esta? ¿sólo hay un modelo? bueno, no importa, total es gratis así que si no te gusta se la regalás a tu prima la Casandra que siempre anda con esa ropa tan fea.

¿Así que en el cuestionario sobre quién fuiste en tu vida pasada te salió Madonna? Pero ¿se murió la chica esa? Pobre, que joven, claro, la mala vida. Voy a hacer ese test, seguro que me sale Cleopatra jajajajaja; siempre me sale lo mismo. Algo de cierto debe haber. Creer o reventar m'hijita.

Ayyyyyyy ya son las siete, acá el tiempo pasa volando, ni me di cuenta y todavía no empecé con la cena, voy a hacer zapaliitos rellenos. Sí, ya se que no te gustan pero a vos te hago algo aparte. Es que los zapallitos estaban en oferta y hay que aprovechar, cinco kilos compre, tenemos zapallitos para una semana jajajajajajaja. Pero esperá, antes me fijo en las fotos que pusisiste.

¡Que bonita! Esa faldita siempre te quedó bien aunque tu padre crea que es demasiado corta ¡Qué sabrá él! Ohhhh y esta otra que linda esa trompita, chuick chuick chuick ¿A quién le tirás besos, nena? Jajajaja Es una broma, no te enojes. Mirá, acá hay más fotos ¡cuántas! ¡Qué bien! Se nota que tenés alma de artista. Ayyy que poses ... supongo que esto lo puedo ver yo pero no cualquiera, digo porque son un poco ... no sé.

Bah, está bien, es la modernidad. No viene a aguarte al fiesta pero nena, abrigate un poco, no te me vayas a resfriar ...

0

For sock's sake

0

Twitter Mosaic


Si eres adicto a Twitter esta página te va a gustar, se llama Twitter Mosaic ingresando nuestro nombre de usuario en Twitter nos ofrece la opción de escoger entre Twitter followers y Twitter friends, esta elección nos mostrará un mosaico con el avatar de cada uno de nuestros de nuestros followings o followers.
Si marcamos el botón naranja de GET THE CODE! nos genera un código que podemos utilizar para mostrar el mosaico en cualquier sitio que permita incluir html.




Para tener Twitter presente a todas horas también podemos tener nuestro mosaico en camisetas, bolsas, tazas, tarjetas y la alfombrilla del ratón.
Los precios son asequibles aunque claro está depende del bolsillo de cada uno, la taza de café cuesta 10.95€ y la alfombrilla 8.95€
No estaría mal tomar mi capuchino viendo la carita de todos





0

Una entrada envidiosa


En una entrada donde se hablaba de los comentarios y Blogger, Mamots decía que el manejo de comentarios era uno de los temas que más extrañaba y contaba como en Blogia, otro servicio de blogs menos conocido y no googlelizado, se tenían herramientas para gerenciarlos.

Gentilmente, me manda un mail con un ejemplo y no puedo dejar de sentir una mezcla de envidia y de bronca por lo que considero, LO PEOR que tiene Blogger.

Al recibir un comentario, se envia un correo informativo, hasta allí, nada raro.

Has recibido un nuevo comentario en tu weblog 'miblog' (http://miblog.blogia.com)

Fecha: 2009.05.28 09:28:31
En el artículo titulado: 'eltitulo' (25/05/2009 02:26)
Enlace directo: dirección URL del comentario

Autor: nombrecomentarista (direccion@gmail.com http://direccion.com)
Comentario: el texto del comentario ...

Borrar: dirección URL para eliminar
IP: 12.345.67.890
URL procedencia: http://direccion.com

Como se ve, incluye la dirección de email del comentarista, la dirección URL optativa y la IP. Todos esos, datos que Blogger conoce, guarda pero no comparte. Datos que son elementales si es que somos administradores de un blog.

Por si fuera poco, en lo que sería el escritorio del sitio, la información para cada comentarios es la misma:

Comentario: el texto del comentario ...
Fecha: 2009.05.28 09:28:31
Autor: nombrecomentarista (direccion@gmail.com http://direccion.com)
IP: 12.345.67.890
Más información: sistema opartivo, navegador, etc

Y á eso, se le suman las opciones tales como colocar nombre, email, filtrar IPs de ciertos usuarios, bloquear palabras individuales. Gerenciamento elemental, no hace falta mucho más. Hasta la FAQ posee una respuesta rápida si surgen problemas:

Estoy sufriendo spam en los comentarios. ¿Qué puedo hacer?

En el menú de administración, entra en Opciones>>artículos, y allí, en la zona de comentarios, podras bloquear IPs desde donde prohibes comentar y palabras que no quieras que aparezcan en comentarios.

Esto permite reducir el spam.

Una pregunta sencilla a una respuesta sencilla ¿Hace falta algo más señor @Blogger? Tal vez, si se pusiera a trabajar en serio en lugar de estar buscando Blogs of Note o queriéndo robarle un pedacito de mercado a Facebook ... quien sabe, tal vez entonces, dejaríamos de gritar.

0

Dos pajaritos Twitter

Pack compuesto por solo dos iconos gratuitos y de libre uso, en una versión muy original del pajarito azul de Twitter que he visto en Janko.

Los iconos se descargan en un archivo .zip (350 KB) y vienen cada uno de ellos en cinco tamaños: 512x512, 256x256, 128x128, 64x64 y 32x32.

Twitter bird-backTwitter bird-from



0

Los feeds de YouTube

Si usamos YouTube y estamos suscriptos a varios sitios, podemos recibir las actualizaciones de esos sitios de manera regular ya sea entrando en la pàgina o por correo. Pero, también hay otra forma, agregarlas a nuestro lector de feeds preferido.

Para eso, debemos usar una URL como esta:

http://gdata.youtube.com/feeds/base/users/nombresuario/newsubscriptionvideos

Cambiando nombresuario por el nuestro.

No es el único feed disponible, hay más:

Feeds de búsquedas individuales o por categorías:
http://gdata.youtube.com/feeds/api/videos?orderby=updated&vq=palabra

http://gdata.youtube.com/feeds/api/videos/-/categoria/?vq=palabra&orderby=updated

Los feeds del canal de un usuario:
http://gdata.youtube.com/feeds/api/users/nombresuario/uploads?orderby=updated

Los feeds de los favoritos de un usuario:
http://gdata.youtube.com/feeds/api/users/nombresuario/favorites?orderby=updated