A través de MicroZulo me enteré de la existencia de Doxs, otro sitio con plantillas para Blogger, listas para descargar.
La ilusión óptica mejor lograda |
Insertar películas desde Internet Archive |
El sitio Internet Archive es una de las mayores bases de datos de material libre de derechos y ahora, permite insertar videos y películas en blogs y páginas web.
Ingresamos en el sitio y en la sección películas buscamos el material que deseamos. El código lo proveen ellos y, para insertarlo en un post de Blogger, debemos colocar todo en una sola línea:
Ingresamos en el sitio y en la sección películas buscamos el material que deseamos. El código lo proveen ellos y, para insertarlo en un post de Blogger, debemos colocar todo en una sola línea:
<object type="application/x-shockwave-flash" width="320" height="263"
id="FlowPlayer" data="http://www.archive.org/flv/FlowPlayerWhite.swf">
<param name="movie" value="http://www.archive.org/flv/FlowPlayerWhite.swf"/>
<param name="scale" value="noScale"/>
<param name="wmode" value="transparent"/>
<param name="allowScriptAccess" value="sameDomain"/>
<param name="quality" value="high"/>
<param name="flashvars" value="config={
loop: false,
autoPlay:false,
initialScale: 'fit',
videoFile: 'http://www.archive.org/download/archivo.flv',
}"/>
</object>
Donde podemos personalizar algunas opciones como loop ,autoPlay y hideControls, además del ancho y el alto. También es posible crear listas de reproducción.
REFERENCIAS:
Traducciones rápidas |
Se habla mucho de las nuevas mejoras en los servicios de traducción de Google y, sobre todo, en la posibilidad de utilizar uno de los nuevos gadgets. Seleccionamos el idioma original de la página y pegamos el código que nos proveen:
<script src="http://gmodules.com/ig/ifr ?url=http://www.google.com/ig/modules/translatemypage.xml &up_source_language=es &w=180 &h=75 &title= &border=http:// &output=js"> </script>
Mucho mejor es el traductor multilingüe que muestra Gem@ y que utiliza los servicios de WordLingo ya que también admite traducir al francés, al alemán, al italiano, al portugués y al ruso.
Para insertarlo, sólo debemos copiar y pegar el siguiente código:
Para insertarlo, sólo debemos copiar y pegar el siguiente código:
<img src="http://1.bp.blogspot.com/_hljKDuw-cxQ/TGtcG6Pg7CI/AAAAAAAAQH4/nal7E1QhwFA/s00/banderitas.png"/>
<form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation" target="_blank">
<input value="ES" name="wl_srclang" type="hidden"/>
<select style="font-size: 90%; width: 170px;" name="wl_trglang">
<option value="EN"/>Español - Inglés
<option value="FR"/>Español - Francés
<option value="DE"/>Español - Alemán
<option value="IT"/>Español - Italiano
<option value="PT"/>Español - Portugués
<option value="RU"/>Español - Ruso
</select>
<input value="http://nombre_blog.blogspot.com/" name="wl_url" type="hidden"/>
<input style="font-size: 90%; width: 70px;" value="Traducir" type="submit"/>
</form>
Donde sólo debemos reemplazar nombre_blog por el nuestro.
OTRAS ALTERNATIVAS:
MultiRss: Suscripciones con un botón |
MultiRss es un nuevo servicio que nos posibilita mostrar un botón con diferentes alternativas para que los lectores se suscriban a nuestro sitio de manera similar a lo que hace Feedburner.
En este caso, basta colocar la URL de nuestro blog y se generará el código correspondiente que será de este tipo:
En este caso, basta colocar la URL de nuestro blog y se generará el código correspondiente que será de este tipo:
<a href="http://www.multirss.com/rss/direccionURL">
<img src="http://www.multirss.com/rssimage/direccionURL" alt="Subscribe to RSS Feed" />
</a>
Object: La etiqueta multimedia |
Mostrar archivos multimedia no es demasiado complicado de implementar, estamos acostumbrados a colocar videos de servicios como YouTube o audio a través de GoEar. De tanto en tanto, nos atrevemos con un SWF pero ¿eso es todo? ¿qué puede hacerse cuando se trata de formatos más "exóticos"?
Para empezar, hay que decir que no existe un método que funcione para todos los visitantes ya que depende mucho de los servidores donde se alojan las páginas y de la configuración del navegador que utilizamos. Como siempre, Internet Explorer es el patito feo y es con el que deberemos lidiar.
Los que saben dicen que la mejor forma es poner un simple enlace pero claro, no creo que esto conforme a nadie:
Para empezar, hay que decir que no existe un método que funcione para todos los visitantes ya que depende mucho de los servidores donde se alojan las páginas y de la configuración del navegador que utilizamos. Como siempre, Internet Explorer es el patito feo y es con el que deberemos lidiar.
Los que saben dicen que la mejor forma es poner un simple enlace pero claro, no creo que esto conforme a nadie:
<a href="URL_archivo.MP3">Canción</a> <a href="URL_archivo.AVI">Video</a>
En estos casos, lo que pasará dependerá del usuario que haga click. Puede aparecer una ventana preguntando si se quiere descargar el archivo o se abrirse el reproductor multimedia en el navegador o como programa externo ¿Y cómo sabe la PC qué es lo que debe hacerse? Se basa en el llamado MIME type (Multipurpose Internet Mail Extensions) que son una serie de especificaciones que nos permiten intercambiar todo tipo de archivos a través de internet (texto, audio, vídeo, etc.). Por ejemplo:
image/jpeg para imágenes en formato JPG (JPEG-format image)
audio/mpeg para audio en formato MP3 (MPEG Audio File)
video/avi para videos en formato AVI
image/gif para imágenes en formato GIF
Este tipo puede ser incluido en los enlaces, no es que sirva de mucho pero, en ciertos casos, puede ayudar al navegador a determinar qué hacer:
image/jpeg para imágenes en formato JPG (JPEG-format image)
audio/mpeg para audio en formato MP3 (MPEG Audio File)
video/avi para videos en formato AVI
image/gif para imágenes en formato GIF
Este tipo puede ser incluido en los enlaces, no es que sirva de mucho pero, en ciertos casos, puede ayudar al navegador a determinar qué hacer:
<a href="URL_archivo" type="audio/mpeg">Canción</a>
Claro que, todo esto es poco, normalmente, pretendemos incrustar el archivo multimedia en la misma página. Para hacer esto, muchos servicios nos proveen un código que copiamos y pegamos. No es una mala solución pero muchas veces no funciona y sobre todo, no nos deja entender qué estamos haciendo de tal manera que, si alguna vez nos encontramos frente a una alternativa, a un formato poco común, no sabemos cómo resolverlo ni dónde buscar la respuesta.
La etiqueta genérica para insertar multimedia es <OBJECT> </OBJECT> y es válida tanto para Internet Explorer (con problemas) como para Firefox. La sintaxis genérica es la siguiente:
La etiqueta genérica para insertar multimedia es <OBJECT> </OBJECT> y es válida tanto para Internet Explorer (con problemas) como para Firefox. La sintaxis genérica es la siguiente:
<object data="URL_archivo" width="ancho" height="alto" type="MIME type"> <param name="nombre" value="valor" /> </object>
Todos esos atributos son obligatorios y cada etiqueta debe abrirse y cerrarse (PARAM termina con una barra inclinada)
¿Por qué debe repetirse el dato? Porque Internet Explorer, a diferencia del resto de los navegadores, lee ese dato desde la etiqueta PARAM y, para complicarnos la vida, el parámetro depende del tipo de archivo así que puede ser::
¿Por qué debe repetirse el dato? Porque Internet Explorer, a diferencia del resto de los navegadores, lee ese dato desde la etiqueta PARAM y, para complicarnos la vida, el parámetro depende del tipo de archivo así que puede ser::
<param name="FileName" value="URL_archivo"/> <param name="movie" value="URL_archivo" /> <param name="src" value="URL_archivo"/> <param name="Source" value="URL_archivo"/> <param name="URL" value="URL_archivo"/>
En un SWF, utilizamos movie, con los demás deberemos averiguarlo o probar pero, como los ActiveX o plugins sólo leen los parámetros que conocen e ignoran el resto, podemos usarlos todos juntos .
Otros atributos especiales que puede usarse son:
classid="identificador" establece la URL del objeto o componente externo necesario para reproducir el archivo y el control ActiveX necesario.
autostart="true|false" determina si debe empezar a reproducirse por sí sólo al cargarse la página o no
standby="mensaje" presenta en pantalla un mensaje mientras se carga
¿Es necesario poner CLASSID? No, a menos que queramos utilizar una aplicación específica; si queremos que el navegador utilice cualquier reproductor disponible, no colocamos el atributo. Esto es importante ya que, por ejemplo, si escribimos:
Otros atributos especiales que puede usarse son:
classid="identificador" establece la URL del objeto o componente externo necesario para reproducir el archivo y el control ActiveX necesario.
autostart="true|false" determina si debe empezar a reproducirse por sí sólo al cargarse la página o no
standby="mensaje" presenta en pantalla un mensaje mientras se carga
¿Es necesario poner CLASSID? No, a menos que queramos utilizar una aplicación específica; si queremos que el navegador utilice cualquier reproductor disponible, no colocamos el atributo. Esto es importante ya que, por ejemplo, si escribimos:
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"> <param name="src" value="URL_archivo.mpg"> </object>
Sólo funcionará en Windows utilizando Internet Explorer y QuickTime instalado; los demás ignorarán el ActiveX y buscarán cómo reproducirlo, en Linux o Mac, por ejemplo, directamente no se verá.
Lo más importante es establecer el tipo MIME correcto aunque algunos navegadores son capaces de reconocerlos automáticamente y en ese caso, no se coloca.
para un archivo de audio MP3 debe usarse type="audio/mpeg"
para un archivo de audio WAV debe usarse type="audio/wav"
para un archivo de audio MIDI debe usarse type="audio/midi"
para un archivo de FLASH debe usarse type="application/x-shockwave-flash"
para un video AVI debe usarse type="video/avi"
Para diferentes formatos de las imágenes:
type="image/gif"
type="image/jpeg"
type="image/tiff"
type="image/x-png"
type="image/bmp"
type="image/x-emf"
type="image/x-wmf"
Estos son los más comunes pero hay otros:
para una lista de reproducción M3U usamos type="audio/x-mpegurl"
para un video de Real Player RAM usamos type="audio/x-pn-realaudio"
para un video de QuickTime QLT o MOV usamos type="application/x-quicktimeplayer"
para un video ASX usamos type="video/x-ms-asf"
para un audio en formato AIFF usamos type="audio/x-aiff"
Si el atributo type hace referencia a un tipo de archivo desconocido, los resultados serán diferentes según sea el navegador, por ejemplo, Firefox informará que se requiere un plugin.
Pero no estamos limitados a multimedia, también podemos incrustar otro tipo de elementos como páginas web o archivos de texto aunque en Internet Explorer tiene serios problemas para reconocerlos:
type="text/plain"
type="text/richtext"
type="text/html"
type="application/pdf"
Vamos a los ejemplos:
type="text/plain" para mostrar un archivo de texto (no funciona en Internet Explorer)
Lo más importante es establecer el tipo MIME correcto aunque algunos navegadores son capaces de reconocerlos automáticamente y en ese caso, no se coloca.
para un archivo de audio MP3 debe usarse type="audio/mpeg"
para un archivo de audio WAV debe usarse type="audio/wav"
para un archivo de audio MIDI debe usarse type="audio/midi"
para un archivo de FLASH debe usarse type="application/x-shockwave-flash"
para un video AVI debe usarse type="video/avi"
Para diferentes formatos de las imágenes:
type="image/gif"
type="image/jpeg"
type="image/tiff"
type="image/x-png"
type="image/bmp"
type="image/x-emf"
type="image/x-wmf"
Estos son los más comunes pero hay otros:
para una lista de reproducción M3U usamos type="audio/x-mpegurl"
para un video de Real Player RAM usamos type="audio/x-pn-realaudio"
para un video de QuickTime QLT o MOV usamos type="application/x-quicktimeplayer"
para un video ASX usamos type="video/x-ms-asf"
para un audio en formato AIFF usamos type="audio/x-aiff"
Si el atributo type hace referencia a un tipo de archivo desconocido, los resultados serán diferentes según sea el navegador, por ejemplo, Firefox informará que se requiere un plugin.
Pero no estamos limitados a multimedia, también podemos incrustar otro tipo de elementos como páginas web o archivos de texto aunque en Internet Explorer tiene serios problemas para reconocerlos:
type="text/plain"
type="text/richtext"
type="text/html"
type="application/pdf"
Vamos a los ejemplos:
type="text/plain" para mostrar un archivo de texto (no funciona en Internet Explorer)
<object data="URL_archivo.txt" type="text/plain" width="500" height="150"> <p>Código fuente de <a href="URL_archivo.TXT">Archivo TXT</a></p> </object>
type="text/html" para mostrar una página web (no funciona en Internet Explorer)
Ver/Ocultar Demo
<object data="URL_archivo.html" type="text/html" width="500" height="150">
<p>Código fuente de <a href="URL_archivo.HTML">Archivo HTML</a></p>
</object>
<p>Código fuente de <a href="URL_archivo.HTML">Archivo HTML</a></p>
</object>
type="video/x-ms-asf" para mostrar videos ASX
type="application/x-quicktimeplayer" para mostrar videos de QuickTime (requiere tener un plugin instalado)
Ver/Ocultar Demo
<object data="URL_archivo.MOV" type="application/x-quicktimeplayer" width="165" height="140"> <param name="src" value="URL_archivo.MOV" /> </object>
type="audio/x-pn-realaudio" para mostrar archivos de RealPlayer (requiere tener un plugin instalado)
Ver/Ocultar Demo
<object data="URL_archivo.RAM" type="application/x-quicktimeplayer" width="150" height="105"> <param name="src" value="URL_archivo.RAM" /> </object>
type="audio/x-midi" para mostrar audio en formato MIDI (requiere tener un plugin instalado)
Ver/Ocultar Demo
<object data="URL_archivo.MID" type="audio/x-midi" width="200" height="16"> <param name="FileName" value="URL_archivo.MID" /> <param name="src" value="URL_archivo.MID" /> </object>
¿Esto responderá a todas las consultas? No, de ninguna manera. Cuando hablamos de archivos multimedia las variantes son tantas que nadie podrá resolverlo en el 100% de los casos, siempre habrá un grupo de visitante que no podrán acceder a estos. Desde codecs.com pueden descargarse versiones de la mayoría de los plugins, tanto sus versiones originales como las alternativas que, en general, son más livianas:
ComeStat: Contador de visitantes |
ComeStat es un nuevo servicio que permite mostrar la cantidad de visitantes online.
Utilizarlo es muy sencillo, seleccionamos el modelo de botón y listo, nos da el código necesario para insertarlo en cualquier blog o página web; por ejemplo:
Utilizarlo es muy sencillo, seleccionamos el modelo de botón y listo, nos da el código necesario para insertarlo en cualquier blog o página web; por ejemplo:
<a title="Online users" href="http://comestat.com/live/l-7ZtkQX2Iz61"> <img src="http://comestat.com/live/g-7ZtkQX2Iz61.png" border="0"> </a>
Haciendo click en la imagen, nos proveerá información estadística de las visitas.
No hay mucho más que decir sólo habrá que verlo en acción para ver como se comporta.
No hay mucho más que decir sólo habrá que verlo en acción para ver como se comporta.
REFERENCIAS:
Google y las cuentas hackeadas |
En Google Blogodscoped hablan de un caso de una cuenta de Google hackeada, algo que ha ocurrido repetidas veces, demasiadas veces.
El método de phishing es sencillo, recibimos un mail, supuestamente de Google, donde se nos pide que accedamos a cierta página y confirmemos la contraseña. Este tipo de sistema es tan evidente que da vergüenza saber que aún seguimos cayendo como moscas. No hace falta decir que ninguna empresa tiene la gentileza de comunicarse con nosotros y que, cualquier cambio en los términos el servicio aparecerá sólo en su página principal y, de ninguna manera se tomarán la molestia de contactarse con cada uno de sus millones de usuarios.
De cualquier forma, una vez que nos reponemos de haber sido tan ingenuos de caer en una trampa tan burda, aún quedan posibilidades: rezar, prender velas a los santos e ir a la página del Centro de Seguridad de Google y completar el formulario:
El método de phishing es sencillo, recibimos un mail, supuestamente de Google, donde se nos pide que accedamos a cierta página y confirmemos la contraseña. Este tipo de sistema es tan evidente que da vergüenza saber que aún seguimos cayendo como moscas. No hace falta decir que ninguna empresa tiene la gentileza de comunicarse con nosotros y que, cualquier cambio en los términos el servicio aparecerá sólo en su página principal y, de ninguna manera se tomarán la molestia de contactarse con cada uno de sus millones de usuarios.
De cualquier forma, una vez que nos reponemos de haber sido tan ingenuos de caer en una trampa tan burda, aún quedan posibilidades: rezar, prender velas a los santos e ir a la página del Centro de Seguridad de Google y completar el formulario:
I believe someone has broken in to my account.
If you're unable to access your account, and you believe that someone has changed your password, alternate email address, and/or security question, please fill out this form. We'll use the information you provide to conduct an investigation, so the more details you can share, the better.
If you're unable to access your account, and you believe that someone has changed your password, alternate email address, and/or security question, please fill out this form. We'll use the information you provide to conduct an investigation, so the more details you can share, the better.
En el caso del que hablan, el problema se resolvió en una semana pero con dudas respecto a la información personal alojada, molestar por el trato recibido, gritos contra Google y sus medidas de seguridad, etc, etc, etc.
Nada dice del garrafal error cometido por el usuario.
Menos grave pero también bastante común es que simplemente hayamos perdido la contraseña o no nos acordemos de cuál era. En ese caso, debemos click en el enlace correspondiente o utilizar el Formulario de Blogger:
Nada dice del garrafal error cometido por el usuario.
Menos grave pero también bastante común es que simplemente hayamos perdido la contraseña o no nos acordemos de cuál era. En ese caso, debemos click en el enlace correspondiente o utilizar el Formulario de Blogger:
¿Cuánto debemos esperar? En unos minutos, deberíamos recibir un mail ya que el proceso es automático pero, ¿y si no recibimos una respuesta?, en ese caso, verifiquemos primero que los datos fueron correctamente ingresados y si esto no resulta, podemos ingresar directamente en una página similar pero con un Formulario de Google. Como última instancia, nos queda contactarnos directamente con Blogger desde este formulario.
A veces, que no podamos acceder no significa que estemos ingresando datos incorrecto, puede tratarse de una falla de servicio o de un error interno así que, previamente, conviene verificar el Status de Blogger, allí se nos mostrará un listado con los problemas reportados recientemente.
A veces, que no podamos acceder no significa que estemos ingresando datos incorrecto, puede tratarse de una falla de servicio o de un error interno así que, previamente, conviene verificar el Status de Blogger, allí se nos mostrará un listado con los problemas reportados recientemente.
All you can Upload: Alojar imágenes |
En Internet Paso a Paso nos hablan de otro servicio para alojar imágenes muy recomendable. Se trata de All you can Upload.
No hay límites en la la ni en el tamaño de los archivos, pueden subirse varias imágenes simultáneamente y, aunque no es necesario registrarse, se puede consultar el historial de las imágenes que hayamos subido.
Ellos nos proveen de dos códigos posibles: un enlace a los thumbnails y otro a la imagen original que podemos incluir en cualquier página web.
Si queremos tener un control más preciso, podemos abrir una cuenta gratuita en WebShots. El único inconveniente es que sólo aceptan formatos GIF y JPG.
No hay límites en la la ni en el tamaño de los archivos, pueden subirse varias imágenes simultáneamente y, aunque no es necesario registrarse, se puede consultar el historial de las imágenes que hayamos subido.
Ellos nos proveen de dos códigos posibles: un enlace a los thumbnails y otro a la imagen original que podemos incluir en cualquier página web.
Si queremos tener un control más preciso, podemos abrir una cuenta gratuita en WebShots. El único inconveniente es que sólo aceptan formatos GIF y JPG.
5 mandamientos |
Encontré el blog La Bloguería por casualidad, al curiosear un enlace. Me encontré con un diseño en blanco y negro muy pero muy original con buhos y otros pájaros observándome, algunos trucos para Blogger, las Instrucciones para subir una escalera de Julio Cortázar y, sobre todo, con estos 5 mandamientos que, después de los contratiempos de Gem@ sería bueno que siguiéramos al pie de la letra porque nadie está libre de pecado:
El meme infinito |
Un meme con 45 preguntas es un poco abusivo y más si llega por mail. Quién lo envía, merece ser apaleado.
Si no fuera porque de puro aburrido me puse a contestarlo, hubiera terminado junto con el resto del spam.
Si no fuera porque de puro aburrido me puse a contestarlo, hubiera terminado junto con el resto del spam.
- ¿Nombre completo?: JMiur ... ¿y qué? Peor sería llamarme Asdrulfo.
- ¿Por ”quién” te dieron ese nombre?: era el único disponible en Yahoo.
- ¿Le pides deseos a las estrellas?: que no se caigan sobre mi cabeza
- ¿Cuándo fue la última vez que lloraste?: recién, cuando hice un mal movimiento con el mouse.
- ¿Te gusta tu letra?: se ve bien, es Trebuchet MS, muy parejita; podría probar con Helvetica, Georgia o Comic Sans MS pero no quiero.
- ¿Con qué te gusta el pan?: con pan.
- ¿Cuántos hijos tienes?: depende de quien los cuenta.
- ¿Y tu edad es?: menos que la máxima y más de la que quisiera.
- ¿Si fueras otra persona, serías tu amigo?: ni en broma.
- ¿Tienes un diario de vida?: ¿este blog? ... ¿vida? ¿qué vida?.
- ¿Eres sarcástico/a?: de ninguna manera, faltaría más.
- ¿Saltarías en bungee?:.
- ¿Cuál es tu cereal preferido?: la cerveza.
- ¿Te desabrochas los zapatos antes de sacártelos?: sólo si los tengo puestos.
- ¿Crees que eres fuerte?: como una hoja de papel.
- ¿Tu helado favorito?: todos.
- ¿Cuánto calzas?: ¿dónde?
- ¿Rojo o rosa?: rojo.
- ¿Qué es lo que menos te gusta de ti?: yo.
- ¿A quién extrañas mucho?: a mi.
- ¿Te gustaría que todos a quienes les enviaste este meme te respondieran?: no pienso mandárselo a nadie.
- ¿Lo último que comiste hoy?: mmm, no me acuerdo, ¿hoy es martes o miércoles?
- ¿Qué estás escuchando en este momento?: el ruido de la calle
- Si eres niña, ¿qué canción te gustaría que te dedicaran y si eres niño cuál dedicarías?: ¿no hay más opciones?
- ¿Tus colores favoritos?: rojo.
- ¿La última persona con que hablaste por teléfono?: la chica que dice la hora.
- ¿Lo primero que te fijas en el sexo opuesto?: ¿debo decir la verdad o "su forma de ser"?
- ¿Cómo te cae la persona que te envió esto?: como el c...
- ¿Deporte favorito para ver por TV?: dardos.
- ¿Color de cabello?: no tengo.
- ¿Lentes de contacto?: no uso.
- ¿Color de ojos?: no sé, no alcanzo a verlos ¿amarillos?
- ¿Comida favorita?: toda menos la que siempre como.
- ¿Película de terror o final feliz?: una película de terror con final feliz o un terrorífico final feliz.
- ¿Última película que viste en el cine y con quién?: ¿el qué? ¡ah! ¿eso parecido a YouTube pero grande?
- ¿Día/s favorito/s del año?: hoy.
- ¿Besos o abrazos?: mmm ¿es una propuesta?
- ¿Postre preferido?: chocolate.
- ¿Quién crees que te responderá?: nadie (ver respuesta 21)
- ¿El que menos crees que lo hará?: ya lo dije, ver respuesta 21.
- ¿Qué libro estás leyendo?: Cómo contestar memes en cinco prácticas lecciones, Tomo 32.
- ¿Qué hay en tu pared?: roña.
- ¿Qué viste anoche en la tele?: la señal de ajuste.
- ¿Rolling Stones o Beatles?: Beatles of course.
- ¿Dónde es lo más lejos que has estado de tu casa?: en otra casa
¿Cómo, ya está? ¿Ya se terminó? ¡Justo ahora que me estaba embalando!
¿Y no hay enlaces como corresponde a cualquier meme que se precie de tal?
No. Esa es mi estúpida venganza.
¿Y no hay enlaces como corresponde a cualquier meme que se precie de tal?
No. Esa es mi estúpida venganza.
Logos para víctimas del PR |
En Google Blogoscoped apareció hace unos días un logo ideal para los que se sintieran víctimas del PageRank.
Más tarde, en SpamLoco nos recomiendan como mostrar el PageRank con humor utilizando la colección de logos de LeegaR.
Más tarde, en SpamLoco nos recomiendan como mostrar el PageRank con humor utilizando la colección de logos de LeegaR.
REFERENCIAS:
El señor invisible |
Google sigue penalizando |
Google ha comenzado a penalizar el PageRank de los blogs que utilicen el sistema publicitario PayPerPost y según dicen, esto es así porque muchos de ellos venden enlaces desde sus páginas web.
"Muchos anunciantes de PayPerPost no insertan sus 'posts patrocinados' en determinados blogs porque les interesa que el blogger les mencione, sino porque desean que el blogger inserte un link desde un determinado blog con un determinado PageRank. De hecho, uno de los parámetros para determinar el precio de ese 'anuncio' es el valor del PageRank de ese blog."
¿Cómo determina Google que un blog usa PayPerPost para vender enlaces?
Uno de los datos que lo alertan es un enlace a disclosurepolicy.org (con el que se advierte al lector de que se trata de un post patrocinado).
Lo mismo está sucediendo con el programa publicitario text-link-ads.com (TLA), en el que se venden anuncios en forma de links, que se pagan en función del PageRank del sitio web que inserta el enlace.
Con estas penalizaciones Google pretende proteger su buscador que es el que les proporciona los mayores ingresos y "su credibilidad como marca".
Hay sitios que utilizan TLA y reciben dinero por insertar estos links, como por ejemplo kriptopolis.org y claro, protestan y ponen el grito en el cielo hablando de monopolio. Probablemente ellos y Google tengan razón y esa sea justamente la paradoja. Ganar dinero con publicidad no tiene nada de malo, comercializar con el PageRank, sí.
"Muchos anunciantes de PayPerPost no insertan sus 'posts patrocinados' en determinados blogs porque les interesa que el blogger les mencione, sino porque desean que el blogger inserte un link desde un determinado blog con un determinado PageRank. De hecho, uno de los parámetros para determinar el precio de ese 'anuncio' es el valor del PageRank de ese blog."
¿Cómo determina Google que un blog usa PayPerPost para vender enlaces?
Uno de los datos que lo alertan es un enlace a disclosurepolicy.org (con el que se advierte al lector de que se trata de un post patrocinado).
Lo mismo está sucediendo con el programa publicitario text-link-ads.com (TLA), en el que se venden anuncios en forma de links, que se pagan en función del PageRank del sitio web que inserta el enlace.
Con estas penalizaciones Google pretende proteger su buscador que es el que les proporciona los mayores ingresos y "su credibilidad como marca".
Hay sitios que utilizan TLA y reciben dinero por insertar estos links, como por ejemplo kriptopolis.org y claro, protestan y ponen el grito en el cielo hablando de monopolio. Probablemente ellos y Google tengan razón y esa sea justamente la paradoja. Ganar dinero con publicidad no tiene nada de malo, comercializar con el PageRank, sí.
¿No se acabarían estos problemas si simplemente se eliminara el PageRank? Probablemente no, alguien descubriría otro método y el ciclo de los mercados continuaría sin inmutarse.
REFERENCIAS:
Blogger: Usando imágenes en lugar de etiquetas |
Esta idea la escuché varias veces y siempre me pareció que era algo que podía hacerse pero no estaba muy seguro de cómo hacerlo. La inquietud de Gem@ me hizo pensar otra vez en el tema, el tiempo nos va dando algún que otro conocimiento y, sobre todo, algo de audacia .... entonces ¿qué pasaría si ...?
La pregunta concreta es esta:
¿Hay alguna forma de reemplazar los textos de las etiquetas por imágenes? Ojo, no hablamos de cambiar el texto "Etiquetas" que se ve al pie de página de cada post, eso es sencillo, basta buscar el código: <data:postLabelsLabel/> y poner en su lugar una imagen o un texto personal.
Tampoco se trata de anteponer un ícono a la lista de etiquetas, eso también se resuelve con sencillez anteponiendo la imagen a: <data:label.name/>
Lo que se quiere es asociar el nombre de una etiqueta con una imagen específica, es decir, si mi etiqueta es "Perro", mostrar un perro y si es "Elefantes rosados", mostrar un elefante rosado.
Y bien, la respuesta es sí, se puede, casi diría que es sorprendentemente sencillo así que le contesté a Gem@ su mail dándole la posibilidad de explicárselo personalmente o publicarlo. Rápidamente respondió: "Me parece ideal que lo publiques, creo que puede interesar a todos ... ¿A qué estás esperando?".
Eso me pasa por preguntar. Dejé mis jueguitos y me puse a hacer lo que me ordenó.
Para resolver el tema debemos partir de una limitación: dónde alojar las imágenes a utilizar. Si las subimos a Blogger, las direcciones URL que tendremos serán, como mínimo, estrafalarias; no tenemos forma de deducirlas, cada una es diferente y NECESITAMOS SABER dónde están las imágenes, lograr que la dirección URL sea algo fijo donde sólo cambie el nombre del archivo y no el resto del dominio ni el directorio donde están guardadas.
No podemos usar Blogger y por la misma razón no podemos usar ImageShack sin embargo, hay varios servicios que establecen una dirección fija: Photobucket, Fileden, Google Pages, Hostfile, etc. En algunos de ellos incluso podemos crear carpetas, de esta manera, todas las imágenes tendrán la misma estructura, por ejemplo:
http://xxxxxx/nombre_Archivo1.ext
http://xxxxxx/nombre_Archivo2.ext
Entonces, como primera medida, subimos las imágenes a uno de esos servidores, todas con el mismo formato y extensión (jpg, png, gif); lo único que debe cambiar es el nombre del archivo que deberá ser exactamente igual al nombre de la etiqueta; es decir, tendremos alojadas tantas imágenes como etiquetas y todas las direcciones serán similares:
Si la etiqueta es perro:
una imagen PNG estará en http:un_servidor/perro.png
Si la etiqueta es elefantes rosados:
una imagen PNG estará en http:un_servidor/elefantes rosados.png
Los tamaños de las imágenes no tienen importancia, eso dependerá de cómo queremos mostrarlas, pueden ser todas iguales o todas diferentes.
Debemos saber que hay dos lugares del blog donde se muestran las listas con las etiquetas: debajo de cada post o en un elemento Labels en la sidebar, el header o el footer. Empecemos con este último.
Blogger permite agregar varios elementos Labels así que, si ya tenemos uno no hace falta sacarlo, en todo caso, esa es una decisión posterior. Vamos a la Plantilla y en Elementos de la página, agregamos el elemento y lo configuramos como se nos ocurra. Guardamos y ahora vamos a Edición HTML y marcamos Expandir artilugios.
Buscamos el código de ese elemento recién agregado que, será más o menos este:
La pregunta concreta es esta:
¿Hay alguna forma de reemplazar los textos de las etiquetas por imágenes? Ojo, no hablamos de cambiar el texto "Etiquetas" que se ve al pie de página de cada post, eso es sencillo, basta buscar el código: <data:postLabelsLabel/> y poner en su lugar una imagen o un texto personal.
Tampoco se trata de anteponer un ícono a la lista de etiquetas, eso también se resuelve con sencillez anteponiendo la imagen a: <data:label.name/>
Lo que se quiere es asociar el nombre de una etiqueta con una imagen específica, es decir, si mi etiqueta es "Perro", mostrar un perro y si es "Elefantes rosados", mostrar un elefante rosado.
Y bien, la respuesta es sí, se puede, casi diría que es sorprendentemente sencillo así que le contesté a Gem@ su mail dándole la posibilidad de explicárselo personalmente o publicarlo. Rápidamente respondió: "Me parece ideal que lo publiques, creo que puede interesar a todos ... ¿A qué estás esperando?".
Eso me pasa por preguntar. Dejé mis jueguitos y me puse a hacer lo que me ordenó.
Para resolver el tema debemos partir de una limitación: dónde alojar las imágenes a utilizar. Si las subimos a Blogger, las direcciones URL que tendremos serán, como mínimo, estrafalarias; no tenemos forma de deducirlas, cada una es diferente y NECESITAMOS SABER dónde están las imágenes, lograr que la dirección URL sea algo fijo donde sólo cambie el nombre del archivo y no el resto del dominio ni el directorio donde están guardadas.
No podemos usar Blogger y por la misma razón no podemos usar ImageShack sin embargo, hay varios servicios que establecen una dirección fija: Photobucket, Fileden, Google Pages, Hostfile, etc. En algunos de ellos incluso podemos crear carpetas, de esta manera, todas las imágenes tendrán la misma estructura, por ejemplo:
http://xxxxxx/nombre_Archivo1.ext
http://xxxxxx/nombre_Archivo2.ext
Entonces, como primera medida, subimos las imágenes a uno de esos servidores, todas con el mismo formato y extensión (jpg, png, gif); lo único que debe cambiar es el nombre del archivo que deberá ser exactamente igual al nombre de la etiqueta; es decir, tendremos alojadas tantas imágenes como etiquetas y todas las direcciones serán similares:
Si la etiqueta es perro:
una imagen PNG estará en http:un_servidor/perro.png
Si la etiqueta es elefantes rosados:
una imagen PNG estará en http:un_servidor/elefantes rosados.png
Los tamaños de las imágenes no tienen importancia, eso dependerá de cómo queremos mostrarlas, pueden ser todas iguales o todas diferentes.
Debemos saber que hay dos lugares del blog donde se muestran las listas con las etiquetas: debajo de cada post o en un elemento Labels en la sidebar, el header o el footer. Empecemos con este último.
Blogger permite agregar varios elementos Labels así que, si ya tenemos uno no hace falta sacarlo, en todo caso, esa es una decisión posterior. Vamos a la Plantilla y en Elementos de la página, agregamos el elemento y lo configuramos como se nos ocurra. Guardamos y ahora vamos a Edición HTML y marcamos Expandir artilugios.
Buscamos el código de ese elemento recién agregado que, será más o menos este:
<b:widget id='Label2' locked='false' title='El_Titulo' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <data:label.name/> <b:else/> <a expr:href='data:label.url'> <data:label.name/> </a> </b:if> (<data:label.count/>) </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable>
Si se fijan, las etiquetas se muestran en una lista, eso es lo que está definido por los códigos:
<ul>
<li>
... las etiquetas ...
</li>
</ul>
Dependerá mucho de cómo vamos a mostrarlas pero, en principio, podríamos eliminar esas líneas o darles una clase para luego poder manipularlas con CSS:
.sidebar ul.listaetiquetas { ... propiedades ... } .sidebar li.etiquetaimagen { ... propiedades ... }
Luego, la parte importante, reemplazar el texto de la etiqueta (<data:label.name/>) por la imagen correspondiente; para esto, vamos a usar una facilidad de Blogger, crear una expresión:
<img expr:src='"http://nuestro_servidor/" + data:label.name + ".ext"'/>
Esto se encuentra en dos líneas diferentes. Cambiamos ambas pero reemplazamos http://nuestro_servidor por la dirección del servidor donde esté alojada la imagen y ext por la extensión del tipo de archivo que utilicemos. Y ya que estamos, también eliminamos el contador (<data:label.count/>). El código quedaría así:
<b:widget id='Label2' locked='false' title='El_Titulo' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <ul class='listaetiquetas'> <b:loop values='data:labels' var='label'> <li class='etiquetaimagen'> <b:if cond='data:blog.url == data:label.url'> <img expr:src='"http://nuestro_servidor/" + data:label.name + ".ext"'/> <b:else/> <a expr:href='data:label.url'> <img expr:src='"http://nuestro_servidor/" + data:label.name + ".ext"'/> </a> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable>
Lo mismo podemos hacer con las etiquetas que se muestran debajo de los posts, esto lo vamos a encontrar en:
<b:includable id='post' var='post'>
Por defecto, el código de esa parte es el siguiente:
<b:includable id='post' var='post'>
Por defecto, el código de esa parte es el siguiente:
<b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'> <data:label.name/> </a> <b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if>
Como se ve, es muy similar al anterior pero, no es una lista HTML sino que se escriben una al lado de la otra así que eliminamos el carácter separador (la coma) y, nuevamente, reemplazamos el texto <data:label.name/> por la imagen:
<img expr:src='"http://nuestro_servidor/" + data:label.name + ".ext"'/>
En este caso, podemos crear una variante, utilizar una imagen personalizada y además, el texto, uno al lado del otro:
<img expr:src='"http://nuestro_servidor/" + data:label.name + ".ext"'/> <data:label.name/>
¿El nuevo Google? |
Muchos dicen que la página de Google cambiará y que uno de los prototipos en las que están trabajando es la que se muestra en un versión alternativa de la página principal utilizada en China.
Es cierto, lo más probable es que no entendamos mucho pero, aún así podemos verla en acción AQUÍ.
Es cierto, lo más probable es que no entendamos mucho pero, aún así podemos verla en acción AQUÍ.
REFERENCIAS:
Alternativas para editar blogs |
Contestando un mail sobre problemas con el uso del editor de Blogger, me acordé que tenia guardado un artículo de Cosas Sencillas donde se hablaba de alternativas en caso de sentirnos cansado del editor por defecto del blog.
Este fue un tema sobre el que estuve dando vueltas mucho tiempo porque no encontraba uno que me permitiera hacer lo que quería de manera sencilla; algunos de esta lista los he probado, otros ni siquiera los conocía y, como todo, la elección dependerá de nuestras necesidades y gustos personales:
Este fue un tema sobre el que estuve dando vueltas mucho tiempo porque no encontraba uno que me permitiera hacer lo que quería de manera sencilla; algunos de esta lista los he probado, otros ni siquiera los conocía y, como todo, la elección dependerá de nuestras necesidades y gustos personales:
- Qumana Blog Editor permite trabajar sin conexión y administrar diferentes blogs y diferentes servicios
- Windows Live Writer es la aplicación de Microsoft y, sorprendentemente, funciona muy bien
- w.bloggar nunca me gustó y no parece funcionar con Blogger
- BlogDesk parece muy interesante, está optimizado para WordPress
- Bleezer está disponible para Windows, Mac y Linux
- Post2Blog es uno de los mejores y tiene muchas posibilidades. Puede integrarse a Microsoft Word, Firefox e Internet Explorer
- The Zoundry Blog Writer es un editor muy completo
Pero los editores de escritorio no son la únicas alternativas, hay otros que pueden utilizarse del navegador:
- webpad permite acceder via FTP o a través de los servicios tanto Blogger como WordPress. Es muy complejo de configurar pero puede ser una alternativa interesante
- ScribeFire es una extensión para Firefox y mi editor por defecto, funciona con muchos servicio, puede publicarse y editarse directamente y, pese a su simplicidad, es uno de los mejores editores ya que no agrega códigos extraños
- Flock es un navegador social basado en Firefox e incorpora un editor de blogs interno
- WriteToMyBlog es un procesador de textos online que permite publicar y editar en muchas plataformas
- Deepest Sender es otra extensión para Firefox pero también puede usarse como programa externo. Admite múltiples cuentas y la posibilidad de establecer un estilo CSS para previsualizar los posts. En estos momentos tiene problemas para utilizarse en Blogger
- GNOME Blog Entry Poster no es muy completo, en realidad, es bastante incompleto ya que tenemos que escribir el código HTML manualmente
- Drivel Journal Editor está pensado para Live Journal pero puede integrarse con otros servicios
- BloGTK Blog Editor es otro editor mediocre, muy similiar a un editor de textos
- Thingamablog es un buen editor con muchas opciones
- JBlogEditor está escrito en Java y aún le falta mucho camino que recorrer
- QTM un buen editor que funciona tanto en GNOME como en KDE