Add-ons/gadgets/complementos para nuestros blogs o sitios web

Hace mucho cuando empecé a bloggear, me tome la tarea de comprar mi blog con otros y veía ciertas características y complementos que le daban cierto valor agregado a las mismas, por lo cual empecé a dotar mi blog con ciertas de ellas que me parecen muy útiles.

Ayer hablando con un amigo vi que empezó a escribir en su blog así que le compartí el mio también !!! El, al notar el traductor que tenia (antes de ayer por que lo cambie y lo explico ahora mas adelante :P) me pregunto de como el podía ponerle uno a el de el, le di el link donde explico como, y le sugerí que le agregara google analytics para que pudiera ver las estadísticas de visitas y algunos otros. Después de ayudarle a este amigo en cuestión decidí redactar este post donde explicare como agregar ciertas cosas sencillas y básicas a nuestras paginas y/o blogs.

Empecemos:

Traductor: Es clave contar con un traductor de nuestro sitio/blog si queremos llegar a mayor "publico" pues no todos hablamos el mismo idioma. Anteriormente con un traductor donde explique como hacerlo en este link; pero lo he mejorado con una versión del traductor de Google Translate, para crear el código podemos hacerlo en el siguiente link donde modificaremos algunas opciones y finalizamos dando en el icono "Get Code" el cual al finalizar lo agregamos en nuestro site/blog. En drupal es cuestion de crear un bloque nuevo con este código y listo, en blogspot lo agregamos en Diseño / Agergar gadget / HTML/Javascript y ahí ponemos este código generado y listo! ya tenemos el traductor que hemos creado para nuestro site, quedara algo así como el que tengo en mi blog.
Chat: Este complemento no es tan necesario, pero si queremos ser contactados vía chat por nuestros visitantes lo podemos hacer por medio de el gadget de Google Talk, con el cual podemos poner un icono de nuestro estado de cuenta y por medio de este redireccionar a los visitantes a un Guest Chat con nosotros (Debemos estar en estado Conectado para que funcione). Para crear el código de este complemento ingresamos a el siguiente link donde igual que el traductor, modificamos algunas opciones de como queremos que quede visualmente y vamos obteniendo el código que es lo que necesitamos; El cual debemos agregar a nuestro site igual que explique en el Traductor.
Google Analytics: Si queremos visualizar estadísticas de visitas de nuestro site como por ejemplo número de visitas, paginas visitadas, tiempos, orígenes, palabras claves etc... podemos agregar este complemento que nos facilita google, para ello debemos contar con una cuenta gmail y acceder a http://www.google.com/analytics/ y luego damos en Crear Cuenta donde diligenciamos un formulario de datos básicos para que finalmente nos genere el codigo que debemos ingresar igual que explique en el paso 1 Traductor. En el caso de Drupal, se hace por medio de un modulo donde en las opciones de configuración solo ingresamos el UA el cual se puede visualizar en el código generado.
Google Friend Connect: Es un gadget que permite a los visitantes hacerse seguidores de nuestro sitio, dejar comentarios, hacer encuestas, entre otras, las cueles podemos ver y generar el código en el sitio oficial

Podemos generar este código desde el sitio oficial donde además podemos administrar nuestros Gadgets generados, o bien desde blogspot por Diseño / Agergar gadget / HTML/Javascript encontramos disponible para agregarlo. Recientemente se lanzo la versión para Drupal y Joomla, un demo de Drupal y otro de Joomla. Yo en lo personal solo agregue el de seguidores, algo de rescatar de este modulo es que cuando los internautas nos sigan con su cuenta de gmail y utilicen Google Reader, este quedara indexado en el lector :P

Finalmente les recomiendo mirar los mas de 1000 complementos que se encuentran disponibles para blogspot en el administrador de gadgets. donde revisando mientras redactaba este post vi unos muy buenos como el Twitter Updates que he agregado a mi blog :D

Montando nuestro primer sitio web con Drupal

Vamos a aprender a montar nuestro primer sitio web en Ubuntu con la ayuda de Drupal, un potente sistema de administración de contenidos web (CMS - Content Manager System). Para empezar necesitamos contar con un servidor web, en este caso Apache, un motor de bases de datos que va a ser MySQL y finalmente con un interprete de código, PHP. la unión de estos 3 paquetes mas Linux es lo que se conoce como LAMP (Linux, Apache, Mysql y PHP).

