Alas de Plomo regala ilusión

Dejo el blog de pruebas un ratito de lado para crear esta entrada que no tengo idea como empezar así que lo mejor es empezar como se empieza todo, por el principio.

Dña. Urraca me ha visitado esta noche, traía en una mano su inseparable paraguas y bajo el brazo una participación de lotería. Lo que estáis leyendo, se ha enterado que regalan lotería y generosa ella le ha faltado tiempo para avisar.

Para saber de qué va el tema lo mejor es visitar a Carlos de Alas de Plomo
Aún así os adelanto algo...

La administración Z-13 Lotería, en Gran Vía 36 de Zaragoza. tfno: 976 235 769, ofrece jugar a la lotería de Navidad completamente GRATIS.

No a cualquier número claro sino al décimo que regalan para compartir entre todos los blogueros del mundo.

¿Cómo podemos participar?

Cada uno de vosotros debe escribir o copiar el artículo de Carlos que habla sobre este sorteo y difundirlo a través de su propio blog. Una vez hecho esto basta con publicar un comentario en el artículo de Carlos dejando el enlace de tu articulo en el que se vea que has participado difundiendo la noticia invitando al menos a otros cinco blogs y siendo estos debidamente enlazados.

El plazo límite para publicar un artículo será: las 24:00 horas del día 20 de Diciembre de 2009.

Como Carlos bien indica enlazaré cinco blogs, estos blogs son un ejemplo de lucha diaria y solidaridad y un poquito de ilusión creo les vendrá muy bien, sé que hay muchos más para añadir pero confío que los enlazados sabrán muy bien donde dejar su granito de arena. De todas formas si alguien quiere participar estoy segura que si se pone en contacto con Carlos puede hacerlo, así que os animo a todos.

► Maite Hasta la luna ida y vuel... TA
► Graciela de Palomas de Papel
► K_nelita Te propongo
► Mariajo MI-ESTRELLA-DE-MAR
► Cari Y Yoly El Angel de Cari

Para más detalles visitar Alas de Plomo. Por mi parte agradecer a Carlos esta iniciativa, desear suerte y que sea muy repartida.

¡Ojalá nos veamos todos en Zaragoza eso si que sería un premio!

Uso del blog y autismo

Este vídeo habla sobre el extraordinario interés de Diego por los ordenadores.

Es un reportaje realizado por el programa Escúchame del Canal Extremadura donde se muestra el uso de un blog para fomentar las habilidades de Diego como herramientas comunicativas.

Podéis ver la entrada completa en Aulautista’s Weblog

Y no puedo dejar pasar la oportunidad de regalar el siguiente texto de Maite autora de:
"Hasta la luna ida y vuel... TA"

Tengo autismo. No soy "autista". Mi autismo es sólo un aspecto de mi naturaleza. No me define como persona. ¿O eres una persona con pensamientos, sentimientos y muchos talentos, o solamente gordo (con sobrepeso), miope (usas lentes) o torpe (malo para deportes)? Puede que eso sea lo primero que yo vea cuando te conozca, pero no representa necesariamente lo que eres tú. Como adulto, puede que tengas algo de control sobre la manera en que te autodefines. Si lo deseas, puedes resaltar una característica especial. Pero como niño, aún me estoy desarrollando. Ni tú ni yo sabemos de lo que seré capaz más adelante. Definirme por una sola característica corre el riesgo de que tengas expectativas demasiado bajas para mí. Y si siento que tú no crees que pueda lograr algo, mi respuesta natural será ni siquiera intentarlo.

Códigos HTML básicos para texto

Aquí una pequeña lista de códigos HTML que podemos usar para darle algún estilo a nuestros textos ya sea en los post o cuando dejemos un comentario.

» Texto en negrita:
<b>Aquí una palabra o frase</b>
Ejemplo: Hola

» Texto subrayado:
<u>Aquí una palabra o frase</u>
Ejemplo: Hola

» Texto en cursiva:
<i>Aquí una palabra o frase</i>
Ejemplo: Hola

» Texto tachado:
<strike>Aquí una palabra o frase</strike>
Ejemplo: Hola

» Superíndice:
^{Aquí una palabra o número}
Ejemplo: El factor ax² + bx + c = 0

» Subíndice:
_{Aquí una palabra o número}
Ejemplo: El factor X₁

