Tecnología, Internet y Contenidos

Ya llevo un tiempo blogueando con Blogger y he visitado muchas páginas donde encuentro tips y consejos para mejorar mi blog. Y como buen blogger quiero compartir esas páginas con vosotros. Ahí la razón de esta entrada.

Algunas veces he tenido que buscarme la vida por mi cuenta y los resultados que he conseguido los he publicado en este blog. Espero os hayan ayudado en mayor o menor medida.

Algunos ejemplos de estos trucos para Blogger son estos:

1. Bloguismo: Además de consejos y trucos variados, este blog es útil porque da también consejos de índole legal interesantes sobre todo para bloggers de España.
   
2. Gemmablog: Un blog muy útil. Incluye consejos y tips, recursos sobre diseño y pequeñas modificaciones de las plantillas de Blogger con las que obtendrás nuevas funcionalidades para tu blog.
3. Vagabundia: Incluye recursos y consejos sobre Blogger. Para los más iniciados incluye una guía sobre html elemental que no te puedes perder.
4. AyudaBlogger: Incluye una categoría de aplicaciones Blogger muy interesante. Nos brindan consejos y ayuda en las funciones básicas y avanzadas de Blogger.
   
5. CiudadBlogger: Un blog muy completo donde encontrarás de todo. Atención especial a su categoría Trucos Blogger.
   
6. El escaparate de Rosa: Blog muy interesante. Datos útiles, plantillas, gadgets y trucos para Blogger.
   
7. Oloblogger: Widgets, recursos, scripts y trucos (más de 100). Un blog completísimo e imprescindible.
   
8. Blogtecnia: Blog de temática variada que contiene una categoría "Herramientas Blog" en la que aprenderemos sobre posicionamiento y SEO. Imprescindible si tenemos un blog.
   
9. Tutoriales para Blogspot: SEO, monetización y plantillas. Si quieres sacar rendimiento a tu blog y mejorarlo debes empezar entrando aquí.
10. Pizcos Blog: Blog sobre herramientas y recursos que divide sus consejos en Principiante, Intermedio y Avanzado.
    

Por fin tenemos beta... Como podemos leer en Joomla 1.6 versión beta 1 Liberada. Pero no lancemos las campanas al vuelo, esta versión es todavía una beta y queda mucho para que podamos disfrutar de la versión estable y utilizarla en nuestros portales y páginas web. Esta versión esta hecha solo para pruebas.

Indagando más sobre la nueva beta, encontré este video de como va a ser la administración de Joomla! 1.6. Conviene echarle un vistazo.

Las mejoras más importantes, a mi parecer, son:

• el nuevo control de usuarios y de acceso (funcionalidad clave en cualquier página web).
• nuevas categorías anidadas.
• la actualización de extensiones en un click.
• y la inclusión de xhtml semántico.

Muchos de nosotros nos estábamos preguntando como colocar de manera fácil y rápida ese tan preciado botón de ILike de Facebook en Joomla!

Pues bien, no han tardado en aparecer muchas extensiones para todas las plataformas y CMS. En este mismo blog yo ya tengo el botón puesto.

Este plugin, jLike, de nombre original pero obvio nos permite añadir este botón con el mínimo esfuerzo. Podéis descargarlo en la página del autor -> Joomla Service provider. Para descargarlo es necesario registrarse.

Para instalarlo, como cualquier plugin. Extensiones->Instalar, seleccionáis el archivo que os descargasteis y pulsáis subir e instalar.

Para habilitar su funcionamiento os basta con habilitarlo. A continuación os muestro las opciones que tiene este plugin.

1. Facebook code: Por ahora solo esta disponible la versión de IFrame, pero en futuras versiones se incluirá también XFBML.
2. Standard: Estándar o Button count.
3. Show faces: si o no.
4. widht y height: ancho y alto del iframe.
5. verb to display: Me gusta o recomendar, elige el que mejor quede.
6. Color squeme: light, dark o evil. Prueba el que más te guste.
   
7. Position: Arriba o abajo.
8. Align: Izquierda o derecha.
   

• Botón de compartir de Facebook en Joomla! utilizando un módulo.

Google nos sorprende de nuevo con una versión mejorada de una de sus herramientas. Esta vez le ha tocado el turno a Adwords y a la plataforma de búsqueda de palabras clave para anunciantes.

