21 nov. 2009

Cómo Colocar un Contador de Visitas en Nuestro Blog

Bueno, saludos a todos de nuevo, acá de nuevo estoy para dejar un poco del conocimiento en sus manos. Esta vez explicare con un pequeño tutorial, como pueden colocar un contador de visitas en su blog.

Como siempre, lo primero que debemos hacer es encontrar una página que ofrezca el servicio bien sea gratuito o pago, para efectos nuestros, una gratis.

Usaremos la siguiente página

http://www.geovisite.com/es/index.php

Si se fijan bien, acá esta página ofrece una gran cantidad de contadores, desde los más básicos que solo cuentan las visitas totales y por países, hasta lo que muestran la dirección IP de la computadora de donde nos visitan, y algunos más completos que hasta muestran el estado del clima etc.

Antes de seguir, recomiendo tomarse unos minutos y leer la descripción de cada contador, y así nos vamos empapándonos del funcionamiento de cada uno.

Una vez que hayamos leído todo, vamos a realizar el primer paso que es registrarnos en la página, el paso de registro es muy similar a todos, es decir básicamente son los mismos pasos, te piden dirección de correo electrónico, usuario, contraseña etc. Veamos




En la siguiente ventana se nos muestra, la serie de datos que debemos llenar


Uno: nuestro correo electrónico, esto es necesario que sea el que usamos para nuestro blog o web, porque allí nos enviaran el correo electrónico para la confirmación de registro.


Dos: nos piden el URL de nuestro blog, o web, es decir en mi caso seria http://www.siul-blog.blogspot.com/


Tres: nos piden un usuario: el usuario es el que usaremos para ingresar a la página del contador, para administrar nuestra cuenta

Cuatro: la contraseña de acceso a nuestra cuenta del contador

Cinco: nuestra ubicación

Seis: la categoría de nuestro blog, por ejemplo si es de política, poesía, música etc.

Siete: en lenguaje o idioma de nuestro blog

Ocho: titulo de nuestro blog o web, es decir lo que define a nuestro blog, si fijan en la parte alta de mi blog, mi título es ese el que dice: No es más fuerte la razón, porque se diga a gritos.

Nueve: una descripción de nuestro blog o web, por ejemplo, espacio para la difusión de conciencia sobre el medio ambiente (en el caso de un blog ecológico por ejemplo)

Diez: Al final le damos clic al botón que tiene un disquete titilando

Ampliar Imagen

Ampliar Imagen


Una vez que llenamos todos estos datos, damos clic como indica el número diez, y se nos abre la siguiente ventana, donde se nos indica el tipo de contador que deseamos introducir en nuestro blog, o web, pueden escoger el que deseen, pero para fines del tutorial los pasos son los mismos, así que escogeré el que dice GEOCOUNTER. Veamos






Ampliar Imagen

En la siguiente ventana se nos muestran los códigos, el primero código es un GEOCOUNTER Código y visuales flash/Javascript es decir que esta en movimiento, es animado. El segundo código es solo la imagen. Pero aun no vamos a copiar esos códigos, vamos a la parte de abajo donde dice 3/4 con una flechita señalando un mouse, le damos clic para continuar. Les digo que no copiemos este código, porque es mejor que editemos a nuestro gusto el contador, aunque si lo pegan de una vez, no pasara nada, esta web tiene la facilidad de que en nuestro blog automáticamente se cambiara el contador cada vez que lo modifiquemos sin necesidad de estar copiando y pegando a cada rato el código, es decir se actualiza solo. Por eso es que es importante que cuando llenemos los datos no coloquemos direcciones falsas, porque si no el contador no va a servir.



La siguiente ventana nos pregunta si queremos inicializar o no nuestro contador, bueno acá lo lógico es no, pero si quieres hacerle crear a todos que tu web es muy visitada, puedes darle clic en sí, y colocar de una vez una cantidad de visitas, pero no seas tramposo, deja que tu pagina se rankee sola según las visitas verdaderas a ella.

En la siguiente ventana se nos va a mostrar cada uno de los tipos de contadores, damos clic en el que vamos a crear, en este caso el GEOCOUNTER


En la siguiente pagina nos muestra nuestro contador tal y como es el diseño dejado por la pagina, pero acá podemos modificarlo haciendo clic en color configuración



Ampliar Imagen

En la ventana que se abre, nos muestra una serie de cosas que a medida que vamos cambiándola, al mismo tiempo de forma inmediata se nos muestran los cambios, ósea que podemos ir observando de una vez los cambios, así que no creo necesario salvo algunos puntos, explicar cada cosa.

Background: es el fondo de color del contador, por ejemplo si queremos añadir como fondo una foto nuestra, aunque yo lo he intentado hacer pero creo que hay un error en la página que no me permite hacerlo

El periodo, es algo muy importante, si dejamos hoy el contador solo contara (valga la redundancia) la cantidad de visitas del día, sin sumar el total de visitas que acumule la pagina desde que se inicio, entonces es recomendable cambiar el HOY, por DESDE ENTONCES, y vean que automáticamente el contador ya sabe la fecha en la cual creaste tu blog, porque para eso te pidió el URL de tu página. Así que ya llevas unas cuantas visitas.

Donde dice Texto Periodo: ordenemos eso y coloquemos la fecha de la siguiente forma 21 -11 -2009 (en mi caso) aunque si desean lo dejan así.

Donde dice color de fondo, es el fondo de nuestro contador, les recomiendo colocar el color de acuerdo al fondo de su blog, es decir, si su blog, tiene como fondo el color negro como en mi caso, entonces escojamos ese color para que quede más armónico, pero todo es al gusto.

Del resto de las herramientas, solo son los colores de las letras, el tipo y tamaño de letra, el color de la frontera, es el color del recuadro donde está encerrado el contador. Etc. Cosas que ustedes fácilmente pueden modificar, y de todos modos no se preocupen porque el contador cada cambio.

Al final de todo le damos SOMETER



Ahora si estamos listo para insertar el contador en nuestro blog o web, recuerden por ejemplo si están usando el Space.live de Windows live (el blog Messenger) tiene que colocar agregar este código a un bloque que contenga edición HTML…

Ok vamos a nuestro blog, en diseño y agregamos un nuevo gadgets que tenga edición HTML/Javascrip veamos

Pegamos el código aquí y damos guardar


Ampliar Imagen

Ampliar Imagen

Ampliar Imagen

Ampliar Imagen


En el caso de los spaces de Windows live sería así

Agregamos un modulo



Ampliar Imagen


Ampliar Imagen


Ampliar Imagen

Ampliar Imagen



Espero haber ayudado





No hay comentarios.: