Modificar el Badge Oficial de Twitter.
Saludos.
La última modificación a este blog fué la adición del “badge oficial” de Twitter, para que puedan ver mis mini posts en ese servicio.
Claro que no es el ‘oficial’ dado que lo modifiqué un poco para ajustarlo a mis necesidades de idioma y posicionamiento.
El principal cambio no-estético es la traducción completa de los mensajes de tiempo de publicación y la adición de un salto de línea entre el contenido del minipost y el tiempo de creación/publicación en el sitio de Twitter. A lo mejor no me di el tiempo de buscar una versión en español latino, pero lo hecho ya está.
Si quieren usar esta versión modificada, pueden descargarla del siguiente link. Favor no hacer hotlinking y dirigir hasta acá.
Para evitar que se les caiga el blog en caso que el servicio de Twitter esté caído, como recomendación del mismo sitio, deben incluir las llamadas a javascript al final de su sitio, antes del tag para cerrar el contenido. (Antes del /Body )
El código oficial que entrega Twitter para insertar en el código fuente de tu plantilla es el siguiente:
La primera línea marcada la modificaremos más adelante. La segunda línea es el nickname que tienen registrado en Twitter. La tercera es la cantidad de posts que desean publicar en su sitio. Yo dejé solo una.
Ahora, el hack es el siguiente, al menos para este theme. Abran el archivo ‘header.php’ y justo después del div que cierra el contenido deben pegar lo siguiente y presionar salvar:
Esto, para posicionar el ‘Evento Twitter’. A continuación, abran el archivo ‘index.php’ y al final, después de la llamada ‘get_footer’ y antes del tag que cierra el BODY (/BODY), coloquen lo siguiente:
Aquí pueden ver que cambié la ruta de donde busca el archivo JavaScript que se encarga de recibir los twitts. Asegúrense de cambiar el nickname por el suyo, y de la cantidad de posts que desean colocar.
Ahora como se fijaron en la imagen, deben acceder vía FTP a su sitio web, y en la misma carpeta de el template o plantilla, deberán crear una carpeta que se llame js, y dentro de ella copiar el archivo blogger.js modificado que puse al inicio.
Ejemplo:
Con eso terminado, sólo tienen que estilizar un poco el CSS de su sitio para que se vea acorde al estilo general.
El CSS que utilicé en Weas Frikis es el siguiente:
y el resultado final:
El ícono de Twitter, lo saqué del siguiente sitio web: AOD Design
El botón de ‘download’ lo saqué de: Twisted182 en DeviantArt.com
Ups, lo olvidaba:
Codex Wordpress
Twitter Badges Html
Espero que les haya gustado esta pequeña modificación y si tienen dudas escríbanlas en los comentarios.
Silla!
Tags: español latino, hack para fluidsolution, modificación, twitter badge, twitter badge en español
June 20th, 2008 at 2:06 am
Bueno, para variar ya le encontré un buggito. (buggy)
Sólo funciona en la página principal dado que le puse la llamada js en el archivo index.php y al entrar a un post específico el theme llama al archivo page.php
Error de novato pero solucionable. Para la siguiente revisión, voy a mover los twitts a el menú lateral, dado que el botón HOME de la barra de navegación esta de más. En vez de eso, colocaré los twittos en esa zona con su css mejorado.
Además voy a modificar el js para que muestre un mensaje de error cuando twitter no esté funcionando correctamente y evitarme el espacio en blanco en caso de no tener visible algun minipost.
Silla!