Se trata de una herramienta que muestra las palabras clave relacionadas, tanto para un palabra clave dada o bien para una página web completa. Esta herramienta ayuda a los anunciantes a encontrar palabras relacionadas con la página que quieren anunciar.

Esta es la vista de la versión antigua de la herramienta.


Cuando accedemos a la herramienta, en esta dirección, podemos ver un mensaje al principio que nos invita a probar la versión beta de la misma.

Si hacemos clic en ese enlace, accederemos a la nueva versión, en fase de pruebas. Esta nueva versión combina una mejora significativa en el diseño con nuevas funcionalidades basadas en tecnologías Ajax y Javascript.

En la nueva versión, encontraremos al igual que la antigua un formulario y una tabla de resultados.

Si vemos el formulario en detalle, encontramos un enlace "Opciones Avanzadas" que es la gran novedad de esta nueva herramienta:


Las nuevas opciones son las siguientes:

1. Ubicaciones e idiomas: nos permite restringir la búsqueda por estos criterios.
2. Mostrar estadísticas: nos permite seleccionar estadísticas de búsqueda desde un móvil.
3. Mostrar resultados: Esta opción ya existía en la antigua herramienta.
4. Filtrar palabras clave: También estaba presente en la versión anterior.
   

Justo hoy ha sido añadido un nuevo plugín que os podéis descargar desde la página oficial de extensiones de Joomla! (pulsa aquí para descargar).

Para instalarlo solo necesitáis descargaros el plugín, ir a Extensions -> Install/Uninstall, seleccionar el archivo que os descargasteis y pulsar sobre Instalar. Vamos, como con cualquier otro plugín.

Para que aparezca el cambio realizado, recordad que debéis habilitar el plugin desde Extensions-> Plugins, pulsando sobre el botón de habilitar.

Si entráis en la configuración del plugín, en esa misma pantalla, haciendo click sobre el nombre del plugín (Content - Buzz) veréis que tiene varias opciones de configuración.

La imagen anterior nos muestra estos parámetros de configuración.

1. Choose button -> Elige el tipo de botón que quieras: Grande, pequeño, con contador o sin contador.
2. Categories to be Skipped -> Incluye aquí las categorías que quieras excluir. En los artículos de estas categorías no se mostrará el botón de Google Buzz.
3. Position of Buzz Button -> Arriba o abajo (top, bottom). Elige donde se adapta mejor al diseño de tu página.

En WaterandStone, navegando por su páginas me encontré con una gran comparación entre los más importantes gestores de contenidos (CMS).

En está página dedican una sección a Joomla, Wordpress, Drupal y Magento. En cada una de esas secciones podemos encontrar los pros y los contras de cada uno de estos sistemas, siempre según ellos claro.

A continuación os presento dichos pros y contras, traducidos, para los que no queráis leerlos en inglés.


Wordpress

PROs

• Excelente plataforma para el blogging.
• Excelente SEO ( Optimización para buscadores).
• Amplio número de extensiones
  

• Difícil de adaptar
• No recomendable para e-commerce

• Potente e-commerce
  
• Buena gestión del catalog
  
• Opciones de pago flexibles
  

• Limitada gestión del contenido.
• Limitadas extensiones.
  
• Difícil de adaptar.
  

• Rápido desarrollo y puesta en funcionamiento.
• Fácil de adaptar la apariencia.
  
• Amplio número de extensiones
  

• Workflow limitado
• Limitado control de acceso al usuario
• Limitada flexibilidad SEO
• Difícil mantener sitios adaptados

• Potente y escalable
• Altamente adaptable.
• Altamente configurable.
• Controles de Workflow
• Fácil para mantener sitios adaptados
• Excelentes controles de acceso de usuarios
  

• Tiempos largos de desarrollo.
  
• Mayor coste de desarrollo.
  

Tenía ganas de escribir algo ya sobre Google Buzz, la nueva red social de Google. Después de todos los problemas que originó su lanzamiento muchos usuarios han decidido ni siquiera probar el servicio. La vinculación directa con la cuenta de Gmail puede hacer que muchos usuarios se echen atrás.

Aún así no deja de ser una red social que seguramente tendrá muchos adeptos y que será un referente en el futuro, por lo que es bueno aprovechar esta potencialidad para promocionar nuestros blogs y páginas web.


