Iconos Twitter para Halloween

Ya quedan pocos días para Halloween, así que en DesingBlog han pensado que sería una buena idea para aquellos que gusten de decorar su blog con este motivo, el disponer de un icono "terrorífico" para el enlace de Twitter.

En DesingBlog nos la presentan como una "espeluznante" calabaza, aunque a decir verdad, a mi me parece de los más simpática.

Están disponibles en un archivo PNG con tres tamaños diferentes.

Descargar Iconos Twitter para Halloween

Kerixep

Click en la imagen para jugar.

 

enlace alternativo

Favicon en la sidebar

k_nelita me ha pedido que explique la forma de añadir un sistema de publicidad creado con esas pequeñas imágenes de 16x16 que conocemos por favicon.

Los favicones están incluidos en una tabla.

<div class="side-favicon ">

<div class="favicon">

<table fcellpadding="0" align="center">

<tbody>

<tr>

<td>

<a href="ur-pagina" title="título">

<img border="0" alt="texto-alternativo" src="url-imagen"/></a>

<td>

<td>

<a href="ur-pagina" title="título">

<img border="0" alt="texto-alternativo" src="url-imagen"/></a>

<td>

<td>

<a href="ur-pagina" title="título">

<img border="0" alt="texto-alternativo" src="url-imagen"/></a>

<td>

<tr>

</tr>

<td>

<a href="ur-pagina" title="título">

<img border="0" alt="texto-alternativo" src="url-imagen"/></a>

<td>

<td>

<a href="ur-pagina" title="título">

<img border="0" alt="texto-alternativo" src="url-imagen"/></a>

<td>

<td>

<a href="ur-pagina" title="título">

<img border="0" alt="texto-alternativo" src="url-imagen"/></a>

<td>

</td></tr>

</tbody>

</table>

</div></div>

La vamos a incluir en un gadget de HTML y las filas de la tabla dependerán de la cantidad de líneas de favicones que deseamos añadir.

En la tabla del ejemplo añadí dos líneas para tres favicones en cada línea, pero podemos aumentar la cantidad de favicones dependiendo del ancho de la sidebar.
El código para cada favicón lo añadimos entre <td> y <td>

Cuando los favicones cubren una línea pasaremos a la línea siguiente, las etiquetas <tr> y </tr> serán las encargadas de producir el salto de línea..

El favicon es un enlace que nos llevará a la url que le indiquemos.

<a href="ur-pagina" title="título">

<img border="0" alt="texto-alternativo" src="url-imagen"/></a>

Le añadimos target="_blank" para que abra en ventana nueva, también le podemos añadir la etiqueta rel="nofollow" para que Google no tenga en cuenta esos enlaces, eso ya dependerá de cada uno.

<a href="ur-pagina" target="_blank" rel="nofollow" title="título">
<img border="0" alt="texto-alternativo" src="url-imagen"/></a>

Guardamos los cambios y añadimos los estilos, nos dirigimos a plantilla Edición de HTML y justo antes de ]]></b:skin> añadimos:

.favicon {

padding:2px;

text-align:center;

}

.favicon a img {

background-color: #fff;

border:1px solid #ccc;

padding:2px 2px;width:16px

}

div.side-favicon {

background:#FFFF;

border:1px dashed #C0C0C0;

margin:0 0 20px;

padding:4px 4px;

}

Con "background" podemos cambiar el color de fondo, el tipo de borde y color en "border"

Packs íconos de noobr.net

NovoDangos
	Incluye 9 íconos en formato PNG.descargar
Blacy
	Incluye 50 íconos en formato PNGdescargar
Yolks
	Incluye 40 íconos de 50×50 en formato PNG.descargar

REFERENCIAS:noobr.net/

Navbar transparente Blogger

A través de un comentario me entero por Fran administrador de Bailadicción que hay dos nuevas opciones para mostrar la barra de Blogger (Navbar) que yo aún no había visto: "Claro transparente" y "Oscuro transparente".

Dependiendo del color de fondo del blog no en todos los casos el resultado es demasiado aceptable por lo que he comprobado...

Podéis ver como queda el "Claro transparente" sobre fondo blanco en los blogs de Fran.

Brevísima crónica del colapso de Blogger

En horas de mi madrugada (vaya uno a saber la hora de otros lugares de este planeta) Blogger colapsó.