En Ubuntu podemos realizar la instalación de estos paquetes de varias formas, bien sea desde Synaptic, por medio de comando APT o finalmente con la ayuda de Tasksel, una herramienta de selección de instalación en sistemas Debian.

Vamos a realizar la instalación de LAMP por medio de tasksel por la simplicidad que nos ofrece, para ello abrimos una consola y ejecutamos el comando como super usuario

:~$ sudo tasksel

Donde vamos a seleccionar LAMP Server y luego aceptar para que inicie el proceso de descarga e instalación. En este proceso el sistema nos va a solicitar ingresar password para el usuario root del motor de bases de datos MySQL.

Una vez terminemos este proceso vamos a instalar phpmyadmin, una herramienta que nos permitirá la administración de MySQL por medio de una interfaz web, la cual nos va a facilitar crear bases de datos y mas adelante modificar, tablas, campos etc. de una forma mas amigable. Para esto ejecutamos en una terminal como super usuario

:~$ sudo apt-get install phpmyadmin

En este proceso de instalación nos preguntara elegir el servidor web en el que vamos a trabajar para que se ejecute el phpmyadmin, seleccionamos apache2. Y también asignar una contrase~a para el usuario root de phpmyadmin.

Verificamos que el servidor web este corriendo, abriendo el navegador de internet e ingresando a http://localhost , si todo esta ok debemos visualizar un texto que nos diga It Works!. Listo ya contamos con nuestro servidor web arriba a la espera de subirle contenido.

Como les mencione al inicio, vamos a trabajar con Drupal para montar nuestro primer sitio web de forma sencilla; es hora de descargarlo de internet y configurarlo, podemos encontrar la ultima versión estable en la pagina oficial del proyecto www.drupal.org

Una vez lo descarguemos y lo tengamos en nuestra carpeta personal debemos descomprimirlo dentro de la carpeta raíz del servidor web apache que es por defecto /var/www/ (se puede cambiar).

Antes de continuar con la instalación, se requiere crear un directorio y realizar ciertos cambios en un archivo de configuración. Nos ubicamos dentro del directorio donde descomprimimos Drupal en la raíz del servidor web y vamos a el directorio /sites/default para crear el directorio files con permisos de escritura y ejecución:

:/var/www/drupal/sites/default$ sudo mkdir files

:/var/www/drupal/sites/default$ sudo chmod 777 files

Ahora dentro del mismo directorio donde nos encontramos tenemos un archivo de configuración llamado default.settings.php el cual debemos renombrar por settings.php y otorgar los mismo permisos de escritura.

:/var/www/drupal/sites/default$ sudo mv default.settings.php settings.php

:/var/www/drupal/sites/default$ sudo chmod 777 settings.php

Ahora, antes de empezar con la instalación de debemos crear una base de datos donde Drupal almacenara toda la informacion de nuestro website, esto lo hacemos por medio de phpmyadmin, ingresando en el navegador web a la dirección http://localhost/phpmyadmin con el usuario y la contrase~a y creamos una base de datos con cualquier nombre, por ejemplo “website” como podemos ver en la siguiente imagen.

Listo, ahora si empezemos, ya contamos con todos los prerequisitos para la instalacion. Vamos a instalar!!! ingresamos desde el navegador web a la dirección http://localhost/drupal donde en primera instancia nos preguntara en que idioma deseamos instalar, por omisión se instala en ingles pero si queremos disponemos de varios idiomas que podemos descargar desde http://drupal.org/project/Translations solo debemos descargarlo y extraerlo en la raíz de nuestro directorio drupal y listo (Tener en cuenta que no todas las versiones de Drupal cuenta con traducción soportada), ya en esta primera ventana de instalación nos aparecerá el idioma que descargamos. Seleccionamos el idioma dando click sobre el nombre. Continuamos con el siguiente paso que es la configuración de la base de datos donde debemos ingresar el nombre de la base de datos previamente creada desde phpmyadmin, el usuario y la contrase~a.

El siguiente paso una vez ingresemos los datos de la Base de Datos es remover los permiso previamente otorgados al archivo de configuración settings.php

:/var/www/drupal/sites/default$ sudo chmod 644 settings.php

Ahora configuramos las opciones de nuestro sitio web como el nombre del sitio, email, usuario y contrase~a del usuario administrador y la zona horaria. Guardar y continuar y listo, hemos terminado, ahora ya podemos ingresar a nuestro sitio web, crear contenido, habilitar módulos cambiar de temas entre cientos de cosas mas, solo es cuestión de cacharrear y en poco tiempo seremos unos webmasters.