» Texto grande:
<big>Aquí una palabra o frase</big>
Ejemplo: Grande

» Texto pequeño:
<small>Aquí una palabra o frase</small>
Ejemplo: Pequeño

Puedes ver otros códigos básicos en este post.

Screencast-O-Matic

Hace unos días me preguntaba k_nelita por la herramienta que había utilizado para crear los screencast.

Los screencast son grabaciones de pantalla sobre la actividad que tenemos en nuestro PC. Cualquier movimiento es grabado como puede ser cambiar de página, acceder a un enlace, dibujar, escribir, todo queda grabado.

Algunos screencast también contienen audio, y son editados para añadir distintos efectos, un ejemplo son los vídeos de You Tube que podemos editar una vez subimos el vídeo y accedemos como indica en la siguiente imagen.

Hay otras muchas formas de crear screencast la que estoy probando es Screencast-O-Matic me gusta porque es una herramienta online rápida y sencilla de utilizar.

Para utilizarla necesitamos tener instalado el plugin Java en nuestro navegador pero si no lo tenemos no es problema porque desde la misma página nos pide permiso para instarlo.

Con Screencast-O-Matic podemos enviar la grabación a nuestros contactos, subirla a nuestra cuenta de YouTube, embeberla directamente en nuestro blog o descargar a nuestro PC el archivo de formato Quicktime (MP4)

El tamaño de pantalla que nos permite grabar es de 640x480, 800x600, 1024x768 a 1280×720 HD.

Las medidas las podemos escoger desde la barra de herramientas que se muestra antes de comenzar la grabación así como activar el audio.

Poca cosa más porque es muy sencillo de utilizar, y como de grabaciones se trata nada mejor que el vídeo proporcionado por Screencast-O-Matic para no perder detalle.

Invitaciones a Google Wave

Dispongo de 14 invitaciones para Google Wave, si alguien está interesado puede dejar un comentario con su dirección de correo. Las asignaré en el mismo orden que sean solicitadas.

Si piensas que aún no estás a tiempo lee en los comentarios la iniciativa de Juan, es una buena idea de la que todos podemos tomar ejemplo.

De vuelta en el blog

Como les anuncié en Twitter, iba a ausentarme cuatro días. Me fui a un Congreso Internacional de estudiantes de Derecho Procesal, pero ahora estoy de vuelta después de este breve descanso.

Contestaré los mails y comentarios acumulados a la brevedad.

SafeSearch filtro de Google

SafeSearch es el filtro que utiliza Google y podemos utilizar si no deseamos ver sitios que contengan según palabras de Google "pornografía, contenido sexual explícito, improperios y otros tipos de contenido de incitación al odio"

Activación de SafeSearch.

Escribe aquella palabra que deseas añadir a tu búsqueda y accede a Imágenes

En SafeSearch, selecciona el nivel  que deseas utilizar

•  Filtro moderado: esta opción excluye la mayor parte de las imágenes explícitas de los resultados de Google Imágenes, pero no filtra los resultados de las búsquedas web normales. Es la opción predeterminada de SafeSearch; se aplicará un filtrado moderado a menos que lo modifiques.

•  Filtro estricto: esta opción aplica el filtro SafeSearch tanto a los resultados de las búsquedas web como a los de las búsquedas de imágenes.

•  Sin filtro: esta opción desactiva completamente el filtro SafeSearch.

Cuando escojas tu preferencia guarda los cambios. SafeSearch permanecerá activado mientras las cookies estén habilitadas en tu PC.

Si activamos SafeSearch y comprobamos que aún siguen apareciendo sitios de contenido ofensivo podemos hacer uso de la herramienta para la solicitud de eliminación de páginas web.

Leyendo el anterior enlace me saltan mil preguntas que resumo en sólo una.

¿Revisará Google el sitio, contenido, enlace o imagen y lo pondrá en conocimiento del autor antes de suprimirlo?

Y no es una pregunta disparatada ya que hace un año fueron numerosos los blogs  de Blogger bloqueados sin previo aviso. Algunos fueron desbloqueados inmediatamente, otros no tuvieron esa suerte y el desbloqueo tardó semanas.

Las explicaciones eran claras pero sin una base consistente "La detección automática de contenido no deseado es inexacta y le pedimos disculpas por este positivo falso" y caímos como moscas como vulgarmente se dice.  Algo me dice que con el filtro no será igual pero la duda queda....

