This is the spanish version of the post Understanding Blogsome

En la semana pasada he estado tratando de “embellecer” mi blog, agregando algunas propiedades mas y ordenando un poco mi data.

Este articulo es para compartir con aquellos que todavia no son expertos en blogsome y quieren hacer algunos cambios en su template. Si tienes algunas preguntas puede que yo tenga la respuesta pero recomiendo mucho preguntar a los expertos de blogsome en su foro Blogsome Forum.

Aqui dejo algunos tips condensados acerca de las propiedades que he necesitado saber para mi blog.

Read more…

Si prefieres leer este articulo en espanol dirigete a mi post Entendiendo Blogsome

In the past week I’ve been trying to “pimp out” my blog, adding some new features and putting data in order.

This article is to share with those who haven’t mastered in blogsome just yet and are trying to do some changes in their template. If you have any questions I might have the answer but I strongly recommend to ask the experts at Blogsome Forum if you have a question about your blogsome blog.

Here are some condensed info of the things that I’ve needed and learned to add to my blog.

1. Add “Read More…” at the end of my article:
   Do not mistake it with the option excerpt, I’ll be explaining this shortly. To do this teaser which refers to sentences or paragraphs of a post, you just need to insert the Quicktag after a few sentences to act as a cut off point.
   
   Read more…

This is a nice collection of the most rich layout banks out on the internet. If you are planning on learning and/or practicing more CSS this website might be a great help for you.

CssEasy
A nice looking website with free fixed and fluid layouts.

Read more…

This article is a collection of CSS layout designs that offers flexibility and are easy to implement. Without further ado, here they are:

3Col Fixed SEO


#page_margins {width: 980px; min-width: 980px; max-width:none }
#main { float:left; width: 100%; background-color: transparent; background-image: url(../../images/bg_pattern.png); background-repeat:repeat-y; background-position:left; }
#col1 { width: 480px; float:left; margin-left: 240px; }
#col2 { width: 240px; float:left; margin-left: -720px; }
#col3 { margin-left: -5px; margin-right: 0; width: 240px; float:right;}


Read more…

CSS stands for Cascading Style Sheets, according to wikipedia “Cascading Style Sheets is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.”

One of the greatest of using CSS when designing a website is the flexibility it offers for both web designer and readers. By combining CSS with the functionality of a Content Management System, a considerable amount of flexibility can be programmed into content submission forms. This allows a contributor, who may not be familiar or able to understand or edit CSS or HTML code to select the layout of an article or other page they are submitting on-the-fly, in the same form.

This is a great advantage for web designer as well, now we are able to change the entire layout of our site by only changing the stylesheet file. No more tables when making website, this is the freedom every web designer was waiting for. You can just give style to your HTML tags and your site will have the originality you where looking for.
This is a simple example of the CSS code:

h1 { color: white; background: orange !important; }
h2 { color: white; background: green !important; }

In this couple of sentences, what we have commanded is that every h1 and h2 tag will have a color white font and the background will be orange for h1 and green for h2.

Before getting started, want some inspiration?

Here are some site examples that show a clean and attractive use of CSS.

These is a collection of really good places where you can start learning CSS from the beginning.

I. INTRODUCTION

What is CSS?

Cascading Style Sheets

II. BASIC CSS

Chapter 1 - Introduction to CSS
Chapter 2 - CSS Syntax
Chapter 3 - CSS Classes
Chapter 4 - CSS IDs
Chapter 5 - CSS Divisions
Chapter 6 - CSS Spans
Chapter 7 - CSS Margins
Chapter 8 - CSS Padding
Chapter 9 - CSS Text
Chapter 10 - CSS Fonts
Chapter 11 - CSS Anchors, links and pseudo classes
Chapter 12 - CSS Backgrounds
Chapter 13 - CSS Borders
Chapter 14 - CSS Lists
Chapter 15 - CSS Width and Height
Chapter 16 - CSS Classification
Chapter 17 - CSS Position
Chapter 18 - CSS Pseudo Elements

III. CREATE LAYOUTS WITH CSS

CssEasy
1. Layouts Fixed

2. Layouts Fluid

Hope this tutorial has been useful for you, stay alert for new CSS tutorials!

Let you imagination fly away experimenting this cool space effect!

Ever wanted some healthy grass in your design? This is an awesome effect, enjoy!

This is a really cool tutorial that shows you step by step how to create the effect of a graffiti drawing in a wall. Have fun experimenting. Let me know what you think!

Two of the best free services outhere are Google Analytics and GetClicky

(Para leer el articulo en espanol, haz click aqui.)

Read more…

 

Como requerimientos previos a nuestro Sistema de Gestión y Administración, es necesario instalar los servicios: SNMP, MRTG, Apache…

Pero… empecemos por dar un vistazo general de que es cada uno de estos …

¿Que es SNMP?

