Twitter Follow Box BETA 1.0 Jquery y mootools en Joomla 2.5

Hola , dado que no he visto plugins o módulos en el JED para Fans de Twitter me propuse hace tiempo buscar alguno que cumpla la expectativa y realice la función medianamente bien en joomla 2.5 y si fuera posible gratis ( ya veis que ando escaso y cambiando extensiones ) la economía esta fatal y el mundo aún peor. Bueno, vamos al asunto con el mini tutorial en español y gratis valga redundancia 🙂

Twitter Follow Box Beta 1.0 es un plugin para jQuery que nos permite agregar un gadget de Twitter que copia el estilo del plugin Like Box de Facebook. Es fácil de integrar a cualquier sitio y posee varias opciones que permiten adaptarlo a nuestros gustos personales.

Descargamos el ZIP que ofrecen en la página de los desarrolladores y allí nos encontraremos con cuatro archivos:

followbox.css ( las reglas css del plugin )

jquery.followbox.js o jquery.followbox.min.js ( el plugin )

podemos usar cualquiera de ellos lo agregamos antes del con el siguiente contenido…

tambien podemos subirlo a nuestro sitio y enlazarlo de esta forma…

enlazamos tambien el CSS…

Después, podemos subir la librería de jQuery a nuestro sitio o cargarla desde un servidor externo por ejemplo la del repositorio de Google ( lo que he optado ) por temas de optimización…

O subirla a nuestro sitio y enlazarla…

Ahora creamos un módulo personalizado HTML escribimos :

Es un DIV y la llamada a función donde solo resta indicar nuestro nombre de usuario.
Exiten opciones extras optativas que permiten configurar algunos detalles:
[b]
width[/b] es el ancho en pixeles
height es el alto en pixeles
border_color el color del borde
bg_color el color del fondo
bg_image una imagen de fondo optativa
title_color el color del texto del título
total_count_color el color indicando la cantidad de seguidores
follower_name_color el color de los enlaces a los seguidores
theme permite seleccionar un estilo global; puede ser light, dark o custom

Se agregaria de la siguiente forma separándolas con comas dentro del propio script:

$('#followboxbeta').followbox({
'user' : 'NOMBRE_USUARIO',
'theme' : 'dark'
});

Para cambiar un pequeño ícono que utiliza el plugin, la imagen llamada icon_twitter.png la subimos a nuestro sitio y buscamos esto en el script:

var d="followbox/icon_twitter.png";

lo cambiamos por la dirección de nuestra imagen.


var d="http://mi_imagen.png";


Hasta aquí ya tendriamos una parte del proceso, para que este plugin sea funcional es necesario realizar algunos ajustes debido a que por defecto Joomla viene con la librería mootools, al instalar la libreria jQuery entrará en conflicto. Para que puedan funcionar ambas librerias hay que modificar todas las variables que estan representadas con el simbolo del dollar $ dado que moootools hace referencia a la misma para llamar a…. por lo tanto cambiamos todas para evitar este conflicto y lo reemplazamos porjQuery.

En el script jquery.followbox.js donde comienza…

(function(jQuery) {

Le agregamos encima la función de no conflicto..

jQuery.noConflict();

ya tenemos jQuery y mootools en nuestro Joomla.

[URL=http://imageshack.us/photo/my-images/69/screenshot009xy.jpg/][IMG]http://img69.imageshack.us/img69/1948/screenshot009xy.jpg[/IMG][/URL]

Un cordial saludo.