<?xml version="1.0" encoding="utf-8"?><!DOCTYPE article  PUBLIC '-//OASIS//DTD DocBook XML V4.4//EN'  'http://www.docbook.org/xml/4.4/docbookx.dtd'><article><articleinfo><title>FLISOL2009/ContadorFLISOL</title><revhistory><revision><revnumber>5</revnumber><date>2010-02-05 03:59:42</date><authorinitials>localhost</authorinitials><revremark>converted to 1.6 markup</revremark></revision><revision><revnumber>4</revnumber><date>2009-03-06 08:55:37</date><authorinitials>OmarVega</authorinitials></revision><revision><revnumber>3</revnumber><date>2009-03-06 08:54:24</date><authorinitials>OmarVega</authorinitials></revision><revision><revnumber>2</revnumber><date>2009-03-06 08:52:41</date><authorinitials>OmarVega</authorinitials></revision><revision><revnumber>1</revnumber><date>2009-03-06 08:37:59</date><authorinitials>OmarVega</authorinitials></revision></revhistory></articleinfo><section><title>Acerca de</title><itemizedlist><listitem><para>Autores: <ulink url="http://fitoria.blogspot.com/">Adolfo Fitoria</ulink> y <ulink url="http://leogg.wordpress.com/">Leandro Gómez</ulink> </para></listitem><listitem><para>Licencia: [CC-BY-SA 3.0 Unported <ulink url="http://creativecommons.org/licenses/by-sa/3.0/"/>] </para></listitem></itemizedlist></section><section><title>Introducción</title><para>El Contador FLISOL es un javascript que sirve para agregar un pequeño contador en un blog, wiki o sitio web, que indica la cantidad de días que faltan para la realización del FLISOL 2008. El contador está basado en el <ulink url="http://www.ubuntu.com/getubuntu/countdown">Ubuntu Countdown script</ulink> y fue creado especialmente para la edición 2008 del FLISOL. </para><para>El Contador FLISOL es fácil de configurar y personalizar. Se hizo pensando en que se pueda reutilizar, no solamente para futuras ediciones del FLISOL, sino también para otros eventos, cómo el <ulink url="http://www.documentfreedom.org/">DFD</ulink> y el <ulink url="http://softwarefreedomday.org/">SFD</ulink>. </para></section><section><title>Personalizar el contador</title><para>Lo primero que se debe hacer es descargar <ulink url="https://flisol.info/FLISOL2009/ContadorFLISOL/FLISOL2009/ContadorFLISOL?action=AttachFile&amp;do=get&amp;target=ContadorFlisol.tar.gz">ContadorFlisol.tar.gz</ulink> que incluye los siguientes archivos: </para><itemizedlist><listitem><para><emphasis role="strong">counter_flisol2008.svg</emphasis> - Este es el archivo fuente que contiene la imagen que se debe utilizar si se quiere personalizar el contador (ej. cambiar el fondo, el tipo de letra, colores, etc.) El .svg fue hecho con <ulink url="http://www.inkscape.org/">Inkscape</ulink>, que es software libre y está incluido en los repositorios de la mayoría de las distribuciones modernas de GNU/Linux. </para></listitem><listitem><para><emphasis role="strong">Flisol-XX.png</emphasis> - 31 imágenes con los nombres Flisol-00.png a Flisol-30.png. Estas son las imágenes que se muestran en la página de acuerdo a la cantidad de días que faltan. Ejemplo; si faltan 18 días se mostrará la imagen Flisol-18.png. Si la cantidad de días es 0 o menor se mostrará la imagen Flisol-00.png. </para></listitem><listitem><para><emphasis role="strong"><ulink url="https://flisol.info/FLISOL2009/ContadorFLISOL/ScriptFlisol#">ScriptFlisol</ulink>.js</emphasis> - El javascript hace que todo funcione <inlinemediaobject><imageobject><imagedata depth="16" fileref="https://flisol.info/moin_static198/sol/img/smile.png" width="16"/></imageobject><textobject><phrase>:)</phrase></textobject></inlinemediaobject> </para></listitem></itemizedlist><para>Una vez que descargado y descomprimido el .tar.gz en nuestra computadora procedemos a abrir el archivo <ulink url="https://flisol.info/FLISOL2009/ContadorFLISOL/ScriptFlisol#">ScriptFlisol</ulink>.js con nuestro editor de textos preferido. En este archivo debemos hacer un par de cambios. Nos vamos a la última línea:  </para><screen><![CDATA[document.write('<div style="width:217px;font-family:sans-serif" align="center"><a href="http://www.flisol.net/"><img id="cuenta_atras" src="http://www.aqui-tu-servidor.com/ContadorFlisol/Flisol-'+days+'.png" width="217" height="170" border="0" alt="FLISOL 2008 pronto!!"></a></div>');    ]]></screen><para>...y buscamos el siguiente código: </para><para><code> href=&quot;http://www.flisol.net/ </code> </para><para>Ese es el enlace a la página que entraremos si hacemos click en la imagen del contador. Si quisiéramos que apuntara, por ejemplo, al wiki de Argentina, lo cambiamos por: </para><para><code> href=&quot;http://www.flisol.net/FLISOL2008/Argentina/ </code> </para><para>Acto seguido buscamos: </para><para><code> src=&quot;http://www.aqui-tu-servidor.com/ContadorFlisol/Flisol-'+days+'.png&quot; </code> </para><para>La parte de <emphasis role="strong">www.aqui-tu-servidor.com/</emphasis> la reemplazamos por la URL del servidor donde vamos a subir el contador. Por ejemplo, si el servidor es <emphasis role="strong">www.myhost.com</emphasis>, ponemos: </para><para><code> src=&quot;http://www.myhost.com/ContadorFlisol/Flisol-'+days+'.png&quot; </code> </para><para>Guardamos los cambios y cerramos el archivo. </para></section><section><title>Subir el contador a nuestro servidor</title><para>En el directorio principal de nuestro servidor, creamos un directorio llamado <emphasis role="strong"><ulink url="https://flisol.info/FLISOL2009/ContadorFLISOL/ContadorFlisol#">ContadorFlisol</ulink></emphasis> y subimos en él nuestro archivo <emphasis role="strong"><ulink url="https://flisol.info/FLISOL2009/ContadorFLISOL/ScriptFlisol#">ScriptFlisol</ulink>.js</emphasis> modificado y las 31 imágenes <emphasis role="strong">Flisol-00.png a Flisol-30.png</emphasis>. </para><para>Y listo!!! Lo siento, no hay nada más que hacer aquí <inlinemediaobject><imageobject><imagedata depth="16" fileref="https://flisol.info/moin_static198/sol/img/smile.png" width="16"/></imageobject><textobject><phrase>:)</phrase></textobject></inlinemediaobject>  </para><para>Nota: No es necesario subir el archivo <emphasis role="strong">counter_flisol2008.svg</emphasis>. </para><para>Para probar el contador copia y pega el siguiente código en cualquier página web: </para><para><code> &lt;script type=&quot;text/javascript&quot; src=&quot;http://www.myhost.com/ContadorFlisol/ScriptFlisol.js&quot;&gt;&lt;/script&gt; </code> </para><para>Nota: Asegurate de cambiar <emphasis role="strong">www.myhost.com</emphasis> por el URL de tu servidor. </para></section><section><title>Corre la voz</title><para>Pide a tus amigos y familiares que pongan el Contador FLISOL en sus páginas personales y blogs. Solo deben copiar y pegar el código que aparece arriba. ¡Ayuda a promover la fiesta de software libre más grande de Latinoamerica! </para></section><section><title>Para finalizar</title><para>Consultas, sugerencias y soporte técnico con Leandro en leogg AT ubuntu DOT com. </para></section></article>