SNMP es un protocolo de gestión de red, esto es, un conjunto de estructuras y primitivas que permiten tener datos concretos del tráfico que se produce en la red, así como quien lo produce. Nuestro cometido para este proyecto ha sido realizar un amplia documentación sobre todo el protocolo, para a continuación ser capaces de crear las herramientas para que se pueda generar en tiempo de ejecucción un modulo MIB genérico al que se le pueden incluír ciertas estructuras que permitiran la gestión de determinadas características. Posteriormente, y como última parte de este trabajo, se ha puesto a disposición un modulo que, ayudandose del modulo MIB generado en la parte anterior, permite realizar una simulación, altamente configurable, que ofrece una buena visión global de lo que nos podría aportar un sistema de este tipo en nuestra sistema de red particular.

¿Que es MRTG?

Descripcion: MRTG (Multi Router Traffic Grapher) es una herramienta, escrita en C y Perl por Tobias Oetiker y Dave Rand, que se utiliza para supervisar el la carga de tráfico de interfaces de red. MRTG genera páginas HTML con gráficos que proveen una representación visual de este tráfico.

MRTG utiliza SNMP (Simple Networque Management Protocol) para recolectar los datos de tráfico de un determinado dispositivo (ruteadores o servidores), por tanto es requisito contar con al menos un sistema con SNMP funcionando y correctamente configurado.

Aquí una idea de las maravillas que MRTG puede hacer por nosotros.

Ahora si, instalemos:

Debemos asegurarnos de tener ciertas librerias antes de decidir instalar MRTG,