Bien, pues gracias a BloggerStop nos enteramos de que Google ya ha sacado los widgets oficiales para postear las entradas en Google Buzz. Sólo tienes que ir a la siguiente página de Google Buzz, elegir las opciones que más coincidan con tu blog: Botón grande, pequeño, con contador, etc.. y copiar el código que te ofrece.

A continuación, debes entrar en blogger, ir a Diseño-> Edición Html, expandir las plantillas de artilugios y buscar dentro de tu plantilla el siguiente código:



<data:post.body/>


y antes o después de este código ( según quieras que salga arriba del contenido del post o después), copiar el código que te proporciona la página de Google Buzz.

Si quieres puedes probarlo con el siguiente botón de ejemplo.







Espero que os sirva para promocionar vuestros blogs y llegar al mayor número de gente.

Hoy vengo a hablaros de un plug-in para Joomla que inserta dentro de cada artículo un botón desde el que cualquier usuario podrá publicar uno de tus artículos a su cuenta de twitter. El plug-in se llama Twitter articles Plugin y gracias a el cualquier persona podrá compartir con sus seguidores de Twitter un artículo escrito por ti.

Su instalación es muy sencilla, como cualquier otro plug-in. Una vez descargado el archivo desde la página del autor, Ternaria, debes ir en la parte de administración de tu sitio Joomla! a "Extensiones/Instalar-Desinstalar", seleccionar el archivo descargado y pulsar sobre "Subir e Instalar".

Una vez se haya instalado correctamente el plug-in, deberás habilitarlo desde el administrador de Plugins (Extensiones/Plugin Manager).

Como podemos ver, este plugin tiene varios parámetros muy interesantes y fáciles de entender. Además de los parámetros generales, podemos apreciar en la siguiente imagen que tiene cuatro parámetros configurables.

1. Message: Aquí podemos poner lo que queramos que aparezca acompañando el botón de Twitter, algo como Twitealo, Tweet o el texto que queramos.
2. Logo Width: Ancho de la imagen o logo. Disminuyendo o aumentando este valor dicha imagen se verá más grande o más pequeña.
3. Separator: Es el separador que se incluirá entre el título de la página y el enlace a la misma.
4. Display the message: Se refiere al texto Message del punto uno. Si elegimos "no" en este parámetro sólo se añadirá al artículo una imagen a modo de botón. Si elegimos "si", se añadirá después de este botón el texto incluido en el primer parámetro.
   

Actualmente en su versión 1.06, Jooid es un cliente de Android para la gestión y mantenimiento de Joomla!.

Como vemos en la imagen anterior, el panel de control al que accedemos una vez hemos insertado nuestro usuario y contraseña, es muy intuitivo. Podremos crear nuevos artículos, modificar y eliminar los ya existentes, subir archivos y cambiar la configuración de Joomla!

Todos los que tenemos un sitio en Joomla y queremos promocionarlo hemos pensado en Facebook. Con su 400 millones de usuarios y sabiendo que ha superado ya a Google como página más visitada en Estados Unidos, es uno de los mejores sitios donde promocionar nuestras páginas webs.

El componente viral de las campañas en las redes sociales les hace muy atractivas como soporte de marketing y publicidad, sobre todo para aquellos que no podemos pagar demasiado o nada en los soportes tradicionales.

En fin, iendo un poco más al grano, vengo a contaros sobre un módulo de Joomla que he descubierto recientemente y ya he instalado. Se llama Facebook Share y podéis descargarlo en el siguiente enlace: FacebookShare. En está página encontrareis una descripción de su funcionamiento, desde el punto de vista de los usuarios que quieran compartir vuestra página o vuestros contenidos.

Para instalarlo, basta con actuar como con cualquier otro módulo. Una vez lo tengáis descargado, vais a la sección de instalación de vuestro panel de administración de Joomla.

Seleccionáis el archivo que os habéis descargado y pulsáis sobre "Upload & Install" o "Subir e Instalar" y ya está. Recordad que tenéis que habilitar el módulo para que aparezca en la web.

Si entráis en la configuración del módulo, podréis comprobar los parámetros de configuración que tiene:



Este módulo, además de los parámetros de posición y orden generales, nos permite configurar el color del texto del link y el color del texto del link cuando pasamos el ratón por encima de él (Hover). También podremos elegir que pagina se comparte en Facebook, si la página principal o la página en la que este el usuario.

El módulo es un simple enlace, por lo que podremos encajarlo muy bien dentro de nuestro diseño.

A continuación os muestro la visualización web del módulo en una prueba que he hecho.



