Hoy, al entrar en mi servicio Google Reader me ha aparecido el siguiente aviso:
Además de poder hacer el Seguimiento a los blogs mediante Blogger, Google agrega a tu servicio Google Reader estos mismo blogs, lo cual me parece una buena idea ya que permite tener centralizado todas tus 'suscripciones' en un mismo sitio.
Gracias a los blogs de Rosa, JMiur y Gem@, me he enterado que recientemente Blogger ofrece este nuevo gadget a través del cual conoceremos que otros bloggers (de Blogger) siguen el blog. La verdad es que ya era hora que Blogger ofreciese este servicio, ya que por ejemplo MySpace lo tiene desde hace muchísimo tiempo.
Si tienes un blog en Blogger y quieres añadirlo a tu blog, te recomiendo que leas este post "El gadget de Following o Seguidores", donde Gem@ como siempre explica muy bien como hacerlo.
Si quieres seguir este blog, tienes disponible el gadget en el sidebar.
Hace tiempo que llevo dando vueltas a este asunto, como crear fácilmente una suscripción al blog pero solo para los artículos de una determinada etiqueta. He pensado que dado más de 400 blogs tienen mis 'widgets' del traductor, quizás les interesaría suscribirse al blog para recibir nuevas actualizaciones, pero como tampoco quiero obligar a nadie a leer todas mis batallas, quería que se pudieran suscribir solo a los artículos que publique al respecto (bajo la etiqueta 'Traductor')
En un principio no es tan difícil como parece, ya que Blogger nos ayuda un poco en este tema. En esa ayuda nos dice que alguien se puede suscribir a una etiqueta específica del blog mediante la dirección: http://nombredelblog.blogspot.com/feeds/posts/default/-/etiqueta
Habría que sustituir "nombredelblog" y "etiqueta" por lo que nos interese, por ejemplo: http://solrackorner.blogspot.com/feeds/posts/default/-/Como
Ahora, para incluir el visitante del blog pueda fácilmente suscribirse a cada etiqueta, qué mejor que poner un pequeño botón RSS al lado del Título de cada Etiqueta ¿verdad? ... como en este ejemplo:
Para conseguir esto debemos editar nuestra plantilla en la opción HTML y activar 'Expandir plantillas de artilugios'.
Aviso: Es muy importante hacer previamente una copia de seguridad de nuestra plantilla por si algo va mal. Así como indicar que el código que indico a continuación no es válido para las antiguas plantillas de Blogger.
Asumiendo que tenemos un artilugio en la barra lateral del blog que muestra nuestras etiquetas (crearlo es sencillo y hay mucha literatura al respecto por lo que no voy a explicarlo aquí), debemos localizar dicho artilugio (ayuda: es más fácil buscar por el Título que le hemos puesto, en mi caso "Etiquetas [tags]". Una vez localizado el artilugio deberemos ver un código similar a este:
<b:widget id='Label1' locked='false' title='Etiquetas [tags]' 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>
</b:widget>
Para incluir el icono del RSS y que este apunte a la suscripción específica de cada etiqueta, debemos incluir el siguiente código:
<span>
<a expr:href='"http://nombredelblog.blogspot.com/feeds/posts/default/-/" + data:label.name' title='Suscribir vía Atom'>
<img alt='RSS' src='http://url_de_la_imagen_del_boton.ext'/>
</a>
</span>
Eso sí, debéis cambiar la url de la imagen del botón por una válida.
Si queréis que el icono se coloque justo antes del Título de la Etiqueta (como en mi blog), debéis incluir este código entre las líneas <li> y <b:if cond='data:blog.url == data:label.url'>, aunque podéis colocarlo en cualquier otra posición.
En el caso de tener redireccionado el feed del blog a Feed Burner, no hay problema, podemos utilizar este servicio de suscripción (como es mi caso), lo malo es que bastante laborioso, tenemos que crearnos un feed específico para cada etiqueta que tengamos y lo peor, no podemos tener etiquetas con caracteres especiales, ni tildes, ni la eñe), por lo que previamente debemos renombrar nuestras etiquetas si queremos utilizar este servicio para las etiquetas (que por cierto es a lo que me refería en este otro post).
Empezamos, el código a incluir es casi el mismo al anterior y debemos hacerlo en el mismo sitio (si queremos), quedando del siguiente modo:
<span>
<a expr:href='"feeds.feedburner.com/prefijo_feed" + data:label.name' title='Suscribir vía Feed Burner'>
<img alt='RSS' src='http://url_de_la_imagen_del_boton.ext'/>
</a>
</span>
Para crear los distintos feeds, primero tenemos que ver cuales son las Etiquetas que tenemos 
y anotarlas, cuidado hay que anotar el nombre exacto diferenciando las mayúsculas de las minúsculas.
Después de eso, debemos logonearnos en Feed Burner e ir a 'My Feeds' e introducir el feed de la etiqueta (como en este ejemplo), 
e ir siguiendo los pasos como con cualquier otro feed ... le damos un nombre ... 
...... y así con todas las etiquetas.
El resultado, lo puedes ver en este mismo blog invitándote a que te suscribas a cualquiera de mis Etiquetas.
Hace ya mes y medio que JMiur de Vagabundia publicó este artículo donde trataba el tema de como mostrar los títulos de posts anterior y posterior en los links y peor aún es que hace ya varias semanas que encontré una solución pero no he tenido tiempo hasta ahora de publicarlo (perdón por la demora).
No había una clara solución a este problema/limitación de Blogger y tomé una idea de Kurodesu para utilizar JSON y buscar en el feed del blog los títulos de los post.
Lo primero fue investigar y estudiar como funciona el JSON, ya que aunque había oído hablar de él (bueno, ello) no tenía ni idea sobre su funcionamiento ... eh! si piensas que voy a explicarlo ahora estás equivocado, es algo complejo y tampoco lo tengo muy controlado, quizás en un futuro (algo lejano).
Bueno, vamos al grano ... Después de mucho batallear, darme de golpes y no conseguir nada, encontré la solución y creo no es complicado poner en funcionamiento (o al menos eso creo).
Los pasos son los siguientes:
Creo que esto es todo y espero no haber olvidado ningún paso, de todos modos recordar hacer hacer el paso 2. para en el caso de tener algún problema, poder restaurar la plantilla y echarme la bronca.
También he colgado una versión .txt de la función por si alguien quiere echarle un vistazo sin que su navegador se vuelva medio loco buscar_post_v0r1.txt.
Oppps! Casi se me olvida .... Si piensas que me he olvidado de comentar su funcionamiento, no es así, he incluido dentro del JAVAScript una pequeña descripción de su funcionamiento y de como se puede personalizar. Aunque sí debo avisar que es JS que está aquí disponible solo funciona blogs con menos de 100 post, en caso de ser mayor, se debe modificar para aumentar dicho número (variable 'max_post')
Espero vuestros comentarios ;)
Nota: En las instrucciones (paso 1.) he indicado que se debe descargar el archivo .js y alojarlo en un servidor propio, el motivo es que este archivo es el que utilizo yo personalmente y no aseguro esté disponible en todo momento y para siempre. Si no sabes dispones de un servidor propio y no sabes donde alojar el archivo .js, te recomiendo leas este artículo de JMiur Alojamiento externo (Parte 1).
Hace unas semanas una persona se puso en contacto conmigo pidiéndome ayuda con el traductor que creé. Esta persona me dijo que su página inicial está en catalán, por lo que el traductor que yo había creado no le servía.
Me puse manos a la obra y comprobé que ninguno de los servicios de traducción que utilizaba servían para su propósito, por lo que tuve que empezar de cero y buscar algún servicio de traducción web del catalán a otros idiomas.
Después de mucho buscar y comprobar distintos servicios (que no voy a citar en esta entrada), encontré un artículo en Demoblogs, el cual habla sobre un servicio web de traducción realizado por la Generalitat de Catalunya.
El servicio a mi entender es bastante bueno e incluso ofrecen el código HTML necesario para ser incluido el traductor en cualquier página web. A pesar de ello, yo he realizado este widget en base al traductor anterior sobre todo para ayudar a aquellas personas no se vean capaces de modificar el código HTML de su plantilla, evitando de este modo cualquier riesgo de 'meter la pata'.
Espero sea de utilidad.
Actualización 17-oct-07: Se me olvidó indicar que el traductor sirve para traducir (valga la redundancia) del catalán al castellano, inglés, francés y alemán.
Actualización 16-dic-08: He incluido en el widget la traducción al alemán. Desde aquí doy las gracias a autora del blog Agility Barcelona que se percató de tremendo error ;) ... Lo malo es que esto me ha obligado a cambiar las imagenes de las banderas, pero lo bueno es que se pasa ha utiliza directamente las bandera de Google, por lo que ya no es necesario guardarlas en nuestra propia página web.
En dos artículos anteriores analicé y expliqué como incluir un traductor en un blog.
En todo este tiempo he recibido muchísimos comentarios dándome las gracias por ellos, también sé que ya son unos cuantos los blogs que han utilizado mis artículos e indicaciones para incluir diversos traductores en sus blogs. Del mismo modo he recibido varios emails y comentarios solicitando ayuda a la hora de incluir el código en los blogs.
Pues bien, desde hace un tiempo he venido trabajando en un 'instalador' (cosa que ya había visto en varios blogs y webs) para que quien quiera pueda incluir de manera sencilla el traductor en un blog de Blogger, simplemente pulsando el botón "Instalar Traductor" que está al final de este artículo.
Este trabajo que en un principio parecía sencillo, pero para mi beneficio no lo ha sido tanto. Efectivamente, digo que para mi beneficio, ya que de este modo he aprendido varias cosas y todo gracias a la inestimable ayuda de JMiur de Vagabundia, quien sin apenas conocerme me dió la solución técnica al problema que tenía ¡Muchas gracias JMiur! ... Desde aquí recomiendo a todo el mundo que visite sus blogs, son realmente buenos tanto por calidad de artículos como por las buenas ideas y soluciones técnicas a la hora de realizar un blog.
Por último decir que el traductor incluirá un pequeño link a este blog a modo de crédito, el cual agradecería no se eliminase.
Actualización: el Traductor sirve para traducir del Castellano al Ingles, Francés, Portugués, Catalán y Gallego. Los iconos de las banderas están alojados en un servicio propio y aunque no tengo pensado eliminarlos (ya que los uso yo) aunque no prometo que funcionen para siempre.
Actualización (05/10/07): Sustituido el botón del instalador por un más ¿estilo web?.
Actualización (14/08/2008): Cambio en la ruta de las imágenes. Si no aparecen las banderas, por favor indicarlo para corregirlo.
PD: Puedes suscribirte a la etiqueta 'Traductor' para estar informado de nuevas versiones o actualizaciones.
Desde hace ya un tiempo utilizo en el blog un sistema diferente y a mi gusto bastante bueno para que comentéis los artículos, se trata de ClickComments de PostReach.com.
Hoy he recibido un email indicando que han cambiado el aspecto del widget y la verdad es que ha cambiado para mejor, queda más claro qué es cada botón y estos a su vez se ven mejor al estar sobre un fondo blanco.
También dan la posibilidad de configurarlo, permitiendo tres temas (la imagen el chico con la mano) con el fondo verde, gris o amarillo, este último con la imagen del chico en negro. Así mismo, puedes seleccionar entre tres grupos de botones, el normal formado por 4 botones (Mola, Entretenido, Intuitivo y Gran Descubrimiento), uno un poco más extendido formado por 6 botones (Mola, Entretenido, Intuitivo, Me Duermo, Confuso y En Desacuerdo) y el reducido con solo 2 botones (Me Gusta y No Me Gusta).
Gracias a una visita casual al blog Browservulsel, he visto que los 'Textarea' que utiliza estan correctamente alineados en la pantalla, los míos siempre han sido cajitas muy pequeñas donde apenas se podía ver el texto.
Analizando un poco (dentro de mi limitada capacidad) su plantilla, he visto que tiene definidas las características del Textarea del siguiente modo:
Muchas gracias por la ayuda indirecta y ¡problema resuelto!
Como se suele decir "Lo prometido es deuda", "más vale tarde que nunca" ... quizás suene a escusa, pero el refranero es extenso por lo que siempre se encuentra el refrán más apropiado para 'escurrir' el bulto ;)
En fin, vamos al grano.
En mi artículo anterior "Como incluir un traductor en tu blog (análisis)" hice un análisis de los distintos servicios de traducción online que encontré, con sus ventajas y desventajas, y mis conclusiones. En este vamos terminar este tema indicando cual es el código que hay que incluir (al menos en Blogger).
El traductor estará compuesto por dos 'secciones', en la primera irá un link con el icono de la bandera de España a la url de la página principal de nuestro blog, y en la segunda irán el resto de iconos para los distintos idiomas a los que querramos traducir nuestro blog.
Antes de empezara a trabajar, aconsejo ¡por si acaso nos equivocamos! realizar una copia de seguridad.
Para incluir el código en el blog, lo primero es crear un nuevo artilúgio (widget) de tipo HTML, le damos un nombre, por ejemplo 'Traductor' e incluimos cualquier contenido, da igual el contenido ya que lo sustituiremos mas tarde.
Posteriormente iremos a editar la plantilla en modo Expandido (recuerda activar el checkbox correspondiente), debindo localizar el artilúgio que acabamos de crear, lo cual es fácil de hacer si buscamos el nombre que le hemos dado, en nuestro caso 'Traductor', como se muestra en la siguiente imágen:
Ahora, para incluir nuestro código personalizado, debemos primero eliminar la línea "data:content/", incluyendo dentro del div "widget-content" lo siguiente:
- Para nuestro link al idioma original en español:
Nota: puedes copiar el texto directamente de la caja de texto.
El código 'blog.homepageUrl' resuelve automáticamente la página inicial de nuestro blog, por lo que no debemos preocuparnos por cambiarla. Después pulsamos el botón 'Guardar' y listo, ya tenemos la parte mas sencilla.
- Para incluir el servicio de Online-Translator.com, que en este blog es para traducir solo al inglés, el código es:
Lo que determina los idiomas 'origen' y 'destino' de la traducción en este servicio es el parámetro "lang=" para el idioma 'origen' y "direction=" para el distino. Si nuestro blog está en español "lang=" siempre llevará "es", siendo "lang=es", y el los distintos valores de "direction=" son para traducir al:
Para incluir el servicio del Instituto Cervantes que utilizo para traducir al portugués, francés, catalán y gallego, el código es:
Lo que determina los idiomas 'origen' y 'destino' de la traducción en este servicio es el parámetro "slyidioma=" para ambos, por ejemplo para traducir del español al inglés el parámetro será "slyidioma=es_en", siendo los distintos valores de este parámetro para traducir del español al:
Nota: El resultado final del código debe ser mas o menos el mismo que la imagen que puse anteriormente.
Si alguien quiere utilizar los mismos iconos que yo, los he subido a Blogger, puedes utilizarlos directamente desde ahí o bien bajártelos y utilizarlos desde tu servidor:
- España : 
- Cataluña : 
- Galicia : 
- País Vasco : 
- Reino Unido: 
- Francia : 
- Portugal: 
Espero haberme explicado bien y no haberme olvidado de nada, de todos modos, si alguien tiene dudas o quiere hacer alguna corrección o lo que sea, puede hacerlo dejando su comentario o enviarme un email.
Una serie de blogs de Blogger están siendo afectados por uno o varios maleantes que se dedican a dejar reseñas de carácter político, y no contentos con ello, se quedan con las cuentas gmail de los bloggers. Esto cada vez pinta peor, hasta ahora ya se han visto involucrados varios blogs y lamentablemente nuestra a nuestra compañera memori@ le han secuestrado el blog y la cuenta.
Como se muestra en la imágen, está situado en la barra lateral del blog.name="q" type="text" size="40"
name="q" type="text" size="20"
Una de las preocupaciones que tiene mucha gente es publicar en una web su dirección de email, sobre todo si la que se utiliza, como yo en este mi blog para que las personas como tú me escriban.
El motivo de esta preocupación no es otra que evitar el correo basura o spam, ya que a pesar de que las cuentas de correo de hoy en día tienen bastante capacidad y los filtros anti-spam suelen funcionar bien, el bastante pesado tener que eliminar todos los días decenas de correos basura.
Pues bien, existe un modo de ocultar el email en tu blog o página web, codificándolo con CSS, ya que este interpreta el código \40 como el carácter @, por lo que los spambots no detectarán nuestra dirección de email, pero sí visible para los visitantes de tu blog o página web.
Creo que la mejor manera de explicarlo es indicar como lo lo he hecho yo ;)
Lo primero es editar nuestra plantilla en formato HTML e ir a la sección HEAD y dentro del elemento SKIN introducimos el siguiente código:
#email-address:after{
content: "minombre\40 miservidor.com";
}
Posteriormente, vamos a la sección BODY y buscamos la sección donde queremos poner nuestro email, en mi caso donde figura mi perfil:
<b:includable id='main'>
<div class='widget-content'>
<!-- Datos Personales -->
<b:if cond='data:team == "true"'>
<dl class='profile-datablock'>
<li><dt class='profile-data'>Me llamo
<b:if cond='data:showlocation == "true"'>
<li><dt class='profile-data'>y vivo en
</b:if>
<p id="email-address">e-mail: </p> <!-- AQUI SE EXPANDE Y TRADUCE EL EMAIL -->
<a class='profile-link' expr:href='data:userUrl'>Ver todo mi perfil</a>
</b:if>
Basicamente lo que hemos hecho es que al poner el elemento "email-address", ponga después (after) el contenido que definimos (content).
El resultado como bien puedes apreciar en la sección "Datos Personales" de este blog es "e-mail: minombre@miservidor.com"