Si no se ha instalado, es hora de compilar las librerias zlib, libpng, y gd en orden cronologico. Empecemos en /usr/local/src y tipeamos los sgtes. comandos. El caracter "\" al final de la linea significa que este comando debe ser escrito en una sola linea.

    * zlib:

       wget http://www.gzip.org/zlib/zlib-1.1.4.tar.gz
       gunzip -c zlib-*.tar.gz | tar xf -
       rm zlib-*.tar.gz
       mv zlib-* zlib
       cd zlib
       ./configure
       make
       cd ..

    * libpng:

       wget http://planetmirror.com/pub/sourceforge/libpng/libpng-1.0.15.tar.gz
       gunzip -c libpng-*.tar.gz |tar xf -
       rm libpng-*.tar.gz
       mv libpng-* libpng
       cd libpng
       make -f scripts/makefile.std CC=gcc ZLIBLIB=../zlib ZLIBINC=../zlib
       rm *.so.* *.so
       cd ..

    * gd:

       wget http://www.boutell.com/gd/http/gd-2.0.11.tar.gz
       gunzip -c gd-2.0.11.tar.gz |tar xf -
       mv gd-2.0.11 gd
       cd gd
       env CPPFLAGS="-I../zlib -I../libpng" LDFLAGS="-L../zlib -L../libpng" ./configure \
           –disable-shared –without-freetype –without-jpeg
       make
       cp .libs/* .
       cd ..

INSTALANDO PAQUETE SNMP:

-    Descargar RPM de Internet:

[root@servidor snmp]# wget  ftp://fr.rpmfind.net/linux/redhat/9/en/os/i386/RedHat/RPMS/net-snmp-5.0.6-17.i386.rpm

-    Ejecutamos RPM:

[root@servidor snmp]#  rpm –ivh net-snmp-5.0.6-17.i386.rpm

-    Guardando archive de configuración anterior:

[root@servidor snmp]# cd /etc/snmp/
[root@servidor snmp]# mv snmpd.conf snmpd.conf.old
[root@servidor snmp]# vi snmpd.conf

-    Ingresar la siguiente linea en la nueva configuración para aplicar el community string de Solo Lectura a “clave”

rocommunity clave

-  Configurar Linux para empezar los servicios SNMP en cada reboot con el comando chkconfig.

[root@servidor snmp]# chkconfig –level 345 snmpd on
[root@servidor snmp]#

[root@servidor snmp]# /etc/init.d/snmpd start
Starting snmpd: [ OK ]
[root@servidor snmp]#

-    Probamos si SNMP puede leer la informacion MIB “system” e “interface”:

[root@servidor snmp]# snmpwalk -v 1 -c clave localhost system
SNMPv2-MIB::sysDescr.0 = STRING: Linux servidor 2.4.18-14 #1 Wed Sep 4 11:57:57 EDT 2002 i586
SNMPv2-MIB::sysObjectID.0 = OID: NET-SNMP-MIB::netSnmpAgentOIDs.10
SNMPv2-MIB::sysUpTime.0 = Timeticks: (425) 0:00:04.25
SNMPv2-MIB::sysContact.0 = STRING: root@localhost
SNMPv2-MIB::sysName.0 = STRING: servidor
…

…

…

[root@servidor snmp]# snmpwalk -v 1 -c clave localhost interface
IF-MIB::ifNumber.0 = INTEGER: 3
IF-MIB::ifIndex.1 = INTEGER: 1
IF-MIB::ifIndex.2 = INTEGER: 2
IF-MIB::ifIndex.3 = INTEGER: 3
IF-MIB::ifDescr.1 = STRING: lo
IF-MIB::ifDescr.2 = STRING: wlan0
IF-MIB::ifDescr.3 = STRING: eth0

…

…

…

[root@servidor snmp]#  

-    Descargando MRTG e instalando paquetes.

[root@servidor snmp]#  wget ftp://fr.rpmfind.net/linux/redhat/9/en/os/i386/RedHat/RPMS/mrtg-2.9.17-13.i386.rpm

[root@servidor snmp]#  rpm –uvh mrtg-2.9.17-13.i386.rpm

 
INICIANDO APACHE:

-  Normalmente el RedHat 9 tiene instalando el Apache, así que solo nos queda iniciarlo:

[root@servidor snmp]# /etc/init.d/httpd start

 
CONFIGURANDO MRTG:

Cuando el RPM MRTG es instalado este crea un directorio llamado /etc/mrtg en el cual todos los archivos de configuración futuros son almacenados. 

-    Creando nuevos archivos de configuración:

Usaremos el comando cfgmaker para crear un archivo de configuración llamado  localhost.cfg para el servidor "servidor" usando un community string de solo lectura clave. Todos los archivos de datos serán ubicados en el directorio /var/www/html/mrtg/stats.

 [root@servidor tmp]# cfgmaker –output=/etc/mrtg/localhost.cfg \ -ifref=ip –global "workdir: /var/www/html/mrtg/stats" \ clave@localhost 

 
–base: Get Device Info on clave@localhost:
–base: Vendor Id:
–base: Populating confcache
–snpo: confcache clave@localhost: Descr lo –> 1
–snpo: confcache clave@localhost: Descr wlan0 –> 2
–snpo: confcache clave@localhost: Descr eth0 –> 3
–snpo: confcache clave@localhost: Ip 0.0.0.0 –> 3
–snpo: confcache clave@localhost: Ip 127.0.0.1 –> 1
–snpo: confcache clave@localhost: Ip 192.168.1.100 –> 2
–snpo: confcache clave@localhost: Type 24 –> 1
–snpo: confcache clave@localhost: Type 6 –> 2
–snpo: confcache clave@localhost: Type 6 –> 3 (duplicate)
–snpo: confcache clave@localhost: Eth –> 1
–snpo: confcache clave@localhost: Eth 00-06-25-09-6a-b5 –> 2
–snpo: confcache clave@localhost: Eth 00-08-c7-10-74-a8 –> 3
–base: Get Interface Info
–base: Walking ifIndex
–base: Walking ifType
–base: Walking ifSpeed
–base: Walking ifAdminStatus
–base: Walking ifOperStatus
–base: Writing /etc/mrtg/localhost.cfg
[root@servidor tmp]#

-    Luego creamos el directorio /var/www/html/mrtg/stats y copiamos todos las imagenes “.png” de MRTG en el directorio.
 

[root@servidor mrtg]# mkdir /var/www/html/mrtg/stats

[root@servidor mrtg]# cp /var/www/html/mrtg/*.png  /var/www/html/mrtg/stats
[root@servidor mrtg]#

 

-    Cuando el MRTG RPM es instalado este ubica una entrada en /etc/crontab para hacer que MRTG corra cada 5 minutos usando el archive de configuración /etc/mrtg/mrtg.cfg. Agregamos la siguiente línea:

 # 0-59/5 * * * * root /usr/bin/mrtg /etc/mrtg/mrtg.cfg

0-59/5 * * * * root /usr/bin/mrtg /etc/mrtg/localhost.cfg
 

- Corremos MRTG usando /etc/mrtg/localhost.cfg como nuestro argumento tres veces, mientras se actualiza.

[root@servidor mrtg]# mrtg /etc/mrtg/localhost.cfg
Rateup WARNING: /usr/bin/rateup could not read the primary log file for localhost_192.168.1.100
Rateup WARNING: /usr/bin/rateup The backup log file for localhost_192.168.1.100 was invalid as well
Rateup WARNING: /usr/bin/rateup Can’t remove localhost_192.168.1.100.old updating log file
Rateup WARNING: /usr/bin/rateup Can’t rename localhost_192.168.1.100.log to localhost_192.168.1.100.old updating log file
[root@servidor mrtg]# mrtg /etc/mrtg/localhost.cfg
Rateup WARNING: /usr/bin/rateup Can’t remove localhost_192.168.1.100.old updating log file
[root@servidor mrtg]# mrtg /etc/mrtg/localhost.cfg
[root@servidor mrtg]#

-    Creando una pagina index combinada:

Para ver los graficos definidos en los archivos “.cfg” en el directorio /etc/mrtg.

indexmaker  –output=filename device1.cfg device2.cfg etc