Bah, eso no sorprende a nadie pero, no fue un colpasito de esos comunes y corrientes, fue un colpsón monumental, se murió todo, absolutamente todo, era como si lo hubieran desenchufado o, si, como me decía Nico, alguien hubiera derramado el vino sobre las consolas. El kaput fue completo, total, de antología, no sólo no podía accederse al escritorio sino que tampoco podía verse ningún blog en ninguna parte del mundo.

Mirando la búsqueda de Twitter era increible ver como aparecían quejas, preguntas e insultos a razón de 30 mensajes por segundo en todos los idiomas:

Al rato (bastante rápido si nos guiamos por otros antecedentes similares), Blogger informaba (también en Twitter, claro, si no podía hacerlo en otro lado) que: "estaba investigando el apagón (SIC) ocurrido en blogger.com y of course daba gracias por la paciencia (de santos) y afirmaban que estaban trabajando para resolver el problema".

Pasó media hora y la humanidad se unía en un solo grito: What the heck is wrong with Blogger? ...

Pasaron 45 minutos ... pasó una hora ... pasaron dos horas y por fin Blogger dijo: "We have fully restored Blogger functionality. Thanks for your patience."

Si usted no tuvo la suerte de participar en este Rocky-Blogger-Horror-Show, espero que mi crónica de los hechos haya sido lo suficientemente descriptiva. Si no lo fue, no importa, no se perdió de nada, solo de una serie de números de error ininteligibles pero, eso lo resolvemos rápido. Elija el que más le guste:

bX-9d2teg
bX-goamst
bX-5eka1d

En fin, me uno a lo que decía un usuario: La canción favorita de Blogger es "I'm Down" así que, ahora que funciona, me permito ofrecérsela de regalo.

You telling lies thinking I can't see, you can't cry 'cos you're laughing at me
I'm down ... oh yes I'm down, down, down, down, down, down, down, down, down, down ...

Crear una encuesta con Google Docs

Así cómo Google Docs nos permite usar los feeds de los documentos creados para utilizarlos como bases de datos mínimas, también tiene opciones más simples a las que podemos acceder para generar utilidades de distinto tipo. Una de ellas son los formularios:

El ejemplo más sencillo es un formulario con una encuesta.

Es cierto que Blogger dispone de un gadget para encuestas pero, es bastante limitado. Por el contrario, los formualrios de Google Docs tienen muchísimas opciones: textos simples, múltiple choice, listas, escalas, etc; y además, todas ellas pueden combinarse y generar encuestas entrelazadas entre si de varias páginas de longitud.

No hay mucho que explicar al respecto, basta crear un formulario nuevo y jugar un rato con las diferentes alternativas ya que el sistema es bastante amigable y podemos editarlo tantas veces como se nos ocurra.

Si bien el resultado por defecto es un texto plano, hay muchas plantillas que pueden seleccionarse que resuelven el tema gráfico aunque sea parcialmente.

Una vez que ya hemos creado nuestra encuesta, basta guardarla y listo. En el menú More Actions veremos una opción Embed que nos dará el código para insertarla en una página web y que, como todo código HTML, podemos personalizar un poco:

<iframe src="http://spreadsheets.google.com/embeddedform?key=xxxxxxxxxxxxxxxxxxxxxxx" width="760" height="583" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

Obviamente, el tamaño suele ser excesivo así que es mejor cambiarlo para adaparlo a nuestro siito pero, también podemos usar alguna ventana modal para mostrarlas ya que se trata de una página web. En este caso, usando LightWindow:

<a class="lightwindow" params="lightwindow_width=670,lightwindow_height=560" href="http://spreadsheets.google.com/embeddedform?key=xxxxxxxxxxxxxxxxxxxxxxx">ENLACE</a>

Este es un ejemplo concreto .. aunque un poco tonto, claro

EJEMPLO DE UNA ENCUESTA

Aún más interesante es que los resultados son accesibles de dos formas a través del menú See Responses, podemos verlos como un gráfico (Sumary) y , como el formulario creado es una hoja de cálculo, podemos acceder a ella y ver la información recogida.

Aunque, como esos resultados también son una página web, podemos mostrarlos del mismo modo que la encuesta en si misma:

VER RESULTADOS DE LA ENCUESTA

Desde el menú Share de la hoja de cálculo, podemos seleccionar Set Notifications Rules para que nos envien un mail cada vez que alguien responde, compartirla, etc (más información).