Algún texto y REFERENCIA:Google web search

Theme Craft plantillas para Blogger

Theme Craft otro sitio donde encontrarán plantillas para Blogger.
Por si tenían alguna idea en mente y aún no lo encontraron.

Cut My Pic herramienta online efecto shadow

Cut My Pic es otra herramienta online que nos permite recortar, voltear y escoger la forma de las imágenes así como añadir efecto sombra en los bordes.

REFERENCIA:¿Cómo se hace?

3 Excelentes opciones para agregar una caja de chat en blog

Quieres poner una caja de chat para tu blog, para que puedas conversar con tus colegas, amigos, o cualquier visitante de tu blog y armar el cotorreo en vivo y directo.



Si tu respuesta es sí, entonces deja recomendarte tres excelentes opciones de cajas de chat, las tres son gratuitas,y por tu parte, sólo necesitarás personalizar la cajita, copiar el código que te facilitan, y ponerla en tu blog para empezar a usarla.













Estas son las opciones:



Opción 1. Con Cbox podrás personalizar tu caja de chat en tu idioma, por supuesto está disponible en español, además cuentan con una galería muy amplia de carátulas y seguramente alguna se adaptará al diseño de tu plantilla.

 Opción 2.  La siguiente opción es Meebo, el formato es muy sencillo, crearás tu caja en tres pasos. Indica cuando estás en linea y puedes tener conversaciones en vivo.

   

Opción 3.  Ahora si esta buscando una caja con más características en donde puedas tener avatar, agregar música, personalizar tu carátula con una imagen etc,  la mejor opción para ti es : Xat.



Es una caja muy dinámica, en donde puedes adquirir efectos muy cool, lo que la hará más atractiva y entretenida, además que puedes conectarte con otros grupos de chat desde tu caja colocada en el blog, y si tu caja de chat es muy concurrida, puedes tener mención en la pagina de Xat así como en las opciones para cambiar de grupo de chat en tu caja, lo que te ayudará a incrementar las visitas.

Como te comentaba anteriormente las tres son gratuitas, pero ofrecen servicios adicionales con costo que podrás adquirir, si así o deseas.



Opinión personal:

En lo personal me gusta mas Xat por que tiene muchas características, pero visita los sitios, explóralos, y elige la opción que más se adapte a tus gustos y necesidades.

Publicidad debajo de los títulos de las entradas

De un tiempo a esta parte añadir publicidad en el blog está a la orden del día.
Blogger proporciona un gadget para este fin, sin embargo hay publicidad que no es de Adsense y tenemos la posibilidad de escoger los sitios donde mostrarla.

En el ejemplo de hoy trataremos de añadir la publicidad debajo de los títulos de las entradas.

Me ha gustado comprobar que aunque hablamos de añadir publicidad hay más posibilidades a la hora de añadir cualquier otro contenido, jugando con los estilos se puede conseguir cualquier cosa.

En cualquiera de los casos que veremos más adelante debemos situarnos en plantilla Edición de HTML  marcar para expandir la plantilla y buscar <data:post.body/> justo antes será el lugar donde añadiremos el código o script de nuestra publicidad.

» De esta forma se mostrará en todas las entradas

<!-- Contenido de publicidad -->

Aquí incluimos el código de la publicidad

<!-- Contenido de publicidad -->

» La siguiente No se muestra en la página principal y SI en las entradas individuales.
Hay un ejemplo en este blog de pruebas, para verlo es necesario marcar sobre el título de las entradas, los archivos o el menú.

<!-- Contenido de publicidad -->

<b:if cond='data:blog.pageType == "item"'>

Aquí incluimos el código de la publicidad

</b:if>

<!-- Contenido de publicidad -->

» Se mostrará en la última entrada editada y en las individuales.

<!-- Contenido de publicidad -->

<b:if cond='data:post.isFirstPost'>

Aquí incluimos el código de la publicidad

</b:if>

<!-- Contenido de publicidad -->

» Si queremos añadir la publicidad o contenido a la izquierda

<!-- Contenido de publicidad -->

<div style='float:left;margin: 0 15px 5px 5px;'>

Aquí incluimos el código de la publicidad

</div>

<!-- Contenido de publicidad -->

» A la derecha

<!-- Contenido de publicidad -->

