Optimizado para una resolucion 1024 x 768

sábado, 27 de septiembre de 2008

Cambiando el Cursor en Blogger

Bien quiero explicar como cambiar el dichoso cursor en Blogger, ya que e leído algunos post y comentarios de como hacerlo, pero ninguno explica como hacerlo paso a paso de la forma mas clara posible y te lo tiran así como así!! a la buena de Dios!! o_Ó

Esto no requiere de mucho conocimiento solamente animarse, para eso tenemos una vista previa cuando hacemos algún cambio en el editor HTML de Blogger!!

Lo primero que vamos hacer es ir a Diseño, Edición HTML y buscar la siguiente etiqueta que esta al comienzo de todo el código HTML, ni bien entramos al editor, bajamos un poquito y vamos a encontrar el texto ( /* Use this with templates/template-twocol.html */ ), para poder ubicarnos...

Ejemplo:

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;

}

Cuando hallamos encontrado el Script anterior, lo que siempre nos dicen es que hay que agregar una linea dentro, bueno aquí es donde hay que hacer el cambio necesario para poder agregar cualquier cursor, el que mas nos guste...

Ahora van a ver como quedaría el código modificado después de que le agregamos la linea o mejor dicho la URL (Direccion Web) donde se encuentra alojado nuestro Cursor!!

*********************************************************************************
Recomiendo alojar cursores o fotos en la siguiente pagina http://www.fileupyour.com/ es muy fácil de usar y chiquito, es mas hasta nos da los código para poder Postear o publicar nuestro archivos en 6 modos diferentes HTML, Foros y E-m@il, Los archivos que subimos aquí nunca pierden extension (.jpg, .exe, .txt)
*********************************************************************************

La linea que debemos agregar para poder cambiar el cursor por el nuestro es la siguiente:
cursor: url("http://www.fileupyours.com/files/205219/prueba/matrix.cur"), auto;
En color rojo esta el valor que NO se puede modificar pero que deber escribirce asi, y en verde la Direccion Web o URL de la ubicacion del Cursor.
Así quedaría modificado el Script:

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
cursor: url("http://www.fileupyours.com/files/205219/prueba/matrix.cur"), auto;

}
Por favor respeten los espacios en la construcción del Script antes de poner la nueva linea recuerden dejar el espacio necesario apretando enter, alinear la nueva linea con las otros como se ve originalmente, porque cualquier espacio, aunque solo sea un espacio, es muy importante, y puede hacer ver como que el código no funciona.
Ahora, para demostrar que dicha modificación FUNCIONA, he cambiado el puntero en este Blog, porque muchos hace copiar y pegar y ni ellos saben si anda o no, todo lo que publican!! o_Ó
Espero que lo disfrutes y si tienes alguna duda me avisas...
Saludos..

No hay comentarios: