Botón de visitantes en línea

Gracias a esta sencilla web podrás colocar en tu página o blog un sencillo botón para informar de los visitantes "online" presentes en ella.
Nos dirigimos a la página web Opromo.com, y allí, al apartado "Visitas Online".
Los pasos a seguir son muy sencillos:
1. Introducimos nuestra URL, (Ej.: www.latrucotecadeblogs.com)

2. Realizamos unos pequeños ajustes (Fuente, Color, Tamaño):

3. Escogemos el logotipo o símbolo (puede ser un ordenador, un corazón o nada)

 4. Y por último, seleccionamos la frase que deseemos que salga junto al símbolo (están en portugués, pero son perfectamente entendibles):

Tras esto, le damos a "Visualizar Abaixo", donde nos saldrá una vista previa del contador de usuarios, y después, copiamos y pegamos el código que nos dan más abajo:

También hay otras páginas como Whos.amung.us , StatCounter, etc.
Nota: Estas indicaciones/contadores de usuarios online son casi siempre bastante imprecisas, por lo que recomendamos tomárselo únicamente como una orientación.

Descripción de tu blog en Google

Este recurso es muy simple y funciona instantáneamente en las búsquedas de Google, Yahoo, etc.
Consiste en hacer aparecer una descripción, así como unas palabras clave en los buscadores, para mejorar nuestro posicionamiento e indexación, e informar al posible visitante sobre el contenido y la orientación de nuestro blog.

Para ello entramos en Plantilla>Edición de HTML y buscamos el siguiente código:

<title><data:blog.pageTitle/></title>

 Y añadimos debajo el siguiente bloque:

<!-- Metatags -->
<b:if cond='data:blog.pageType == "index"'>
<meta content='PALABRAS-CLAVE-SEPARADAS-ENTRE-COMAS' name='keywords'/>
<meta content='DESCRIPCIÓN-DEL-CONTENIDO-DEL-BLOG' name='description'/>
</b:if>

Ahora debes cambiar los códigos en color por lo correspondiente, y ya dispondrás de una mejor cataloguización en los buscadores más importantes.
¡Un saludo!

Visto en Blog and Web

Cambio de cursor sobre una imagen o cualquier otro elemento

Con este sencillo truco conseguirás que al poner sobre una imagen el cursor, éste cambie su aspecto.
Ejemplo:

Si bien el códido básico para conseguir la aparición de una imagen es éste:

<img src="AQUÍ-LA-URL-DE-LA-IMAGEN">

El código que tendrías que añadir para lograr el cambio del puntero sería el siguiente:

style="cursor:AQUÍ-LA-PROPIEDAD;"

1. Que añadido al código de la imagen quedaría así:

<img style="cursor:AQUÍ-LA-PROPIEDAD;" src="AQUÍ-LA-URL-DE-LA-IMAGEN">

• AQUÍ-LA-PROPIEDAD debe ser cambiada por: url(url-del-cursor) en caso de que quieras que el cursor sea uno alojado en internet como por ejemplo: http://cuw.iespana.es/archivos/bob08.cur, que tendría que sustituir a url-del-cursor, o bien por uno de los siguientes términos, que pertenecen a punteros predeterminados del sistema:

default
pointer
move
crosshair
nw-resize
ne-resize
n-resize
e-resize
help
wait
text

2. También puedes hacerlo sobre una imagen con enlace:

<a href="URL-DEL-ENLACE"><img style="cursor:AQUÍ-LA-PROPIEDAD;" src="AQUÍ-LA-URL-DE-LA-IMAGEN"></a>

3. O sobre un simple enlace de texto:

<a style="cursor:AQUÍ-LA-PROPIEDAD;" href="URL-DEL-ENLACE">TEXTO-DEL-ENLACE</a>

En resumen, cambiar el cursor es muy fácil, y se puede hacer en cualquier elemento (imágenes, textos, pero también tablas, divs, etc.), y basta con agregarle a él el atributo style con el "parámetro" cursor y a continuación su propiedad.

Continuando con los cursores, dentro de poco explicaremos como cambiarlo en todo el blog, siguiendo un procedimiento similar... 

¡Un saludo!

Visto en Hacktime