<div style='float:right;margin: 0 5px 5px 15px;'>

Aquí incluimos el código de la publicidad

</div>

<!-- Contenido de publicidad -->

(En margin establecemos los márgenes de un elemento en este caso la publicidad, los valores los tenemos en cuenta de arriba, derecha, abajo, izquierda)

Pixlr » Editor de imágenes

Pixlr es un editor de imágenes online completo y sencillo de utilizar. Una buena solución para los que no manejamos Photoshop o preferimos utilizar herramientas sin necesidad de instalar ningún software.

REFERENCIA:wwwhat´s new

La vida sin amor

Sobre enlaces (4): abrir enlace de los post en nueva ventana

Vamos a ver cómo hacer para que, cuando demos click a los títulos de los post, éstos se abran en una nueva ventana.

1.§ Vamos a Diseño - Edición de HTML y Expandir plantillas de artilugios.

2.§ Con ayuda de CTRL+F buscamos el siguiente código añadiendo lo que está en negrita.

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id' target='_blank'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link' target='_blank'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' target='_blank'><data:post.title/></a>

3.§ Damos click a guardar.

También te puede interesar:

» Sobre enlaces o links (1): lo básico

» Sobre enlaces o links (2): abrir etiquetas en una nueva ventana

» Sobre enlaces (3): abrir todos los links en una nueva ventana

visibility: hidden y display: none

A muchos les será familiar estas propiedades porque las usaron para eliminar la barra de Blogger: visibility:hidden y display:none

#navbar-iframe {

height:0px;

visibility:hidden;

display:none;

}

La propiedad visibility con el valor hidden consigue hacer invisibles los bloques de cualquier elemento y muestra el bloque donde se encuentra.

La propiedad display con el valor none además de hacer invisibles los elementos no muestra el bloque donde se aloja y los elementos de su entorno se adaptan como si no existiera.

display permite varios valores:

inline block list-item run-in inline-block table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption none inherit

visibility permite 4 valores:

visible hidden collapse inherit

Las capturas son pésimas pero vemos el efecto de estas propiedades aplicado al header.

Con visibility:hidden

No vemos el elemento pero deja un espacio visible del bloque que el resto de los elementos respetan.

#header-wrapper {

visibility:hidden;

width:660px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}

Con display:none

Ni vemos el elemento ni deja espacios y el resto de elementos se adaptan.

#header-wrapper {

display:none;

width:660px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}

Las dos propiedades pueden añadirse a cualquier elemento, un ejemplo sería al título del blog.

#header h1 {

margin:5px 5px 0;

padding:15px 20px .25em;

line-height:1.2em;

text-transform:uppercase;

letter-spacing:.2em;

font: $pagetitlefont;

}

Con display:none el título permanece en el mismo lugar pero no es visible y los elementos se adaptan.

#header h1 {

display:none;

margin:5px 5px 0;

padding:15px 20px .25em;

line-height:1.2em;

text-transform:lowercase;

letter-spacing:.2em;

font: $pagetitlefont;

}

Con visibility:hidden el título permanece en el mismo lugar pero no lo vemos y deja el espacio del bloque visible.

#header h1 {

visibility:hidden

margin:5px 5px 0;

padding:15px 20px .25em;

line-height:1.2em;

text-transform:lowercase;

letter-spacing:.2em;

font: $pagetitlefont;

}

Todo tuyo Pablo

Introduciendo la Plantilla para Blogger "Mi scrapping Blog"

¡Hola! ya tengo lista la plantilla "Mi scrapping blog", el tema como ya lo había mencionado antes, es sobre el scrapping, si tienen un blog sobre este tema o te gusta el tema puedes ser una buena opción para ti, los colores principales son el terracota, beige, y verde, colores cálidos que en lo personal me encantan, tiene detalles de listón y flores que le dan un toque muy femenino, he utilizado elementos de DeliciousScraps .Espero que les guste, es gratis y para uso personal.



Leer más >>>

Mejoras en el editor de entradas

Hasta ayer mismo cuando accedía por Blogger Draft el editor de entradas no mostraba la opción para subir vídeos, ahora ya es posible desde el icono de la barra de herramientas.

Hay otro cambio, han perfeccionado el sistema de subir imágenes donde se informa que los archivos permitidos son JPG, GIF o PNG. y algo que no todos saben, dónde van a parar las imágenes que subimos a Blogger.

