Solrac Korner

Google Reader y el gadget "Seguidores" de Blogger

2008-10-27T10:38:00.003+01:00

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.

"Seguidores", el nuevo gadget de Blogger

2008-10-25T16:50:00.001+02:00

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.

Como crear suscripcion solo para Etiquetas

2008-03-15T03:30:00.006+01:00

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.

Link con título completo del post anterior y posterior

2007-12-10T21:15:00.000+01:00

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:

1. Descargar el archivo buscar_post_v0r1.js que tengo yo alojado y alojarlo en un servidor propio o servicio externo (pinchar con el botón derecho del ratón y seleccionar "Guardar como ...")

2. Ir a "Edición de HTML" de la Plantilla y hacer una copia de seguridad de la misma antes de realizar ningún cambio.

3. En la sección "Editar plantilla" incluir el siguiente script entre el <head> y el <b:skin>:
<script src='http://miservidor.com/buscar_post_v0r1.js'><type='text/javascript'/>
Nota: Sustituir "miservidor.com" por el servidor que corresponda.

4. Guardar plantilla.

5. En esta misma sección activamos "Expandir plantillas de artilugios" y buscamos la sección <b:includable id='nextprev'>.

6. Eliminamos lo que esté contenido dentro de las condiciones <b:if cond='data:newerPageUrl'> y <b:if cond='data:olderPageUrl'>, quedando más o menos del siguiente modo:
<br /><b:includable id='nextprev'><br /><div class='blog-pager' id='blog-pager'><br />(NOTA: en este espacio es donde estaban las condiciones "if")<br /><b:if cond='data:blog.homepageUrl != data:blog.url'>

7. Incluimos en la plantilla la llamada a la función "buscarpost" justo donde hemos eliminado el código anterior, quedando del siguiente modo:
<script src="http://miblog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=buscarpost"></script>Nota: Sustituir "miblog.blogspot.com" por la dirección correcta de tu blog.

8. Guardar plantilla.

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).

Traductor de catalan a otros idiomas para Blogger (widget)

2007-10-16T17:30:00.002+02:00

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.

Como incluir un traductor en tu blog (widget)

2007-08-19T22:11:00.002+02:00

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.

<br /><TABLE><CAPTION>Selecciona un idioma</CAPTION><TR><TD><a id='TabEsp' href='http://nada1.com' target='_blank' title='Ver página original en castellano'><img src='http://solrac-korner.appspot.com/imagenes/icono_bandera_espana.gif' style='border:0px;' valign='bottom'/></a></TD><TD><a id='TabUk' href='http://nada2.com' target='_blank' title='Translate this page to english'><img src='http://solrac-korner.appspot.com/imagenes/icono_bandera_uk.gif' style='border:0px;' valign='bottom'/></a></TD><TD><a id='TabPor' href='http://nada3.com' target='_blank' title='Traduze esta página ao português'><img src='http://solrac-korner.appspot.com/imagenes/icono_bandera_portugal.gif' style='border:0px;' valign='bottom'/></a></TD></TR><TR><TD><a id='TabFra' href='http://nada4.com' target='_blank' title='Traduire cette page au Français'><img src='http://solrac-korner.appspot.com/imagenes/icono_bandera_francia.gif' style='border:0px;' valign='bottom'/></a></TD><TD><a id='TabCat' href='http://nada5.com' target='_blank' title='Traduce esta página al catalán'><img src='http://solrac-korner.appspot.com/imagenes/icono_bandera_catalua.gif' style='border:0px;' valign='bottom'/></a></TD><TD><a id='TabGal' href='http://nada5.com' target='_blank' title='Traduce esta página al gallego'><img src='http://solrac-korner.appspot.com/imagenes/icono_bandera_galicia.gif' style='border:0px;' valign='bottom'/></a></TD></TR></TABLE><br /><script>var urlPagina=document.location.href;document.getElementById('TabEsp').href = urlPagina;</script><script>var urlPagina=document.location.href;txtAREA = "http://www.online-translator.com/url/tran_url.asp?lang=es&url="+urlPagina+"&direction=se&template=General&cp1=UTF-8&cp2=UTF-8&transliterate=on&psubmit2.x=55&psubmit2.y=16";document.getElementById('TabUk').href = txtAREA;</script><script>var urlPagina=document.location.href;txtAREA = "http://62.97.114.150/fstraducirpagina.aspx?slyidioma=espbra&url="+urlPagina;document.getElementById('TabPor').href = txtAREA;</script><script>var urlPagina=document.location.href;txtAREA = "http://62.97.114.150/fstraducirpagina.aspx?slyidioma=es_fr&url="+urlPagina;document.getElementById('TabFra').href = txtAREA;</script><script>var urlPagina=document.location.href;txtAREA = "http://62.97.114.150/fstraducirpagina.aspx?slyidioma=espcat&url="+urlPagina;document.getElementById('TabCat').href = txtAREA;</script><script>var urlPagina=document.location.href;txtAREA = "http://62.97.114.150/fstraducirpagina.aspx?slyidioma=espgal&url="+urlPagina;document.getElementById('TabGal').href = txtAREA;</script><span>por <a href='http://solrackorner.blogspot.com'>Solrac Korner</a></span></div></center><br />

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.