Espero que os sea útil este módulo y que consigais muchas visitas nuevas desde Facebook.

Navegando por Tecnoloogeek, me topé con una nueva funcionalidad de Blogger, el diseñador de plantillas. Nunca fue tan fácil modificar y adaptar una plantilla de Blogger como a partir de ahora.



Para acceder a este nuevo diseñador de plantillas solo tenemos que entrar en el escritorio en borrador de Blogger. Este escritorio es donde se prueban todas las funcionalidades nuevas antes de que se vean en el escritorio real. Digamos que es como la versión beta de todas esas funciones de Blogger. En fin, para acceder al borrador solo tenemos que ir a la sección Herramientas y recursos (al final de todo del escritorio de blogger) y pulsar sobre el enlace "Blogger en borrador".

Una vez que estas en "Blogger en borrador", accede a la sección "Diseño" de aquel blog al que quieras cambiar su apariencia y al acceder verás algo como lo siguiente:


Una vez hemos accedido al Diseñador de Plantillas de blogger, veremos una pantalla como la siguiente donde podemos distinguir claramente cuatro secciones: Plantillas, Fondo, Diseño y Avanzado además de una vista previa de nuestro blog con los cambios que vayamos realizando. No hay mejor manera de diseñar una plantilla fácilmente.


En la sección Plantillas, podremos elegir entre un total de 15 plantillas predefinidas agrupadas en cuatro plantillas principales, como se puede ver en la imagen


En la sección Fondo, podremos configurar distintas gamas de colores eligiendo una de entre las que se nos sugieren. Con un simple click, cambiaremos y adapataremos los colores de nuestra plantilla a aquel fondo que elijamos.


Además, si hacemos click sobre la imagen que aparece debajo de la leyenda "Imagen de Fondo", se desplegará un lightbox donde podremos elegir entre una gran variedad de Fondos y tramas para el background de nuestro blog. Como podemos ver en la siguiente imagen, los fondos se nos presentan categorizados por temáticas. Conviene echarle un vistazo a todos ellos y elegir el que más se adapte al diseño que queremos darle a nuestra nueva plantilla de blog.


Pasando ya a la tercera sección y para mí la más interesante, hacemos click en la pestaña Diseño. Esta sección esta dividida en tres subsecciones: Diseño del cuerpo, Diseño del pie y Ajuste de Anchos.

Si vamos a la pestaña Diseño del cuerpo, podemos encontrar ocho configuraciones distintas de la colocación de nuestros gadgets en el blog. Para mi esta función es la que más versatilidad y rendimiento nos puede traer. Nos permite cambiar todo nuestro blog sin saber nada de Html ni Css. Podemos cambiar de dos columnas a tres o a una con un par de clicks y sin perder ninguno de nuestros gadgets. De modo que podemos probar y probar hasta encontrar que combinación proporciona una mejor experiencia a nuestros usuarios.


Y para todos los que tenemos adSense nos permite probar nuevas configuraciones para aumentar nuestro ctr y nuestros ingresos.

En la siguiente subsección, Diseño del pie, encontramos la misma funcionalidad pero orientada al pie de nuestro blog, dejándonos elegir tres diseños distintos para obtener todavía más posibles combinaciones para cada plantilla.


Dentro de esta misma sección podremos adaptar el ancho de nuestro blog y de cada una de sus columnas, consiguiendo así una máxima adaptación a nuestra necesidades. De una forma fácil podemos ver como quedaría nuestro blog con una columna más o menos ancha.


Y por último, pasamos a la sección de Avanzado, donde podremos configurar los distintos colores de cada una de las partes de nuestro blog individualmente. Además podremos añadir, si sabemos, nuestro propio código css para adaptar aún más nuestra plantilla.



Un lujo de diseñador de plantillas para una plataforma gratuita.

Este servicio, seguro que ya conocido por muchos, es un método ideal si quieres compartir archivos con tus seguidores de Twitter.

Este servicio, todavía en fase Beta, permite compartir archivos comprimidos, fotos, documentos pdf y un largo etcétera. Se accede a él, a través de tu cuenta de twitter, pudiendo añadir a cada archivo que compartas una descripción que se publicará en tu cuenta de twitter junto con el enlace al archivo subido.





Esta aplicación tiene también versiones de escritorio para diversas plataformas desde las que podrás compartir archivos con tan sólo arrastrarlos en tu ordenador.