Más o menos también nos dice:

"Estas imágenes estarán disponibles para ver y compartir en Álbumes Web de Picasa, servicio de alojamiento gratuito de Google"

Añadieron un desplegable para escoger el blog donde vamos a subir las imágenes, a simple vista perecería que podemos subir imágenes en un blog diferente al que estamos trabajando en ese momento pero no es así.

En Picasa, las imágenes se encuentran clasificadas, si tenemos más de un blog se mostrará una imagen para cada blog a modo de carpeta, si hacemos click sobre esa imagen nos mostrará las imágenes que subimos desde ese blog.

Si subimos una imagen desde el editor de imágenes de Bloger, independientemente del blog donde nos encontremos automáticamente la imagen será subida a Picasa en la carpeta del blog que escogimos al subirla.

Es una buena forma de tener clasificado todo para una fácil localización de imágenes.

En Picasa Web tenemos 1 GB de almacenamiento por cuenta, espacio suficiente para almacenar unas 4.000 fotos de resolución estándar, espacio  suficiente cuando se trata de darle uso personal.

Aquellos que tienen más de un blog por ejemplo de pruebas deben tener en cuenta que cuando se elimina un blog automáticamente se eliminan las imágenes en Picasa.
Está muy bien hacer pruebas en otro blog y escoger el sitio donde mostraremos las imágenes pero sería un problema si escogemos alojarlas en el blog de pruebas para utilizarlas en otro y más tarde eliminamos ese blog.

Segundo Aniversario del blog

Hoy es 18 de noviembre y, un día como hoy, hace dos años, se publicó el primer post en este blog , Diversas y Variadas

Quiero agradecer a los que ya me habían enviado felicitaciones vía e-mail, antes de la publicación de esta entrada. También, doy gracias a los lectores del blog, por sus comentarios y visitas.

El blog seguirá adelante mientras los lectores así lo quieran. Este blog está hecho para ayudarlos con sus blogs y para responder cualquier consulta.

Gracias a La inquisidora por esta simpática tarjeta que me envió por correo

Muchas gracias a todos!

Emoticones y algo más

¿Emoticones en los comentarios? vale, pues alegremos esos comentarios.

¿Qué ya se ha dicho todo sobre ellos y es un tema muy visto? cada día surge una pregunta sobre cómo añadirlos y no hay nada mejor que tener respuesta a esas preguntas.

Los emoticones los añadí hace tiempo de forma muy sencilla, para más tarde eliminarlos y volver a añadirlos, esta vez siguiendo las explicaciones de J.Miur 1 luego hubo una siguiente explicación 2 con ella tenemos la posibilidad de añadir el script en una nueva sección de html.

Al final de su entrada J.Miur hace una observación:

"Si queremos usar otra imagen, la alojamos en algún lado y luego modificamos la dirección URL"

Esa observación fue la que me dió la idea de añadir otras imágenes.

Los comentarios de autor de mi blog, comienzan siempre con esta imagen nada del otro mundo pero me gusta, la añado al principio de cada respuesta y da sensación de orden.

Este sería un ejemplo de emoticon (secreto) en el script que añadimos a la plantilla:

// :-X

cualTexto = cualTexto.replace(/:-\X/g,'<img src="url-imagen-emoticon-secreto.gif" />');

Cada emoticon lleva la url de una imagen asociada al emoticón, podemos sustituir esa imagen por cualquier otra sustituyendo la url por la de nuestra imagen, puede ocurrir que alguna visita piense entonces que tenemos todas las imágenes de los emoticones y al teclear :-X en lugar del emoticon se muestre la imagen que lo sustituye.

Lo que hice fue cambiar la url y sustituir :-X por cualquier otras letras, pongamos por ejemplo X-X

Quedaría así:

// X-X

cualTexto = cualTexto.replace(/X-\X/g,'<img src="url-de-tu-imagen" />');

Para el ejemplo añadí una imagen grande, yo diría exagerada con la idea de ver la diferencia, lo recomendable es añadir imágenes pequeñas tipo favicon que nunca sea mayor al espacio que tenemos en los comentarios.

Es recomendable alojar las imágenes de los emoticones nosotros mismos y sustituir las del script por las nuestras, de esa forma nos evitamos posibles problemas con los archivos de imagen y el servidor donde se encuentran alojadas.