ClickComments mejora su interfaz

2007-08-19T21:56:00.000+02:00

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).

Resolviendo problemas del "Textarea" en Blogger

2007-06-21T15:15:00.000+02:00

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 incluir un traductor en tu blog (codigo)

2007-04-17T15:30:00.001+02:00

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:

<a expr:href='data:blog.homepageUrl' target='_blank' title='Ver blog en español'>Original en español</a>
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:

<br/>Selecciona tú idioma<br/><br /> <a expr:href='"http://www.online-translator.com/url/tran_url.asp?lang=es&url=" + data:blog.url + "&direction=se&template=General&cp1=UTF-8&cp2=UTF-8&transliterate=on&psubmit2.x=55&psubmit2.y=16"' target='_blank' title='Translate this page to english'></a>

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:

inglés "se"
ruso "sr"
francés "sf"
alemán "sg"

Para incluir el servicio del Instituto Cervantes que utilizo para traducir al portugués, francés, catalán y gallego, el código es:

<br /> <a expr:href='"http://62.97.114.150/fstraducirpagina.aspx?slyidioma=espbra&url=" + data:blog.url' target='_blank' title='Traduze esta página ao português'></a><br /> <a expr:href='"http://62.97.114.150/fstraducirpagina.aspx?slyidioma=es_fr&url=" + data:blog.url' target='_blank' title='Traduire cette page au Français'></a><br /> <a expr:href='"http://62.97.114.150/fstraducirpagina.aspx?slyidioma=espcat&url=" + data:blog.url' target='_blank' title='Traduce esta página al catalán'></a><br /> <a expr:href='"http://62.97.114.150/fstraducirpagina.aspx?slyidioma=espgal&url=" + data:blog.url' target='_blank' title='Traduce esta página al gallego'></a>
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:

inglés "es_en"
portugués "espbra"
francés "es_fr"
catalán "espcat"
gallego "espgal"

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.

Bitácoras de Blogger están siendo atacadas

2007-02-19T18:02:00.000+01:00

Después de una semana fuera de blogesfera y sin conectarme apenas a internet (por motivos de salud), he leído en Unión de Bloggers Hispanos al cual pertenece este blog, una impactante e inquietante noticia "Atención una serie de blogs de Blogger están siendo Hackeados" y este es un extracto de la misma:

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.

No hay derecho a que hoy en día algunos 'personajillos' en vez de dedicarse a contribuir para mejorar internet, se dediquen a secuestrar el trabajo de otros. Estoy seguro de que eso es un delito ya que atenta contra la propiedad privada del propietario del blog.

Desde aquí quiero mostrar mi apoyo a las personas afectadas por estos malechores (por no decir algo más contundente!) y repudiar este tipo de actos sin sentido.