Un servicio de Ideateca, orientado a mejorar la experiencia de todos aquellos que comparten sus archivos a través de Twitter.

La única pregunta que me queda en el aire es lo que pasará con los contenidos protegidos con derechos de autor, ¿se convertirá esto en un megaupload en su versión Twitter? ¿Que me decís?

Enlace: FileSocial

Pruébalo en todos los exploradores!! Cuantas veces uno de nuestros jefes nos ha dicho eso. Para los que nos dedicamos al desarrollo de aplicaciones web es, la mayoría de las veces, una verdadera tortura que una aplicación o página web funcione en todos los exploradores o que se vea exactamente igual en cada uno de ellos.

Y cada vez es peor.. empezamos con Explorer 5 y el Explorer 5.5.. después el 6.0, 7.0. A ellos se unió Opera y Firefox con sus distintas versiones. Además de Safari y el mucho más reciente Google Chrome. Aunque también es verdad que no todos los exploradores suelen dar problemas. Si cuando desarrollamos una aplicación seguimos los estándares marcados por el W3c y otros organismos oficiales, los problemas que encontraremos serán muchísimos menos.

Aún así, los exploradores web tampoco siguen los estándares al pie de la letra. Existen numerosos test que nos permiten comprobar si un explorador sigue o no los estándares web. Uno de ellos es el test Acid3 que podéis probar en el siguiente link, Acid Test. Veréis como con cada explorador se ve una cosa distinta.

Acid Test con Internet Explorer 7

Acid Test con Firefox 3.0

Acid Test con Google Chrome

Dadas las diferencias existentes entre uno y otro explorador es común que un cliente nos pida que la página que les diseñamos se vea exactamente igual en uno y en otro. Lo más común, por lo menos en España, es que se pida que se vea en todas las versiones de Internet Explorer y Firefox, lo cual, para muchos, entre los que me incluyo, es más que un quebradero de cabeza.

A continuación os comento algunas de las herramientas que más me han servido en esta lucha por conseguir que una página web se vea correctamente en todos los exploradores.

• MultipleIEs : Herramienta que permite tener instalados varias versiones del Explorer en el mismo ordenador. Por lo que se no existe versión todavía para Internet Explorer 8. Su fiabilidad es máxima y el consumo de recursos es moderado.
  
• IeTester: Es una herramienta que te permite visualizar casi todas las versiones de Internet Explorer. Es muy versátil y fácil de usar. Su interfaz en pestañas hace mucho más fácil el arduo trabajo de realizar múltiples pruebas. He encontrado algún error de visualización en los botones (el texto no aparece), pero salvo este pequeño error funciona muy bien.
• Opera Mini: Sirve para probar la apariencia de una web en un dispositivo móvil, siempre a través del explorador OperaMini, la versión para móviles del conocido y recomendable navegador Opera.
• Spoon.net: Permite ejecutar una instancia portable de los exploradores más utilizados. Es necesario instalar un pequeño programa y a partir de ahí podremos ejecutar sin instalarlos varios navegadores. Muy útil para pruebas de visualización puntuales. Existe la posibilidad de ejecutar los siguientes navegadores: Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Firefox 3.5, Firefox 3.0, Firefox 2.0, Google Chrome, Opera 10, Opera 9 y Safari en sus versiones 4 y 3.
  

Además de estas herramientas que tendréis que instalar en vuestro ordenador, existen páginas web que generan imágenes de como se vería dicha web en distintos entornos y navegadores. Estas páginas son muy útiles sobre todo para adaptar el diseño de una página a todos los navegadores. A continuación os enumero algunos ejemplos que he encontrado por ahí.

1. http://browsershots.org Podéis ver una explicación de su uso aquí.
2. http://www.browsercam.com
3. http://viewlike.us/ Permite visualizar una página en distintas resoluciones de pantalla rápidamente, incluyendo la resolución de un Iphone.
4. NetRenderer: Nos permite visualizar con una velocidad increíble una web en varias versiones del explorer, desde la 5.5 hasta la 8. Muestra una captura de pantalla del resultado. Además ofrece una versión para ver las diferencias entre el 6 y el 7. (Actualización 22/03/2010)
   

Espero que os ayuden y que si conocéis alguna más dejéis un comentario en el blog, para incluirla en la lista. Suerte en vuestra lucha con algunos exploradores y recordad, es siempre más fácil, si seguís los estándares web.