Si quieres mostrar tu apoyo, te invito a que lo hagas en este blog o bien en esta otra entrada de la UBH "MOVILÍZATE DE UNA VEZ QUIERO TU APOYO YA!!!"

Trucos para Blogger: Emoticones para el nuevo Blogger

2007-02-08T16:06:00.000+01:00

Hace unos días encontre este blog con infinidad de trucos para Blogger Beta ... uno de los que me ha llamado más la atención es Trucos para Blogger: Emoticones para el nuevo Blogger.

Estoy ansioso por instalarlo en el blog ... pronto veréis los resultados !!!

;)

Actualización 11-dic-2007: El archivo .js del blog Trucos para Blogger no funciona, por lo que recomiendo ver esta explicación y solución en Vagabundia.

Como incluir un buscador personalizado de Google en tu blog

2007-01-25T22:34:00.000+01:00

Una de las cosas que creo necesarias en un blog, sobre todo cuando se van incrementando el número de entradas, es tener un buscador propio. En esta entrada voy a explicar los pasos que he seguido para incluir un buscador personalizado de Google en mi blog.

Hasta hace unos días, tenía en blog el buscador que proporciona Technorati, pero por algún motivo, que no conseguí descubrir, no funcionaba correctamente. Por este motivo decidí buscar otra alternativa. Estuve revisando si FeedBurner tiene este servicio, pero nada, o no lo tiene o no lo encontré. Seguí buscando por internet con la ayuda de mi amigo Google y encontré información variada, como por ejemplo en este artículo de Maestros del Web, pero el buscador que recomiendan (Google Free WebSearch) obliga a poner un logo de Google y, dado que ninguno de dichos logos tiene el fondo transparente o de color verde (como el fondo de mi barra lateral) .... continué con mi búsqueda.
Encontré en el blog de Marcelino Madrigal el artículo "Google permite crear un buscador personalizado", no me llamo mucho la atención ya que no explica como crearlo, pero lo que sí me llamó la atención el link "Buscador de Spaces de Herramientas para blogs", el cual me llevó a su buscador personalizado, donde ví otro link titulado "Create your own Custom Search Engine" (Crea tu propio Motor de Búsqueda a medida" ... entonces se me encendió la bombilla -. esto tiene buena pinta .- ... así que, leyendo la ayuda, las explicaciones y demás (todo está en inglés), conseguí crear mi propio buscador.

Como se muestra en la imágen, está situado en la barra lateral del blog.

Introduce el texto que quieras buscar (hasta 255 caracteres) y pulsa el botón 'Buscar'.

Mencionar que este buscador, solo sirve para mi blog, si quieres buscar en otros blogs o páginas web, tendrás que utilizar el buscador que más te guste, como por ejemplo Google, Yahoo, etc.

En verdad no es difícil de configurar, es bastante intuitivo y no creo que nadie tenga problemas en hacerse uno propio. De todos modos, si alguién tiene algún problemilla que no dude indicarmelo e intentaré ayudarle en lo que pueda.

Una vez esté todo configurado, este servicio de Google te muestra el código que debes incluir en tu blog, en mi caso, como utilizo Blogger, he creado un nuevo 'Elemento de página' en la barra lateral del tipo 'HTML/Javascript', donde he pegado dicho código. Eso sí, dado que la caja donde se escribe el texto a buscar era demasiado grande y sobresalía de la barra lateral del blog, he tenido que hacer la única y pequeña modificación del código proporcionado, cambiando el valor del tamaño de la caja de texto de 40 a 20:

en la línea

name="q" type="text" size="40"

por

name="q" type="text" size="20"

Nada más, ya está montado, incrustado y listo para utilizarse.

Espero os sirva de ayuda ;)

Como esconder la dirección de email de los spambots

2006-12-01T00:12:00.000+01:00

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'>  <b:if cond='data:team == "true"'> <dl class='profile-datablock'> <li><dt class='profile-data'>Me llamo </dt></li> <b:if cond='data:showlocation == "true"'> <li><dt class='profile-data'>y vivo en </dt></li> </b:if> <p id="email-address">e-mail: </p>  <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"